@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

@font-face {
  font-family: 'Mulish';
  src: url(/fonts/Mulish-VariableFont_wght.ttf);
}
@font-face {
  font-family: 'Mulish';
  src: url(/fonts/Mulish-SemiBold.ttf);
}
@font-face {
  font-family: 'Poppins';
  src: url(/fonts/poppins-v20-latin-100.woff2);
}
@font-face {
  font-family: 'Poppins';
  src: url(/fonts/poppins-v20-latin-500italic.woff2);
}
@font-face {
  font-family: 'Poppins';
  src: url(/fonts/poppins-v20-latin-500.woff2);
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.navigation {
  padding: 0px 38px 0px 38px;
}
.container-div {
  padding: 32px 0px 32px 0px;
}
/** Navbar **/
.logo-container {
  height: 120px;
  aspect-ratio: 1;
}
.raja-logo {
  height: 120px;
}
.navigation-section {
  padding: 32px 0px;
  background: #fff !important;
}
.navbar-nav {
  display: flex;
}
.nav-container {
  padding: 0px 60px;
}
.nav-left {
  margin-right: auto; /* Pushes the element to the left */
  margin-left: 42px;
}
.nav-right {
  margin-left: 10px;
}
/* Optional: Adjust spacing between items */
.navbar-nav a {
  margin-right: 10px;
}
.a-navlink-text {
  font-size: 14px;
  font-family: 'Mulish' !important;
  color: #000;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.right-navlinks {
  font-size: 14px;
  font-family: 'Mulish' !important;
  color: #000;
  font-weight: 600 !important;
}
.mulai-navlink {
  font-size: 14px;
  font-family: 'Mulish';
  padding: 12px 32px !important;
  background: #5100fa;
  color: #fff !important;
  border-radius: 4px;
  font-weight: 600 !important;
}
.nav-left-spacer {
  margin-left: 10px;
}
.nav-right-spacer {
  margin-right: 20px;
}
.fade.show {
  background: #404040;
  opacity: 1;
}
.modal-body {
  background: #404040;
  opacity: 1;
}

.modal.fade {
  transition: none; /* Remove transition effect */
}
.modal-dialog {
  transition: none !important; /* Remove transition effect */
  width: 100% !important;
}
.mobile-list-item {
  list-style: none;
}
.mobile-list-item a {
  text-decoration: none;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}
.mobile-menu-list {
  margin-top: 46px;
}
.mobile-list-item {
  margin-bottom: 25px;
}
.navigation-container {
  padding: 32px 0px 32px 0px;
}
/** End of Navbar **/

.block-group {
  padding: 100px 38px 100px 38px;
}
.business-boost-section {
  margin: 0px 0px;
  max-width: 1200px;
}
.title-text-wrapper {
  border-radius: 0px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  background: #f3f4f6;
}
.title-text-wrapper p {
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'Mulish';
  margin: auto;
}
.buttons-wrapper {
  display: inline-block;
}
.register-area {
  margin-top: 32px;
  /* background: green; */
}
.daftar-sekarang-div {
  background: #8ed1fc;
}
.login-div {
  background-color: #fff;
  margin-left: 25px;
}
.daftar-sekarang-div,
.login-div {
  padding: 11px 22px;
  border: 2px solid;
  border-radius: 4px;
}
.daftar-sekarang-div a,
.login-div a {
  text-decoration: none;
  font-family: 'Mulish';
  font-size: 16px;
  color: #000;
}
.mobile-app-promotion {
  width: 100% !important;
}
.app-promotion-text {
  font-size: 70px;
  color: #000;
  font-family: 'Poppins';
  font-weight: 500;
  font-style: normal;
  margin: 32px 0px 0px;
  text-align: center;
}
.app-enticement-message {
  margin: 32px 0px 0px;
  font-size: 17.5403px;
  font-family: 'Mulish';
}
.features-div {
  display: inline-block;
  margin-top: 32px;
}
.check {
  margin-right: 4px;
}
.features-text-p {
  font-size: 14px;
  font-family: 'Mulish';
  color: #5100fa;
  font-weight: 600;
}
.images-row {
  display: inline-block;
  margin-top: 80px;
}
.img-figure {
  width: 100%;
}
.features-img {
  width: 100%;
}
.why-choose-section {
  padding: 56px 0px 56px 0px;
  border-bottom: 1px solid #e4e4e7;
  margin-top: 110px;
}
.why-choose-section p {
  font-size: 16.5px;
  font-family: 'Mulish';
  opacity: 0.8;
}
.why-choose-section h2 {
  font-family: 'Poppins';
  font-size: 48px;
}
.opt-eval-strat-items {
  padding: 32px;
}
.box-containers {
  margin-top: 64px;
}

.box-one,
.box-two,
.box-three {
  border: 1px solid #d1d5db;
  padding: 32px;
  border-radius: 8px;
}
.number-digit {
  color: #5100fa;
  font-family: 'Mulish';
  font-style: normal;
  font-size: 38px;
  font-weight: 300;
  letter-spacing: 2px;
}
.item-desc {
  font-size: 16px;
  color: #000;
  font-family: 'Mulish';
}
.e-commerce-opt-container {
  width: 1300px !important;
}
.opportunities-container {
  margin-top: 91.28px;
  margin-bottom: 93.13px;
}
.top-features-img-container {
  position: relative;
}
.top-feature-img {
  width: 725.61px;
  height: 500px;
}
.features-check-items {
  margin-bottom: 0px;
  line-height: 2;
}
.top-features-details {
  position: absolute;
  border-radius: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 32px;
  padding-right: 50px;
  padding-bottom: 32px;
  padding-left: 50px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  font-family: 'Mulish';
  background: #5100fa;
  z-index: 2;
  width: 298.78px;
  height: 204px;
  bottom: 0px;
  left: 31px;
  color: #fff;
}
.white-cover {
  background: #fff;
  position: absolute;
  bottom: 0px;
  width: 100%;
  z-index: 1;
}
.cover-text {
  visibility: hidden;
}
.utilization-opportunities {
  /* outline: 1px solid #000; */
  height: 100%;
  padding-top: 89px;
  padding-left: 30px;
}
.utilization-opportunities h3 {
  font-family: 'Poppins';
  font-size: 38px;
}
.pemanfaatan-p-text {
  font-size: 16px;
  font-family: 'Mulish';
}
.pemanfaatan-detail-items {
  padding: 0;
  margin: 0;
}
.pemanfaatan-items,
.pemanfaatan-desc {
  font-size: 16px;
  font-family: 'Mulish';
}
.web-performance-img {
  object-fit: cover;
  position: relative;
}
.web-img {
  width: 725.61px;
  height: 500px;
}
.web-performance-details {
  background-color: #000;
  border-radius: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 32px 50px;
  font-style: normal;
  font-weight: 500;
  width: 302.33px;
  height: 204px;
  position: absolute;
  bottom: -14px;
  right: 44px;
  z-index: 2;
}
.web-performance-top-features-header {
  font-size: 16px;
  color: #fff;
}
.web-performance-detail-p {
  line-height: 2;
  color: #fff;
}
.web-performance-detail-p span {
  margin-right: 4px;
}
.web-performance-cover {
  /* outline: 1px solid #000; */
  background: #fff;
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
}
.web-performance-cover span {
  visibility: hidden;
}

/* SEO section CSS */
.mulai-sekarang-container {
  width: 100%;
}
.seo-performance-area {
  border-bottom: 1px solid #e4e4e7;
  padding-bottom: 35px;
}
.mulai-sekarang-button-div {
  border: 2px solid #5100fa;
  padding-top: 8px;
  padding-right: 30px;
  padding-bottom: 8px;
  padding-left: 30px;
  width: 200.19px;
  border-radius: 4px;
}
.mulai-sekarang-button-div a {
  text-decoration: none;
  color: #5100fa;
  font-size: 16px;
  font-family: 'Mulish';
  font-weight: inherit !important;
}
.business-dev-startup-section {
  margin-top: 24px;
}
.personnel-container {
  /* outline: 1px solid #000; */
  padding: 80px 0px 0px 0px;
  height: auto;
}
.personnel-name {
  margin-bottom: 0px;
}
.personnel-designation {
  font-size: 14px;
  font-family: 'Mulish';
  color: #000;
  margin-bottom: 0px;
}
.untuk-semua-bg-color {
  background: linear-gradient(
    180deg,
    rgb(243, 244, 245) 10%,
    rgb(255, 255, 255) 62%
  );
  padding-top: 86.59px;
  padding-bottom: 86.59px;
}
.harga-untuk-semua {
  font-family: 'Poppins';
  font-size: 68px;
}
.untuk-semua-text-wrapper p {
  font-size: 16px;
  font-family: 'Mulish';
}
.untuk-semua-text-wrapper {
  width: 500px;
}
.konsultan-strat-pengembangan-columns {
  border: 1px solid #e4e4e7;
}

.konsultan-upper-content {
  padding: 32px;
}
.button-container {
  margin-block-start: 32px;
  margin-block-end: 0;
  width: 100%;
  background: #5100fa;
}
hr {
  margin: 0;
}
.button-inner-wrapper {
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}
.button-inner-wrapper a {
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  color: white;
}
.termasuk-container {
  padding: 32px;
}
.termasuk-list-item {
  margin-bottom: 0px;
  line-height: 1.5;
}
.untuk-semua-check {
  color: #5100fa;
  font-size: 16px;
  font-family: 'Mulish';
}
.untuk-semua-second-content-features {
  font-size: 16px;
  font-family: 'Mulish';
}
.pelanggan-header {
  font-size: 44.385px;
  font-family: 'Poppins';
  font-weight: 500;
}
.testimonial-wrapper {
  width: 100%;
  height: auto;
  margin-left: 10px;
}
.testimonial-inner-container {
  background-color: #000;
  height: 100%;
}

.testimonee-wrapper {
  padding: 40px;
}
.testi-message {
  font-size: 23px;
  font-family: 'Mulish';
  color: #fff;
  line-height: 1.5;
}
.testimonee-name-designation {
  font-size: 16px;
  font-family: 'Mulish';
  color: #fff;
  margin-bottom: 0px;
}
.testi-left,
.testi-right {
  padding-left: 0px;
  padding-right: 0px;
}
.testi-right {
  position: relative;
}
.block-button {
  width: 132.25px;
  height: 41.45px;
  color: none;
}
.block-button a {
  color: #fff;
  padding: 8px 16px 8px 16px;
  background: #5100fa;
}
.kontak-button-div {
  padding: 80px 69.422px 0px 69.422px;
}

/** Footer CSS **/
.divider-to-footer {
  border-top-color: #f3f4f6;
  border-top-width: 1px;
}
.footer-links {
  padding: 56px 0px;
}
.socials-container p {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  font-family: 'Mulish';
}
.icons-container-svg {
  margin-top: 24px;
}
.wrap-b,
.wrap-c,
.wrap-d {
  margin-left: 12px;
}
.footer-navlink-items {
  list-style-type: none;
  margin-bottom: 15px;
}
.footer-navlink-items a {
  text-decoration: none;
}
.nav-link-text {
  font-size: 16px;
  font-family: 'Mulish' !important;
  color: #000;
  font-weight: 600;
}
.nav-link {
  color: #000;
}
.footer-navlinks ul {
  padding-left: 0px;
}
.copyright-container {
  border-top: 1px solid #f3f4f6;
  padding-top: 24px;
  padding-bottom: 24px;
}

@media (max-width: 1024px) {
  .business-boost-section {
    max-width: 948px !important;
  }
  .app-promotion-text {
    font-size: 63px;
  }
}
@media (max-width: 900px) {
  .app-promotion-text {
    font-size: 60px;
  }
}
@media (max-width: 782px) {
  .nav-left {
    margin-left: auto;
    margin-right: 0px;
  }
  .nav-right {
    display: none;
  }
}
@media (max-width: 768px) {
  .container,
  .container-sm {
    max-width: 694px;
  }
  .app-promotion-text {
    font-size: 58.0075px;
  }
  .images-column {
    margin-bottom: 20px;
  }
  .top-features-img {
    margin-bottom: 50px;
  }
  .personnel-container {
    margin-left: 5px;
    max-width: 216px;
  }
  .harga-untuk-semua {
    font-size: 38px;
  }
  .images-row {
    width: 100%;
    display: inline-block;
    justify-content: center;
    margin: 80px 0px 50px 0px;
  }
  .box-one,
  .box-two,
  .box-three {
    margin-bottom: 20px;
  }
  .konsultan-strat-pengembangan-columns {
    margin-bottom: 27px;
  }
}
@media (max-width: 678px) {
  .business-boost-section {
    width: 589px;
  }
}
@media (max-width: 576px) {
  .container {
    max-width: 470px;
  }
  .navbar-light .navbar-toggler {
    border: none !important;
  }
  .navbar-toggler-icon {
    width: 24px;
    height: 24px;
  }
  .app-promotion-text {
    font-size: 53px;
  }
  .personnel-container {
    max-width: 154px;
  }
  .untuk-semua-text-wrapper {
    max-width: 398px;
  }
  .testimonial-wrapper {
    margin-left: 0px;
  }
  .kontak-button-div {
    margin-left: -81px;
  }
}