:root {
  --color-white: #f8f8f8;
  --color-orange: #f58940;
  --color-gray: #444;
  --color-light-gray: #e1e1e1;
  --color-black: #111111;
  --color-dark-blue: #162232;
  --color-green: #4af890;
  --color-light-green: #ecfecc;
  --color-dark-green: #1e352f;
  --color-green-faded: #376458;
  --color-primary-green: #33a461;
  --color-yellow: #fffacb;
  --color-violet: #525b8b;

  --size-navbar-height: 65px;
  --size-navbar-height-desktop: 65px;
  --size-max-width: 1920px;
  --size-max-card-width: 700px;
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
html {
  font-size: 12px;
}
body {
  background-color: var(--color-white);
}

p {
  margin-bottom: 0;
}
img {
  user-select: none;
}
pre {
  font-family: Arial, Helvetica, sans-serif;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #fffbe1;
  background-image: none;
}
/* BPS */
.k-page-wrapper {
  max-width: var(--size-max-width);
  margin: 0 auto;
}
.border-yellow {
  border-left: 5px solid #f2d229;
  border-right: 5px solid #f2d229;
}
.border-blue {
  border-left: 5px solid #0577be;
  border-right: 5px solid #0577be;
  position: relative;
}
.border-left-right {
  border-left: 3px solid #f2d229;
  border-right: 3px solid #f2d229;
}
#jb-bps-section {
  width: 100%;
  height: 100%;
}
.jb-bps-wrapper {
  width: 100%;
}
.jb-bps-business-profile {
  width: 100%;
  position: relative;
}
.jb-bps-business-profile-decoration {
  width: 10%;
  position: absolute;
  top: 0;
  left: 0;
}
.jb-bps-business-profile-decoration img {
  width: 100%;
  z-index: -2;
}
.jb-bps-business-profile-decoration-2 {
  width: 10%;
  position: absolute;
  bottom: -65px;
  right: 0;
}
.jb-bps-business-profile-decoration-2 img {
  width: 100%;
  z-index: -2;
}
.jb-bps-business-profile-container-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
}
.jb-bps-business-profile-item {
  width: 100%;
}
.jb-bps-company-profile-container-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 225px 1fr 225px;
  gap: 20px;
}
.jb-bps-company-profile-item {
  align-self: center;
}
.jb-bps-company-profile-logo,
.jb-bps-company-profile-logo img {
  width: 100%;
}
.jb-bps-company-profile-text {
  width: 100%;
  text-align: justify;
}
.jb-bps-company-profile-text h2 {
  font-size: 1.5em;
}
.jb-bps-company-profile-text h4 {
  font-size: 1.2em;
}
.jb-bps-company-profile-text h5 {
  font-size: 1em;
}
.jb.bps-company-profile-score {
  width: 100%;
  position: relative;
}
.jb-bps-company-total-score {
  width: 50%;
  position: relative;
  padding: 35px 0;
  margin: 0 0 0 35%;
  color: #3766af;
  border: 2px solid #3766af;
  text-align: center;
}
.jb-bps-wave-decoration {
  width: 105%;
  position: absolute;
  top: -42px;
  left: -3px;
}
.jb-bps-company-total-score h4 {
  font-size: 40px;
}
.jb-bps-company-score-red {
  display: inline-block;
  padding: 12px;
  background-color: #e51e23;
  text-align: center;
  position: absolute;
  top: -2px;
  left: -48px;
}
.jb-bps-company-score-red h5 {
  font-size: 20px;
  color: #fff;
}
.jb-bps-company-score-green {
  display: inline-block;
  padding: 12px;
  background-color: #257230;
  text-align: center;
  position: absolute;
  top: 45px;
  left: -48px;
}
.jb-bps-company-score-green h5 {
  font-size: 20px;
  color: #fff;
}
.jb-bps-join-date {
  display: inline-block;
  padding: 5px 0 0;
  margin: 0 0 0 60px;
}
.jb-bps-join-date p {
  font-size: 13px;
}
.jb-bps-company-info-container-grid {
  display: grid;
  grid-template-columns: 1fr 200px 200px;
}
.jb-bps-company-info-item {
  width: 100%;
  align-self: center;
  text-align: center;
}
.jb-bps-company-info-text-header {
  border-top: 2px solid #3766af;
  border-bottom: 2px solid #3766af;
  padding: 10px 0;
}
.jb-bps-company-info-text {
  padding: 19px;
}
.jb-bps-company-info-text-list {
  padding: 19px 10px;
}
.jb-bps-investor-founder-list {
  list-style: none;
  text-align: left;
}
.jb-bps-info {
  width: 100%;
}
.jb-bps-info-decoration {
  width: 40%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -2;
}
.jb-bps-info-decoration img {
  width: 100%;
}
.jb-bps-info-decoration-2 {
  width: 40%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -2;
}
.jb-bps-info-decoration-2 img {
  width: 100%;
}
.jb-bps-info-title {
  margin: 0 0 0 25px;
  padding: 20px 5px;
}
.jb-bps-info-container-grid {
  width: 100%;
  display: inline;
  grid-template-columns: 1fr 1fr;
}
.jb-bps-info-item {
  width: 100%;
}
.jb-bps-info-table {
  width: 97.5%;
  padding: 10px 0 0;
  margin: auto;
  border-collapse: collapse;
}
.jb-bps-info-table th,
td {
  border: 1px solid #000;
  border-collapse: collapse;
  padding: 10px;
}
.jb-second {
  text-align: center;
}
.jb-bps-info-table-header {
  background-color: #abc9e5 !important;
}
tr:nth-child(odd) {
  background-color: #fcf8cd;
}
tr:nth-child(even) {
  background-color: #e8f5fe;
}
/* END BPS  */
/* NAVBAR */
.jb-navbar-wrapper {
  position: relative;
  height: var(--size-navbar-height);
  background-color: var(--color-green-primary);
  width: 100%;
  box-shadow: 0 0 15px;
  z-index: 20;
  top: 0;
}
.jb-page-wrapper {
  max-width: var(--size-max-width);
  margin: 0 auto;
  height: 100%;
}
.container-logo-toggle-login-reg {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.jb-navbar-title {
  display: inline-block;
}
.jb-navbar-title.mobile {
  display: none;
}

.jb-navbar-title-word {
  display: inline-block;
  height: 50px;
}
.jb-navbar-logo {
  display: grid;
  align-items: center;
  padding: 0 10px;
}
.navbar-brand-title {
  color: var(--color-light-gray);
  font-size: 12pt;
  display: none;
}
.navbar-brand-title.mobile {
  display: inline-block;
  margin: auto;
  font-size: 15pt;
}
.jb-navbar-trigger {
  display: inline-block;
  /* di desktop none */
  position: relative;
  margin: auto 10px auto auto;
}
.jb-navbar-trigger .jb-navbar-toggler-icon {
  max-width: 40px;
  max-height: 40px;
  width: 80%;
  float: right;
}
.jb-navbar-title a img,
.navbar-brand img {
  max-width: 170px;
}
.jb-navbar-title-word a img {
  max-width: 40px;
}
.jb-navbar-container {
  display: block;
  left: 0;
  position: fixed;
  height: 100%;
  width: 90%;
  background-color: var(--color-dark-green);
  box-shadow: none;
  transition: all 0.375s ease;
  transform: translate3d(calc(-100% - 10px), 0, 0);
  font-family: Roboto, "Segoe UI", Verdana, Tahoma, sans-serif;
  margin-top: calc(0px - var(--size-navbar-height));
}
.nav-collapse-left {
  padding: 1.5rem;
}
.navbar-back-arrow {
  max-width: 20px;
  display: block;
}
.circle-photo-frame {
  background-color: var(--color-white);
  width: 90%;
  height: auto;
  border-radius: 50%;
  margin: auto;
}
.jb-navbar-button-group {
  display: grid;
  align-items: flex-start;
  justify-content: flex-start;
  grid-template-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem 0 1.5rem;
}
.jb-navbar-button {
  text-align: left;
  display: inline-block;
  padding-left: 1rem;
  margin-top: 8px;
  margin-bottom: 2px;
  border-bottom: 2px solid var(--color-yellow);
}
.jb-navbar-button.navbar-reg-mobile {
  display: block;
}
.jb-navbar-button a {
  text-decoration: none;
  color: var(--color-light-gray);
  display: inline-block;
  margin-bottom: 5px;
  font-size: 15pt;
  font-weight: 700;
  letter-spacing: 1px;
}
.navbar-register-desktop {
  display: none;
}
.signin-navbar-mobile {
  color: var(--color-light-gray);
  font-size: 14pt;
  font-weight: 500;
  text-align: center;
  margin: 1rem auto 1rem auto;
  border-bottom: 2px solid var(--color-light-gray);
  max-width: 68px;
}
.signin-navbar-mobile p {
  margin-bottom: -5px;
}
.navbar-bottom {
  display: grid;
  position: absolute;
  grid-template-columns: 1fr;
  width: 100%;
  left: 15px;
  padding: 10px;
}
.navbar-bottom .navbar-chat-icon {
  margin: -10px 0 auto auto;
}
.navbar-chat-icon,
.footer-chat-icon {
  display: none !important;
  /* sementara diilangin */
}
.jb-navbar-container.expanded {
  transform: translate3d(0, 0, 0);
  max-width: 400px;
}
.text-custom h6 {
  color: var(--color-light-gray);
}
.register-line {
  border-right: 1px solid #fff6a1;
}
.inline-list {
  display: inline-block;
}
.nav-item {
  border-bottom: 2px solid var(--color-yellow);
}
.nav-item .nav-link.text-custom h6.navbar-h6 {
  padding-left: 1rem;
  font-size: 16pt;
  margin-top: 8px;
  margin-bottom: 2px;
}
.user-image-navbar {
  width: 40%;
}
.register-navbar-desktop {
  display: none;
}
/* END NAVBAR */
/* FOOTER */
#footer {
  position: relative;
  background-color: var(--color-green-primary);
  color: var(--color-light-gray);
  width: 100%;
  margin: 0 auto;
}
.footer-wrapper {
  max-width: var(--size-max-width);
  margin: 0 auto;
}
.footer-container {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  gap: 15px;
  padding: 15px 0;
}
.footer-address {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.footer-address h5 {
  align-self: flex-start;
  margin: 15px auto;
  font-size: 18pt;
}
.footer-address-images {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.logo-footer {
  width: 150px;
}
.logo-catalog-footer {
  width: 80px;
}
.footer-address-images-logo img {
  width: 110px;
}
.footer-address-images-social,
.navbar-address-images-social {
  width: 40%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  align-content: center;
  text-align: center;
}
.address-info-detail {
  font-weight: 200;
  font-size: 11pt;
}
.footer-link-title {
  font-size: 16px;
}
.footer-link-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 15px 10px;
}
.footer-link-list-item {
  color: var(--color-light-gray);
  font-size: 14pt;
}
.footer-link-list-item a,
.footer-link-list-item a:hover {
  color: var(--color-light-gray);
  text-decoration: none;
}
.footer-how-title {
  font-size: 16px;
}
.footer-how-link {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.footer-how-link-item {
  color: var(--color-light-gray);
  font-size: 12pt;
  padding: 5px 15px;
}
.footer-how-link-item a,
.footer-how-link-item a:hover {
  text-decoration: none;
  color: var(--color-light-gray);
}
.footer-chat-icon {
  float: right;
  margin-top: -20px;
}
.chat-button {
  width: 40px;
}
.tiktok-img {
  max-width: 15%;
  display: inline-block;
}
.tiktok-image {
  max-width: 5%;
}
/* END FOOTER */
/* LOGIN */
#login {
  position: relative;
  width: 100%;
  margin: 100px 0 0;
}
.form-wrapper {
  max-width: var(--size-max-width);
  margin: 0 auto;
}
.form-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.hero-logo {
  position: relative;
}
.hero-logo-container {
  width: 100%;
}
.hero-logo-image {
  width: 60%;
  margin: 150px auto;
}
.hero-decoration-left {
  width: 100%;
  margin: 18% 0 0 17%;
}
.hero-logo-image-picture {
  width: 100%;
  margin: auto;
}
.hero-decoration-right {
  width: 100%;
  margin: 12% 0 0 -14%;
}
.form-container-content {
  background-image: linear-gradient(135deg, #4af890, #ecfecc);
  display: grid;
  gap: 30px;
  padding: 30px 0 20px;
  margin: -50% 0 0;
  z-index: 2;
}
.form-header {
  text-align: center;
  padding-top: 20px;
}
.form-header-title {
  font-size: 25px;
  font-weight: bolder;
}
.form-content {
  display: grid;
  text-align: center;
  justify-content: center;
  gap: 20px;
}
.form-input {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}
.form-input-item input {
  width: 200px;
  height: 35px;
  padding-left: 10px;
  text-align: left;
  border: none;
  border-radius: 5px;
}
.forgot-link p {
  display: inline-block;
  color: black;
}
.forgot-link a {
  text-decoration: none;
  color: black;
  margin: 0 110px 0 0;
}
.form-footer {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  text-align: center;
}
.button-form-button {
  display: inline-block;
  background-color: #f58940;
  cursor: pointer;
  color: white;
  border-radius: 5px;
  text-align: center;
  justify-self: center;
  padding: 10px 20px;
  margin: auto;
}
.button-form-button button {
  border: none;
  color: white;
  background-color: #f58940;
  cursor: pointer;
}
.form-button {
  color: white;
  text-decoration: none;
  justify-self: center;
  padding: 11px 20px;
}
.form-button:hover {
  color: white;
  text-decoration: none;
}
.register-link {
  text-align: center;
}
.register-link-text a {
  text-decoration: none;
  color: black;
}
.register-link-text a:hover {
  color: black;
}
.login-link {
  text-align: center;
}
.login-link-text a {
  text-decoration: none;
  color: black;
}
.login-link-text a:hover {
  color: black;
}
/* END LOGIN */
/* REGISTER */
#register {
  position: relative;
  width: 100%;
  margin: 100px 0 0;
}
/* END REGISTER */
/* FORGOT PASSWORD */
#forgot-password {
  position: relative;
  width: 100%;
  margin: 200px 0 0;
}
.form-container-fp {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.hero-logo-fp {
  position: relative;
}
.hero-logo-container-fp {
  width: 100%;
  display: none;
}
.hero-logo-image-fp1 {
  width: 100%;
  margin: 0px;
}
.hero-logo-image-fp2 {
  width: 50%;
  float: left;
  transform: scaleX(-1);
}
.hero-logo-fp-image1 {
  width: 15%;
  opacity: 90%;
}
.hero-logo-fp-image2 {
  width: 60%;
  opacity: 90%;
  margin: 87px 0 0 97px;
}
.form-content-container-wrapper {
  z-index: 2;
  margin: -50% 0 0;
}
.form-container-content-fp {
  background-color: #fffbe1;
  display: grid;
  grid-template: 1fr;
  gap: 30px;
  padding: 30px 0 75px;
  z-index: 2;
}
/* END FORGOT PASSWORD */
/* HOME */
#home-content {
  position: relative;
  width: 100%;
  margin: 30px 0 0;
  /* buat desktop 63px */
}
.home-wrapper {
  max-width: var(--size-max-width);
  margin: 0 auto;
}
.home-container {
  width: 100%;
  position: relative;
}
.home-hero-image {
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
    url("../img/header-banner.jpg");
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 55% center;
  padding: 0 0 150%;
  position: relative;
  font-family: Roboto, Tahoma, "Segoe UI", sans-serif;
  overflow: hidden;
}
.home-logo {
  margin: 30px 30px 0 0;
  width: 40%;
  transform: translate(15%, 210%);
}
.navbar-h6 {
  margin-bottom: 0px;
}
.home-header-text-1 {
  color: var(--color-white);
  transform: translate3d(10%, 890%, 10px);
  padding: 0 15px 0;
  font-size: 21pt;
  font-weight: 500;
}
.navbar-nav .navbar-address-images-social {
  transform: translate(0, 200%);
}
.navbar-nav .navbar-chat-icon {
  transform: translate(0, 95px);
}
.home-header-text-2 {
  color: var(--color-white);
  transform: translate3d(10%, 880%, 10px);
  padding: 0 15px 0;
  font-size: 21pt;
  font-weight: 500;
}
.home-hero-image .aboutus-btn {
  background-color: #ffb31b;
  padding: 5px 12px;
  color: #f8f8f8;
  font-size: 10.5pt;
  font-weight: 800;
  transform: translate3d(55%, 890%, 10px);
}
.home-icons {
  position: relative;
  background-color: var(--color-light-gray);
  width: 100%;
}
.home-icons-container {
  position: relative;
  width: 100%;
  margin-bottom: -35%;
}
.home-icons-card {
  width: 80%;
  transform: translate3d(0, -50%, 10px);
  margin: 0 auto 0;
}
.home-icons-content-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  text-align: center;
  padding: 10px;
}
div.home-icons-content-container .home-icons-boxes {
  background-color: #1e352f;
  width: 95%;
  height: 0;
  margin: 5% auto;
  padding-bottom: 95%;
  border-radius: 5px;
  transition: all 0.2s ease-in-out;
}
.home-icons-images {
  width: 50%;
}
.home-icons-text {
  display: block;
  white-space: nowrap;
  color: #f7f7f7;
  margin-bottom: 2px;
  font-size: 8pt;
}
div.home-icons-content-container .home-icons-boxes:hover {
  transform: scale(1.1);
  background-color: #376458;
}
.jb-work {
  width: 100%;
}
.jb-work-container {
  position: relative;
  width: 100%;
}
.jb-work-header {
  background-color: #1e352f;
  width: 100%;
}
.jb-work-header-title {
  width: 100%;
  margin: auto;
  text-align: center;
  padding: 30px 0;
}
.jb-work-header-text {
  width: 270px;
  color: var(--color-light-gray);
  margin: auto;
}
.jb-work-header-text-border {
  width: 400px;
  border-bottom: 3px solid #fffea8;
  padding: 5px;
  margin: auto;
}
.jb-work-info {
  width: 100%;
  position: relative;
  padding: 0 0 35px;
}
.jb-work-info-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  padding: 20px 0 0;
}
.jb-work-info .jb-work-info-container .owl-how-jb-work {
  display: inherit;
}
.jb-work-info-card {
  margin: 10px;
  box-shadow: rgba(28, 28, 28, 0.227) 3px 3px 4px 3px;
  padding: 40px 25px 130% 25px;
  height: 0;
  font-size: 0.85rem;
  text-align: center;
  border-radius: 5px;
  position: relative;
  background-color: var(--color-light-gray);
}
.jb-work-info-card h3 {
  display: inline-block;
  line-height: 50px;
  width: 50px;
  height: 0;
  padding-top: 0px;
  padding-bottom: 50px;
  margin: -50px 0 0 0;
  color: var(--color-black);
  border-radius: 50%;
  font-weight: 100;
  transform: translateY(-10px);
}
.jb-work-info-card p {
  margin: -10px;
  color: var(--color-gray);
  transform: translateY(10px);
}
.jb-work-info-card:hover {
  background-color: var(--color-white);
}
.jb-work-info-card:hover p {
  color: var(--color-black);
}
.jb-work-info-card:hover h3 {
  background-color: var(--color-orange);
}
.owl-how-jb-work .owl-dots,
.jb-founder-owl-dots,
.jb-investor-owl-dots {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.owl-how-jb-work .owl-dots button.owl-dot,
.jb-founder-owl-dots button.owl-dot,
.jb-investor-owl-dots button.owl-dot {
  background-color: #dedede;
  width: 10%;
  height: 6px;
  margin: 0 6px;
  border: none;
  outline: none;
}
.owl-how-jb-work .owl-dots button.active,
.jb-founder-owl-dots button.active,
.jb-investor-owl-dots button.active {
  background-color: var(--color-orange) !important;
  border: none;
  outline: none;
}
.see-more {
  display: none;
}
.jb-work-info-card-left {
  position: relative;
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
  max-width: 300px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  padding: 10px;
  margin: auto;
  z-index: 2;
}
.jb-work-info-wave-right {
  width: 75%;
  float: right;
  margin: -50px 0 0;
}
.jb-work-info-card-right {
  position: relative;
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
  max-width: 300px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  padding: 10px;
  margin: auto;
  z-index: 2;
}
.jb-work-info-wave-left {
  width: 75%;
  float: left;
  margin: -50px 0 0;
}
.jb-work-info-link {
  text-align: end;
  display: inline-block;
  padding: 0 20px;
}
.jb-work-info-link a {
  color: #000;
}
.jb-our-business {
  width: 100%;
  position: relative;
  padding: 30px 0 0;
  overflow: hidden;
}
.jb-our-business-container {
  width: 100%;
  position: relative;
}
.jb-our-business-description {
  width: 100%;
  display: grid;
}
.jb-our-business-description-header {
  width: 100%;
  background-color: #1e352f;
  color: var(--color-white);
  padding: 25px;
}
.jb-our-business-description-card-header {
  width: 45%;
  max-width: 768px;
}
.jb-our-business-title {
  color: var(--color-white);
  text-align: left;
  font-weight: bold;
  font-size: 15pt;
  letter-spacing: 1px;
  margin: 0;
  word-wrap: break-word;
}
.jb-our-business-text-border {
  display: inline-block;
  border-bottom: solid 2px var(--color-yellow);
  width: calc(100% + 25px);
  margin-left: -25px;
  transform: translate3d(0, 0, 0);
}
.jb-our-business-text-description {
  color: var(--color-light-gray);
  text-align: left;
  font-weight: 100;
  margin-top: 20px;
  letter-spacing: 1px;
}
.jb-our-business-image {
  position: relative;
  transform: translate3d(48%, -588%, 2px);
}
.jb-our-business-image img {
  display: inline-block;
  width: 53%;
  max-width: 400px;
}
.jb-business-example {
  width: 100%;
  position: relative;
  padding: 20px 0 0;
  background-color: var(--color-light-gray);
}
.jb-business-example-container {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  padding: 0 0 30px;
  font-family: "Roboto", "Segoe UI", Tahoma, sans-serif;
}
.jb-business-example-1 {
  width: 100%;
  /*sering berubah ubah sendiri jadi 371px kadang bener 360px */
  position: relative;
  margin-bottom: 30px;
}
.jb-business-example-2 {
  width: 100%;
  position: relative;
}
.jb-business-example-card-1 {
  position: relative;
  background-color: var(--color-white);
  box-shadow: rgb(200 200 200 / 50%) 5px 5px 5px;
  border-radius: 10px;
  width: 85%;
  padding: 10px;
  margin: 0 auto;
}
.jb-business-example-card-2 {
  position: relative;
  background-color: var(--color-white);
  box-shadow: rgb(200 200 200 / 50%) 5px 5px 5px;
  border-radius: 10px;
  width: 85%;
  padding: 10px;
  margin: 0 auto;
}
.jb-business-example-card-content-1 {
  position: relative;
  width: 100%;
}
.jb-business-example-card-content-2 {
  position: relative;
  width: 100%;
}
.jb-business-example-card-content-text-1 {
  padding: 10px 0 0;
  text-align: center;
  margin: 20px;
}
.jb-business-example-card-content-text-1 img,
.jb-business-example-card-content-text-2 img {
  width: 70%;
  margin: 0 15% 20px 15%;
}
.jb-business-example-card-content-text-1 h4,
.jb-business-example-card-content-text-2 h4 {
  font-size: 20px;
  font-family: Tahoma, "Segoe UI", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
.jb-business-example-card-content-text-1 h5,
.jb-business-example-card-content-text-2 h5 {
  color: #222222;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
}
.business-image-desktop {
  display: none;
}
.business-card-text-2 img {
  width: 70%;
  margin-bottom: 20px;
}
.jb-business-example-card-content-text-2 {
  padding: 10px 0 0;
  text-align: center;
  margin: 20px;
}
.jb-business-example-card-content-text-2 h6 {
  font-size: 12px;
}
.jb-founder-investor {
  width: 100%;
  position: relative;
}
.jb-founder-container,
.jb-investor-container {
  width: 100%;
  position: relative;
  margin-bottom: -130px;
}
.jb-investor-container {
  margin-bottom: -150px;
}
.jb-founder-description,
.jb-investor-description {
  position: relative;
  width: 85%;
  background-color: #1e352f;
  margin: 10px 0 0;
  padding: 0 0 100px;
  z-index: 10;
}
.jb-investor-description {
  margin-left: auto;
}
.jb-founder-description-header {
  width: 100%;
}
.jb-investor-description-header {
  width: 100%;
}
.jb-founder-title,
.jb-investor-title {
  color: var(--color-light-gray);
  padding: 15px 0 15px 0;
  width: 80%;
  margin: 0 auto 0 22px;
}
.jb-founder-border,
.jb-investor-border {
  width: calc(80% + 20px);
  border-bottom: 2px solid #fffea8;
}
.founder-text-description,
.investor-text-description {
  color: var(--color-light-gray);
  margin-top: 20px;
  margin-left: 20px;
  width: 80%;
  font-size: 10pt;
}
.owl-jb-founder,
.owl-jb-investor {
  overflow: hidden;
}
.owl-jb-founder .owl-item,
.owl-jb-investor .owl-item {
  display: inline-block;
}
.jb-founder-profile-image-container,
.jb-investor-profile-image-container {
  position: relative;
  background-image: linear-gradient(270deg, #4af890, #ecfecc);
  width: 90%;
  height: 0;
  padding-bottom: 102%;
  padding-top: 160px;
  transform: translate3d(0, -150px, -10px);
}
.jb-founder-profile-image-container {
  margin-left: auto;
}
.jb-founder-profile-image,
.jb-investor-profile-image {
  width: 60%;
  display: block;
  margin: auto;
  gap: 20px;
  padding: 20px 0 0;
  position: relative;
}
.owl-nav.disabled {
  display: none;
}
.founder-profile-image-1,
.investor-profile-image-1 {
  position: relative;
  margin: 10px;
  box-shadow: rgb(28 28 28 / 23%) 3px 3px 4px 3px;
  padding: 40px 25px 130% 25px;
  height: 0;
  display: contents;
}
.founder-profile-image-1 .profile-image,
.investor-profile-image-1 .profile-image {
  width: 100%;
  height: 0;
  padding-bottom: 140%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.investor-profile-image-1.desktop {
  display: none;
}
.decorative-gray-block {
  width: 100%;
  height: 0;
  padding-bottom: 10%;
  border-radius: 3px;
  margin-top: -10%;
  z-index: -10;
  background-color: #c6d4e6;
}
.profile-image {
  margin: auto;
}
.founder-profile-image-2 h5 {
  font-size: 12px;
  white-space: nowrap;
  padding: 10px 0 0;
  text-align: right;
  text-transform: uppercase;
}
.investor-profile-image-2 h5 {
  font-size: 12px;
  white-space: nowrap;
  text-transform: uppercase;
  padding: 10px 0 0;
  text-align: center;
}
.founder-investor-name h5 {
  font-weight: bold;
  text-align: center;
  font-size: 12pt;
  white-space: nowrap;
  padding: 10px 0 0;
  text-transform: uppercase;
}
.founder-investor-image-1 {
  width: 40%;
  float: left;
  z-index: 1;
}
.founder-investor-decoration-1 {
  width: 100%;
  margin: -80px 0 0;
}
.founder-investor-image-2 {
  width: 40%;
  float: right;
  z-index: 1;
}
.founder-investor-decoration-2 {
  width: 100%;
  margin: -80px 0 0;
}
.founder-image-profile-1 {
  width: 60%;
  float: left;
  z-index: 2;
}
.investor-image-profile-1 {
  width: 60%;
  float: left;
  z-index: 2;
}
.founder-profile-1 {
  width: 100%;
  max-width: 200px;
  max-height: 300px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  margin: -80px 0 0;
}
.investor-profile-1 {
  width: 100%;
  max-width: 200px;
  max-height: 300px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  margin: -80px 0 0;
}
.founder-image-profile-2 {
  width: 56%;
  float: left;
  margin: 0 0 0 4%;
  z-index: 2;
}
.investor-image-profile-2 {
  width: 60%;
  float: left;
  margin: 0 0 0 0;
  z-index: 2;
}
.founder-profile-2 {
  width: 100%;
  max-width: 200px;
  max-height: 300px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  margin: -80px 0 0;
}
.investor-profile-2 {
  width: 100%;
  max-width: 200px;
  max-height: 300px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  margin: -80px 0 0;
}
.founder-button,
.investor-button {
  display: inline-block;
  background-color: #f58f29;
  border-radius: 5px;
  text-align: center;
  padding: 8px 10px;
  margin: auto;
  white-space: nowrap;
  transform: translate(-10%, 50%);
}
.founder-button a,
.investor-button a {
  color: #f8f8f8;
  font-weight: bold;
  text-decoration: none;
}
.jb-founder-investor-footer-link {
  display: inline-block;
  margin: auto;
}
.jb-founder-investor-footer-link a {
  color: #000;
  text-decoration: underline;
}
/* END HOME */
/* FOUNDER LIST */
#content {
  width: 100%;
  margin: 100px 0 0;
}
.founder-list-wrapper {
  width: 100%;
  position: relative;
}
.founder-list-container {
  width: 100%;
}
.founder-list-header {
  text-align: center;
  width: 100%;
  padding: 0 0 5%;
}
.founder-list-header-border {
  width: 80%;
  margin: auto;
  border-bottom: 5px solid #f2d229;
}
.founder-list-description {
  width: 100%;
  background-image: linear-gradient(270deg, #4af890, #ecfecc);
  padding: 0 0 15%;
  margin: 0 0 15%;
  position: relative;
  z-index: -2;
}
.founder-list-image-container {
  width: 100%;
  position: relative;
  margin: -32% 0 10% 0;
  padding: 0 0 5%;
  text-align: center;
}
.founder-list-profile-image-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.founder-list-profile-item-1 {
  width: 100%;
  position: relative;
}
.founder-list-image-1 {
  width: 100%;
}
.founder-list-decoration-1 {
  width: 40%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.founder-list-image-decoration-1 {
  margin-top: 50px;
  width: 90%;
}
.founder-list-profile-image-1 {
  width: 60%;
  margin: auto;
}
.founder-list-profile-image-1 a {
  color: black;
}
.founder-list-profile-1 {
  float: left;
  width: 230px;
  height: 300px;
  object-fit: cover;
}
.founder-list-image-2 {
  width: 100%;
}
.founder-list-profile-item-2 {
  display: none;
  width: 100%;
}
.founder-list-profile-image-2 {
  width: 60%;
}
.founder-list-profile-image-2 a {
  color: black;
}
.founder-list-profile-2 {
  float: left;
  width: 230px;
  height: 300px;
  object-fit: cover;
}
.founder-list-profile-item-2 {
  display: block;
  width: 100%;
}
.founder-list-image-2 {
  width: 100%;
}
.founder-list-profile-image-2 {
  width: 64%;
  margin: auto;
}
.founder-list-profile-item-3 {
  width: 100%;
  position: relative;
}
.founder-list-image-3 {
  width: 100%;
}
.founder-list-profile-image-3 {
  width: 60%;
  margin: auto;
}
.founder-list-profile-image-3 a {
  color: black;
}
.founder-list-profile-3 {
  float: left;
  width: 230px;
  height: 300px;
  object-fit: cover;
}
.founder-list-decoration-2 {
  width: 40%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.founder-list-image-decoration-2 {
  margin-top: 50px;
  width: 85%;
}
/* END FOUNDER LIST */
/* FOUNDER DETAIL */
#founder-detail {
  width: 100%;
  margin: 100px 0 0;
}
.founder-detail-wrapper {
  width: 100%;
  position: relative;
}
.founder-detail-container {
  width: 100%;
  position: relative;
}
.founder-detail-header {
  width: 100%;
  text-align: center;
  padding: 0 0 5%;
}
.founder-detail-header-border {
  width: 80%;
  margin: auto;
  border-bottom: 5px solid #f2d229;
}
.founder-detail-description {
  border-left: 10px solid #009a3f;
  background-image: linear-gradient(130deg, #4af890, #ecfecc);
  width: 100%;
  position: relative;
  padding: 0 0 50px;
}
.founder-detail-container-grid {
  width: 100%;
  position: relative;
  padding: 50px 0 0;
}
.founder-detail-item-1 {
  width: 100%;
  position: relative;
  padding: 0 0 25px;
}
.founder-detail-profile-image {
  width: 35%;
  margin: auto;
}
.founder-detail-profile-1 {
  width: 100%;
}
.founder-detail-item-2 {
  width: 100%;
  position: relative;
  display: none;
}
.founder-detail-name-border {
  width: 20%;
  border: solid 3px black;
}
.founder-detail-item-3 {
  width: 100%;
  position: relative;
  padding: 0 0 30px;
}
.founder-detail-profile-name {
  text-align: center;
  background-color: #ffc576;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  border-radius: 5px;
  width: 55%;
  margin: auto;
  padding: 5px 0 1px;
  max-width: 300px;
}
.founder-detail-decoration-1 {
  width: 70%;
  margin: 5% 0 0;
}
.founder-detail-decoration-image-1 {
  width: 100%;
}
.founder-detail-item-4 {
  width: 100%;
  position: relative;
  padding: 0 0 100px;
}
.founder-detail-text {
  width: 90%;
  margin: auto;
  background-color: #1e352f;
  color: #f8f8f8;
  text-align: left;
  border-radius: 15px;
}
.founder-detail-text p {
  padding: 20px;
}
.founder-detail-content-bottom {
  width: 100%;
  position: relative;
}
.founder-detail-content-bottom-container {
  width: 100%;
  position: relative;
  z-index: 3;
}
.founder-detail-bottom-header-wrapper {
  width: 100%;
  position: relative;
}
.founder-detail-bottom-header {
  width: 55%;
  max-width: 220px;
  position: absolute;
  background-color: #1e352f;
  color: #f8f8f8;
  text-align: center;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  border-radius: 5px;
  top: -35px;
  left: 3%;
  z-index: 2;
  padding: 10px;
}
.founder-detail-bottom-header h5 {
  display: inline-block;
  padding: 0 0 0;
}
.founder-detail-bottom-decoration {
  width: 25%;
  max-width: 130px;
  position: absolute;
  top: -35px;
  left: 235px;
  z-index: 4;
}
.founder-detail-bottom-decoration img {
  width: 100%;
}
.founder-detail-invest-list {
  width: 90%;
  background-color: #1e352f;
  color: #f8f8f8;
  position: relative;
  margin: -50px auto 0;
  border-radius: 5px;
  z-index: 2;
}
.founder-detail-bottom-list-container-grid {
  display: grid;
  grid-template-columns: 1fr;
  padding: 0 20px;
}
.founder-detail-bottom-list-1 {
  width: 100%;
}
.founder-detail-list-wrapper-1 {
  width: 100%;
}
.founder-invest-list {
  padding: 10px 10px 0;
}
.founder-invest-list-item {
  list-style: none;
  border-bottom: 2px solid #f8f8f8;
  padding: 10px 0;
}
.founder-detail-bottom-list-divider {
  display: none;
}
.founder-detail-list-wrapper-2 {
  width: 100%;
  margin: -25px 0 0;
}
/* END FOUNDER DETAIL */
/* INVESTOR LIST */
#investor-list {
  width: 100%;
  margin: 100px 0 0;
}
.investor-list-wrapper {
  width: 100%;
  position: relative;
}
.investor-list-container {
  width: 100%;
}
.investor-list-header {
  text-align: center;
  width: 100%;
  padding: 0 0 5%;
}
.investor-list-header-border {
  width: 80%;
  margin: auto;
  border-bottom: 5px solid #f2d229;
}
.investor-list-description {
  width: 100%;
  background-image: linear-gradient(270deg, #4af890, #ecfecc);
  padding: 0 0 15%;
  margin: 0 0 15%;
  z-index: -2;
  position: relative;
}
.investor-list-image-container {
  width: 100%;
  position: relative;
  margin: -32% 0 10% 0;
  padding: 0 0 5%;
  text-align: center;
}
.investor-list-profile-image-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.investor-list-profile-item-1 {
  position: relative;
}
.investor-list-image-1 {
  width: 100%;
}
.investor-list-decoration-1 {
  width: 40%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.investor-list-image-decoration-1 {
  margin-top: 50px;
  width: 90%;
}
.investor-list-profile-image-1 {
  width: 60%;
  margin: auto;
}
.investor-list-profile-image-1 a {
  color: black;
}
.investor-list-profile-1 {
  float: left;
  width: 230px;
  height: 300px;
  object-fit: cover;
}
.investor-list-image-2 {
  width: 100%;
}
.investor-list-profile-item-2 {
  display: none;
}
.investor-list-profile-image-2 {
  width: 60%;
}
.investor-list-profile-image-2 a {
  color: black;
}
.investor-list-profile-2 {
  float: left;
  width: 230px;
  height: 300px;
  object-fit: cover;
}
.investor-list-profile-item-2 {
  display: block;
  width: 100%;
}
.investor-list-image-2 {
  width: 100%;
}
.investor-list-profile-image-2 {
  width: 64%;
  margin: auto;
}
.investor-list-profile-2 {
  width: 100%;
}
.investor-list-profile-item-3 {
  position: relative;
}
.investor-list-image-3 {
  width: 100%;
}
.investor-list-profile-image-3 {
  width: 60%;
  margin: auto;
}
.investor-list-profile-image-3 a {
  color: black;
}
.investor-list-profile-3 {
  float: left;
  width: 230px;
  height: 300px;
  object-fit: cover;
}
.investor-list-decoration-2 {
  width: 40%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.investor-list-image-decoration-2 {
  margin-top: 50px;
  width: 85%;
}
/* END INVENTOR LIST */
/* INVESTOR DETAIL */
#investor-detail {
  width: 100%;
  margin: 100px 0 0;
}
.investor-detail-wrapper {
  max-width: var(--size-max-width);
  margin: 0 auto;
}
.investor-detail-container {
  width: 100%;
  position: relative;
}
.investor-detail-header {
  width: 100%;
  text-align: center;
  padding: 0 0 5%;
}
.investor-detail-header-border {
  width: 80%;
  margin: auto;
  border-bottom: 5px solid #f2d229;
}
.investor-detail-description {
  border-left: 10px solid #009a3f;
  background-image: linear-gradient(130deg, #4af890, #ecfecc);
  width: 100%;
  position: relative;
  padding: 0 0 50px;
}
.investor-detail-container-grid {
  width: 100%;
  position: relative;
  padding: 50px 0 0;
}
.investor-detail-item-1 {
  width: 100%;
  position: relative;
  padding: 0 0 25px;
}
.investor-detail-profile-image {
  width: 35%;
  margin: auto;
}
.investor-detail-profile-1 {
  width: 100%;
}
.investor-detail-item-2 {
  width: 100%;
  position: relative;
  display: none;
}
.investor-detail-name-border {
  width: 20%;
  border: solid 3px black;
}
.investor-detail-item-3 {
  width: 100%;
  position: relative;
  padding: 0 0 30px;
}
.investor-detail-profile-name {
  text-align: center;
  background-color: #ffc576;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  border-radius: 4px;
  width: 55%;
  margin: auto;
  padding: 5px 0 1px;
  max-width: 300px;
}
.investor-detail-decoration-1 {
  width: 70%;
  margin: 5% 0 0;
}
.investor-detail-decoration-image-1 {
  width: 100%;
}
.investor-detail-item-4 {
  width: 100%;
  position: relative;
  padding: 0 0 100px;
}
.investor-detail-text {
  width: 90%;
  margin: auto;
  background-color: #1e352f;
  color: #f8f8f8;
  text-align: left;
  border-radius: 4px;
}
.investor-detail-text p {
  padding: 20px;
}
.investor-detail-content-bottom {
  width: 100%;
  position: relative;
}
.investor-detail-content-bottom-container {
  width: 100%;
  position: relative;
  z-index: 3;
}
.investor-detail-bottom-header-wrapper {
  width: 100%;
  position: relative;
}
.investor-detail-bottom-header {
  width: 55%;
  max-width: 220px;
  position: absolute;
  background-color: #1e352f;
  color: #f8f8f8;
  text-align: center;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  border-radius: 4px;
  top: -35px;
  left: 3%;
  z-index: 2;
  padding: 10px;
}
.investor-detail-bottom-header h5 {
  display: inline-block;
  padding: 0 0 0;
}
.investor-detail-bottom-decoration {
  width: 25%;
  max-width: 130px;
  position: absolute;
  top: -35px;
  left: 235px;
  z-index: 4;
}
.investor-detail-bottom-decoration img {
  width: 100%;
}
.investor-detail-invest-list {
  width: 90%;
  background-color: #1e352f;
  color: #f8f8f8;
  position: relative;
  margin: -50px auto 0;
  border-radius: 4px;
  z-index: 2;
}
.investor-detail-bottom-list-container-grid {
  display: grid;
  grid-template-columns: 1fr;
}
.investor-detail-bottom-list-1 {
  width: 100%;
}
.investor-detail-list-wrapper-1 {
  width: 100%;
}
.investor-invest-list {
  padding: 10px 10px 0;
}
.investor-invest-list-item {
  list-style: none;
  border-bottom: 2px solid #f8f8f8;
  padding: 10px 0;
}
.investor-detail-bottom-list-divider {
  display: none;
}
.investor-detail-list-wrapper-2 {
  width: 100%;
  margin: -25px 0 0;
}
/* END INVESTOR DETAIL */
/* ABOUT US */
#about-us {
  width: 100%;
  position: relative;
  margin: 100px 0 0;
}
.about-us-container {
  width: 100%;
  position: relative;
}
.about-us-header {
  width: 100%;
  position: relative;
  padding: 0 0 5%;
}
.about-us-header-text {
  width: 70%;
  margin: auto;
  padding: 30px 0 20px;
}
.about-us-header-text h1 {
  text-align: center;
  font-weight: bold;
  font-size: 3rem;
}
.about-us-header-border {
  width: 80%;
  border-bottom: 5px solid #f2d229;
  margin: auto;
}
.about-us-description {
  width: 100%;
  position: relative;
  padding: 0 0 20px;
}
.about-us-description-wrapper {
  width: 100%;
  position: relative;
  border-left: 10px solid #ffe901;
  background-color: var(--color-dark-green);
}
.about-us-description-container {
  width: 100%;
  margin: auto;
}
.about-us-description-content {
  padding: 30px 10px;
  text-align: justify;
  width: 100%;
  margin: auto;
  min-height: 295px;
}
.about-us-description-content {
  color: var(--color-white);
  font-size: 1.2rem;
}
.about-us-logo-image {
  width: 40%;
  max-width: 240px;
  float: left;
  padding: 0 10px;
}
.about-us-vision-mission {
  width: 100%;
  position: relative;
  padding: 20px 0;
}
.about-us-vision-mission-wrapper {
  width: 100%;
  position: relative;
}
.about-us-vision-mission-container-grid {
  width: 100%;
  position: relative;
}
.about-us-vision {
  width: 100%;
  position: relative;
}
.vision-mission {
  font-size: 30px;
  font-weight: bold;
}
.about-us-vision-content {
  width: 90%;
  margin: auto;
  padding: 0 0 30px;
}
.vision-container {
  max-width: 500px;
}
.vision-card {
  position: relative;
  width: 100%;
  margin: auto;
  border-radius: 4px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  padding: 0 0 150px;
  border-left: 10px solid #33a461;
  background-image: url("../images/about-us-vision-mission-card-bg.png");
  background-size: cover;
  background-position: center;
}
.vision-card-content {
  width: 100%;
  background-color: #1e352f;
  color: #f8f8f8;
  border-radius: 4px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  padding: 50px;
  font-size: 18px;
}
.about-us-mission {
  width: 100%;
  position: relative;
}
.about-us-mission-content {
  width: 90%;
  margin: auto;
  padding: 0 0 30px;
}
.mission-container {
  max-width: 500px;
}
.mission-card {
  position: relative;
  width: 85%;
  margin: auto;
  border-radius: 4px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  padding: 0 0 150px;
  border-left: 10px solid #33a461;
  background-image: url("../images/about-us-vision-mission-card-bg.png");
  background-size: cover;
  background-position: center;
}
.mission-card-content {
  width: 100%;
  background-color: #1e352f;
  color: #f8f8f8;
  border-radius: 5px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  padding: 50px;
  font-size: 18px;
}
.about-us-journey {
  width: 100%;
  position: relative;
}
.about-us-journey-wrapper {
  width: 100%;
  position: relative;
  border-right: 10px solid #009a3f;
  background-image: linear-gradient(90deg, #4af890, #ecfecc);
}
.about-us-journey-container {
  width: 100%;
  position: relative;
}
.about-us-journey-decoration {
  width: 200px;
  position: absolute;
  top: 30%;
  left: 0;
}
.about-us-journey-image-decoration {
  width: 50%;
  max-width: 200px;
}
.about-us-journey-content {
  width: 100%;
  position: relative;
  padding: 30px;
}
.about-us-journey-title {
  width: 200px;
  margin: 0 0 0 auto;
  text-align: right;
  padding: 0 0 25px 80px;
  font-size: 30px;
  font-weight: bold;
}
.about-us-journey-title::before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  top: -20px;
  font-family: auto;
}
.about-us-journey-text {
  width: 100%;
  text-align: justify;
  max-width: 550px;
  margin: auto;
}
/* END ABOUT US */
/* SERVICES */
#services {
  width: 100%;
  position: relative;
  margin: 100px 0 0;
}
.services-wrapper {
  max-width: var(--size-max-width);
  position: relative;
}
.services-container {
  width: 100%;
  position: relative;
}
.services-header {
  width: 100%;
  position: relative;
  padding: 0 0 50px;
}
.services-header-text {
  width: 100px;
  margin: auto;
  text-align: center;
}
.services-header-border {
  width: 80%;
  margin: auto;
  border-bottom: 5px solid #f2d229;
}
.services-logo {
  width: 100%;
  position: relative;
  padding: 50px 0 0;
  display: none;
}
.services-logo-grid-container {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.services-logo-1 {
  width: 100%;
  position: relative;
}
.services-logo-2 {
  width: 100%;
  position: relative;
}
.services-logo-3 {
  width: 100%;
  position: relative;
}
.services-logo-4 {
  width: 100%;
  position: relative;
}
.services-logo-1-image {
  width: 50%;
  max-width: 150px;
  margin: auto;
}
.services-logo-2-image {
  width: 50%;
  max-width: 150px;
  margin: auto;
}
.services-logo-3-image {
  width: 50%;
  max-width: 150px;
  margin: auto;
}
.services-logo-4-image {
  width: 50%;
  max-width: 150px;
  margin: auto;
}
.services-logo-image {
  width: 100%;
}
.services-logo-1-text {
  max-width: 200px;
  margin: auto;
}
.services-logo-2-text {
  max-width: 200px;
  margin: auto;
}
.services-logo-3-text {
  max-width: 200px;
  margin: auto;
}
.services-logo-4-text {
  max-width: 200px;
  margin: auto;
}
.services-logo-text {
  text-align: center;
}
.services-logo-border-1 {
  width: 60%;
  margin: auto;
  border-bottom: 5px solid #f2d229;
  padding: 10px 0 0;
}
.services-logo-border-2 {
  width: 80%;
  margin: auto;
  border-bottom: 5px solid #f2d229;
  padding: 25px 0 0;
}
.services-idea {
  width: 100%;
  position: relative;
  background-image: linear-gradient(270deg, #4af890, #ecfecc);
  padding: 25px 0;
}
.services-idea-content {
  width: 90%;
  margin: auto;
  border-left: 5px solid #0577be;
  position: relative;
}
.services-idea-header {
  position: relative;
  width: 290px;
  height: 135px;
  padding: 33px;
  background-color: #1e352f;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 3;
}
.services-idea-text {
  background-color: #1e352f;
  padding: 60px 10px 25px;
  margin: -55px 0 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  color: #f8f8f8;
  text-align: justify;
}
.services-idea-image {
  width: 3%;
  min-width: 75px;
  max-width: 100px;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: rotate(25deg);
}
.services-idea-title.h5 {
  color: #f8f8f8;
  text-align: left;
  font-size: 25px;
}
.services-idea-image img {
  width: 100%;
  min-width: 75px;
  max-width: 100px;
}
.services-founder {
  width: 100%;
  position: relative;
  padding: 25px 0;
}
.services-founder-content {
  width: 90%;
  margin: auto;
  border-right: 5px solid #0577be;
  position: relative;
}
.services-founder-header {
  position: relative;
  margin: 0 0 0 auto;
  width: 290px;
  height: 135px;
  padding: 33px;
  background-color: #1e352f;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: 3;
}
.services-founder-text {
  background-color: #1e352f;
  color: #f8f8f8;
  padding: 60px 10px 60px;
  margin: -55px 0 0 auto;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  text-align: justify;
}
.services-founder-image {
  width: 3%;
  min-width: 75px;
  max-width: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.services-founder-image img {
  width: 100%;
}
.services-founder-title.h5 {
  color: #f8f8f8;
  text-align: left;
  font-size: 25px;
}
.services-financial {
  width: 100%;
  position: relative;
  background-image: linear-gradient(90deg, #4af890, #ecfecc);
  padding: 25px 0;
}
.services-financial-content {
  width: 90%;
  margin: auto;
  border-left: 5px solid #0577be;
  position: relative;
}
.services-financial-header {
  position: relative;
  width: 290px;
  height: 135px;
  padding: 35px 25px 35px 25px;
  background-color: #1e352f;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 3;
}
.services-financial-title.h5 {
  color: #f8f8f8;
  text-align: left;
  font-size: 25px;
}
.services-financial-text {
  background-color: #1e352f;
  color: #f8f8f8;
  padding: 60px 10px 40px;
  margin: -55px 0 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  text-align: justify;
}
.services-financial-image {
  width: 3%;
  min-width: 75px;
  max-width: 100px;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: rotate(25deg);
}
.services-financial-image img {
  width: 100%;
}
.services-business {
  width: 100%;
  position: relative;
  padding: 25px 0;
}
.services-business-content {
  width: 90%;
  margin: auto;
  border-right: 5px solid #0577be;
  position: relative;
}
.services-business-header {
  position: relative;
  margin: 0 0 0 auto;
  width: 290px;
  height: 135px;
  padding: 35px;
  background-color: #1e352f;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: 3;
}
.services-business-title.h5 {
  color: #f8f8f8;
  text-align: left;
  font-size: 25px;
}
.services-business-text {
  background-color: #1e352f;
  color: #f8f8f8;
  padding: 60px 10px 40px;
  margin: -55px 0 0 auto;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  text-align: justify;
}
.services-business-image {
  width: 3%;
  min-width: 75px;
  max-width: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.services-business-image img {
  width: 100%;
}
/* END SERVICES */
/* BUSINESS LIST */
#business-list {
  width: 100%;
  position: relative;
  margin: 100px 0 0;
}
.business-list-wrapper {
  width: 100%;
  position: relative;
}
.business-list-container {
  width: 100%;
  position: relative;
}
.business-list-header {
  width: 100%;
  position: relative;
}
.business-list-header-text {
  width: 200px;
  margin: auto;
  text-align: center;
  padding: 0 0 20px;
}
.business-list-select-search-menu {
  width: 80%;
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  border-top: 5px solid #f2d229;
  border-bottom: 5px solid #f2d229;
  padding: 20px 0;
}
.business-list-select-menu {
  width: 100%;
  position: relative;
  display: flex;
  gap: 10px;
}
.business-list-select {
  position: relative;
  display: flex;
  width: 25%;
  min-width: 100px;
  height: 3em;
  line-height: 3;
  background: #000;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
.business-list-select::after {
  content: "\25BC";
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 1em;
  background: #fff;
  cursor: pointer;
  pointer-events: none;
  color: #4b97d2;
  -webkit-transition: 0.25s all ease;
  -o-transition: 0.25s all ease;
  transition: 0.25s all ease;
}
.business-list-select select {
  flex: 1;
  padding: 0 0.5em;
  color: #000;
  cursor: pointer;
}
.business-list-search-menu {
  width: 100%;
  display: flex;
  position: relative;
  justify-content: flex-end;
}
.business-list-search-menu input {
  width: 100%;
  max-width: 300px;
  padding: 0 0 0 15px;
  border: none;
  border-right: none;
  border-radius: 5px 0 0 5px;
  outline: none;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.business-list-search-button {
  width: 40px;
  background: #0577be;
  border: 1px solid #0577be;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  color: #fff;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.business-list-content {
  width: 100%;
  position: relative;
}
.business-list-content-wrapper {
  width: 100%;
  position: relative;
  background-image: url("../images/abstract-wave.png");
  background-repeat: repeat-y;
  background-size: contain;
}
.business-list-content-container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 30px 10px;
}
.business-list-content-1 {
  width: 100%;
  position: relative;
}
.business-list-content-card {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 400px;
  max-height: 400px;
  margin: auto;
  background-image: linear-gradient(130deg, #4af890, #ecfecc);
  border-radius: 5px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  display: grid;
  grid-template-rows: 1fr 80px;
  align-items: center;
}
.business-list-card-image {
  width: 100%;
  position: relative;
}
.business-list-card-image-wrapper {
  width: 100%;
  max-width: 300px;
  margin: auto;
  padding: 20px;
}
.business-list-image {
  width: 100%;
  max-height: 300px;
}
.business-list-card-text {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: #1e352f;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  align-self: end;
  padding: 10px 0;
}
.business-list-card-text h4 {
  font-size: 1rem;
  color: #f8f8f8;
}
.business-list-card-text h5 {
  font-size: 0.75rem;
  color: #f8f8f8;
}
.business-list-card-text h6 {
  font-size: 0.6rem;
  color: #f8f8f8;
}
/* END BUSINESS LIST */
/* BUSINESS DETAIL */
#business-detail {
  margin: 100px 0 0;
}
.business-detail-wrapper {
  max-width: var(--size-max-width);
  margin: 0 auto;
}
.business-detail-container {
  width: 100%;
  position: relative;
}
.business-detail-header {
  width: 80%;
  position: relative;
  text-align: center;
  padding: 0 0 30px;
  margin: auto;
}
.business-header-border {
  width: 100%;
  position: relative;
  border-bottom: 5px solid #f2d229;
}
.business-profile {
  width: 80%;
  position: relative;
  margin: auto;
}
.business-profile-container-grid {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  margin: auto;
}
.business-profile-image {
  width: 100%;
  position: relative;
  max-width: 400px;
  margin: auto;
}
.business-profile-image-wrapper {
  width: 80%;
  position: relative;
  margin: auto;
}
.business-profile-image-wrapper img {
  width: 100%;
}
.business-profile-text {
  width: 100%;
  position: relative;
  max-width: 400px;
  margin: auto;
}
.business-profile-text-group {
  width: 82%;
  margin: auto;
}
.business-profile-text-group h5 {
  font-size: 1.2rem;
}
.business-profile-about {
  width: 100%;
  position: relative;
  padding: 20px 0;
}
.business-profile-about-wrapper {
  width: 100%;
  position: relative;
  background-image: linear-gradient(300deg, #4af890, #ecfecc);
  border-left: 10px solid #f2d229;
}
.business-profile-about-container {
  width: 100%;
  position: relative;
  padding: 10px 20px;
  max-width: 800px;
  margin: auto;
}
.business-profile-about-header {
  width: 100%;
  position: relative;
  border-bottom: 2px solid black;
  max-width: 350px;
}
.business-profile-about-header h5 {
  font-weight: bold;
  font-size: 23px;
  margin: 10px 0 15px;
}
.business-profile-about-text {
  width: 100%;
  position: relative;
  text-align: justify;
  margin: 15px 0;
}
.business-profile-owner-founder {
  width: 100%;
  position: relative;
}
.business-profile-owner-founder-wrapper {
  width: 100%;
  position: relative;
}
.business-profile-owner-founder-container-grid {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}
.business-profile-card-content-1 {
  width: 100%;
  position: relative;
}
.business-profile-card-content-2 {
  width: 100%;
  position: relative;
}
.business-profile-card-content-3 {
  width: 100%;
  position: relative;
}
.business-profile-card-content-4 {
  width: 100%;
  position: relative;
}
.business-profile-card-content-5 {
  width: 100%;
  position: relative;
}
.business-profile-card-container {
  width: 80%;
  max-width: 500px;
  position: relative;
  margin: auto;
  background-image: linear-gradient(135deg, #4af890, #ecfecc);
  border-left: 10px solid #009a3f;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.business-profile-card-info {
  width: 100%;
  position: relative;
  padding: 15px;
  text-align: justify;
}
.business-profile-card-photo {
  width: 40%;
  float: left;
  padding: 0 5px 0 0;
}
.business-profile-card-info-text-wrap h6 {
  color: gray;
  border-bottom: 1px solid black;
}
.business-profile-card-info-text-wrap h5 {
  font-weight: 700;
}
.business-profile-fund {
  width: 100%;
  position: relative;
  padding: 10px;
}
.business-profile-fund p {
  display: inline-block;
  padding: 10px 0;
  margin: 0;
  font-size: 25px;
}
.business-profile-fund-header {
  display: inline-block;
  position: relative;
}
.business-profile-fund-header h5 {
  font-weight: 700;
}
.business-profile-fund-border {
  border: 1px solid black;
}
.business-prasofile-service {
  width: 100%;
  position: relative;
  padding: 10px;
}
.business-profile-service-header {
  width: 100%;
  position: relative;
  padding: 10px;
}
.business-profile-service-header h5 {
  font-weight: 700;
}
.business-profile-service-border {
  border: 1px solid black;
}
.business-profile-service-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 10px;
  padding: 10px 0;
}
.business-profile-service-item {
  width: 100%;
  position: relative;
}
.business-profile-service-image-wrapper {
  width: 100%;
  position: relative;
}
.business-profile-service-image-wrapper img {
  width: 100%;
}
.business-profile-decoration-wrapper {
  width: 100%;
  position: relative;
}
.business-profile-decoration-wrapper img {
  width: 100%;
}
.business-profile-progress {
  width: 100%;
  position: relative;
  padding: 20px 0;
}
.business-profile-progress-wrapper {
  background-image: linear-gradient(300deg, #4af890, #ecfecc);
  border-right: 10px solid #f2d229;
  width: 100%;
  position: relative;
}
.business-profile-progress-container {
  width: 100%;
  position: relative;
  padding: 20px;
  max-width: 800px;
  margin: auto;
}
.business-profile-progress-header {
  display: inline-block;
}
.business-profile-progress-header h5 {
  font-weight: 700;
  font-size: 25px;
}
.business-profile-progress-border {
  border: 1px solid black;
  max-width: 300px;
  margin: 5px 0 10px;
}
.business-profile-progress-text {
  width: 100%;
  text-align: justify;
  margin: 0;
  padding: 5px 0;
}
.business-profile-gallery {
  width: 100%;
  position: relative;
  padding: 20px 0 0;
}
.business-profile-gallery-wrapper {
  width: 100%;
  position: relative;
}
.business-profile-gallery-container {
  width: 100%;
  position: relative;
  max-width: 1200px;
  margin: auto;
}
.business-profile-gallery-header {
  width: 100%;
  position: relative;
}
.business-profile-gallery-header-card {
  position: relative;
  border-radius: 5px;
  padding: 10px;
  background-color: #e8f6ff;
  float: left;
  margin: 0 0 0 70%;
  z-index: 2;
}
.business-profile-gallery-header-card h5 {
  padding: 10px;
  font-weight: 700;
  font-size: 23px;
}
.business-profile-gallery-header-decoration {
  width: 30%;
  float: right;
  margin: -40px 0 0;
  z-index: 1;
}
.business-profile-gallery-content {
  width: 100%;
  position: relative;
}
.business-profile-gallery-content-container-grid {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 20px;
  background-image: url("../images/business-detail-gallery-background-mobile.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.business-profile-gallery-image {
  width: 100%;
  position: relative;
}
.gallery-image-wrapper {
  width: 100%;
}
.gallery-image-wrapper img {
  width: 100%;
}
/* END BUSINESS DETAIL */
/* CONTACT US */
#contact-us {
  width: 100%;
  position: relative;
  margin: 50px 0 0;
}
.contact-us-wrapper {
  width: 100%;
  position: relative;
}
.contact-us-container {
  width: 100%;
  position: relative;
}
.contact-us-header {
  width: 80%;
  position: relative;
  margin: auto;
  padding: 0 0 50px;
}
.contact-us-header-text {
  text-align: center;
}
.contact-us-header-border {
  width: 80%;
  margin: auto;
  border-bottom: 5px solid #f2d229;
}
.contact-us-content-grid {
  background-color: var(--color-dark-green);
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  position: relative;
}
.contact-us-info {
  width: 100%;
  position: relative;
}
.contact-us-info-wrapper {
  width: 100%;
  position: relative;
}
.contact-us-info-container {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
}
.contact-us-info-container iframe {
  width: 100%;
  height: 650px;
  margin: 50px 0;
}
.contact-us-info-content-grid {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  padding: 20px 0;
  max-width: 630px;
  margin: auto;
}
.contact-us-info-content-items {
  width: 100%;
  position: relative;
}
.contact-us-icon-wrapper {
  width: 30%;
  position: relative;
  margin: auto;
}
.contact-us-icon-wrapper:hover {
  transform: scale(1.1);
}
.contact-us-icon-wrapper img {
  width: 100%;
}
.contact-us-icon-text {
  text-align: center;
  color: var(--color-white);
}
.contact-us-info-map {
  width: 100%;
  position: relative;
  padding: 0 0 20px;
}
.contact-us-info-map-embedded {
  width: 100%;
  position: relative;
  text-align: center;
}
.contact-us-message {
  width: 100%;
  position: relative;
}
.contact-us-message-wrapper {
  width: 100%;
  position: relative;
}
.contact-us-message-container {
  width: 80%;
  position: relative;
  margin: auto;
  max-width: 800px;
  padding: 50px 0;
}
.contact-us-message-card {
  width: 100%;
  position: relative;
  background-color: #1e352f;
  border-radius: 5px;
  padding: 75px 10px 50px;
}
.contact-us-message-card-header {
  text-align: center;
  width: 200px;
  margin: auto;
  padding: 15px 0;
  color: #f8f8f8;
}
.contact-us-message-content {
  width: 100%;
  position: relative;
  padding: 30px 0;
}
.contact-us-form-container-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  padding: 20px 0;
  max-width: 500px;
  margin: auto;
}
.contact-us-form-group-container-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.contact-us-form {
  text-align: center;
  width: 100%;
  margin: auto;
}
.contact-us-form-small {
  width: 90%;
  border: none;
  border-radius: 5px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  padding: 5px;
}
.contact-us-form-single-container-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.contact-us-form-big {
  width: 100%;
  text-align: center;
  margin: auto;
  padding: 10px;
}
.contact-us-form-large {
  width: 100%;
  height: 100px;
  border: none;
  border-radius: 5px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  padding: 5px;
}
.contact-us-button {
  display: inline-block;
  background-color: #f58940;
  color: white;
  text-align: center;
  padding: 10px 20px;
  margin: auto;
  border-radius: 5px;
}
.contact-us-button button {
  background-color: #f58940;
  color: white;
  border: none;
}
/* END CONTACT US */
/* START FAQ */
#jb-faq {
  width: 100%;
  position: relative;
  margin: 100px 0 0;
}
.jb-faq-wrapper {
  width: 100%;
  position: relative;
  /* border-right: 10px solid #F2D229; */
  padding: 0 0 150px;
}
.jb-faq-container {
  width: 100%;
  position: relative;
  /* max-width: var(--size-max-width);
    margin: auto;
    padding: 20px; */
}
.jb-faq-header {
  text-align: center;
  /* padding: 20px 0; */
  width: 80%;
  position: relative;
  margin: auto;
  padding: 0 0 50px;
}
.jb-faq-header-border {
  width: 80%;
  margin: auto;
  border-bottom: 5px solid #f2d229;
}
/* .jb-faq-decoration {
    width: 100%;
    position: absolute;
    margin: auto;
    max-width: 490px;
    top: 57%;
    left: 60%;
    transform: scale(1.5) translate(-50%, -50%);
}
.jb-faq-decoration-wrapper {
    width: 80%;
    margin: auto;
    z-index: 1;
}
.jb-faq-decoration-wrapper img {
    width: 100%;
} */
.jb-faq-card-container-grid {
  width: 100%;
  font-size: 18px;
  margin-top: 25px;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  z-index: 2;
}
.jb-faq-items {
  width: 100%;
  position: relative;
}
.jb-faq-card {
  width: 90%;
  position: relative;
  margin: auto;
  background-color: var(--color-dark-green);
  border-radius: 4px;
  padding: 20px 0 0;
  text-align: left;
  color: var(--color-white);
}
.jb-faq-card-group {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 30fr;
  padding: 0 20px;
}
.jb-faq-card-group-no {
  position: relative;
  width: 15px;
}
.jb-faq-card-collapse-icon {
  width: 100%;
}
.jb-faq-card-collapse-icon-wrapper {
  width: 5%;
  max-width: 20px;
  position: absolute;
  top: 20px;
  right: 3%;
  transform: rotate3d(1, 1, 1, 360deg);
}
.jb-faq-card-collapse-icon-wrapper img {
  width: 100%;
}
.jb-faq-collapsible {
  cursor: pointer;
  padding: 10px;
  margin-right: 47px;
}
.jb-faq-collapsible p {
  margin: 0;
}
.active,
.jb-faq-collapsible:hover {
  /* background-color: #fffacb; */
}
.jb-faq-collapsible-content {
  padding: 0 10px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  color: var(--color-white);
  background-color: var(--color-green-faded);
  border-radius: 4px;
}
.jb-faq-collapsible-content-answer {
  margin: 10px;
}
/* END FAQ*/
/* START MY PROFILE*/
#jb-my-profile {
  width: 100%;
  position: relative;
  margin: 100px 0 0;
}
.jb-my-profile-container {
  width: 100%;
  position: relative;
}
.jb-my-profile-header {
  width: 100%;
  position: relative;
  margin: auto;
  padding: 0 80px 50px;
}
.jb-my-profile-header-text {
  text-align: center;
}
.jb-my-profile-header-border {
  margin: auto;
  border-bottom: 5px solid #f2d229;
}
.jb-my-profile-content-grid {
  background-image: linear-gradient(130deg, #4af890, #ecfecc);
  width: 100%;
  display: grid;
  overflow: hidden;
  padding-right: 10px;
  grid-template-columns: 1fr;
  position: relative;
  border-left: 10px solid #009a3f;
}
.jb-my-profile-detail-content-grid {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-rows: 1fr;
  gap: 40px;
  padding: 40px 70px;
  max-width: 100%;
  margin: auto;
}
.jb-my-profile-detail-content-top {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 20px;
  max-width: 100%;
}
.jb-my-profile-detail-content-bottom {
  background-color: #1e352f;
  color: white;
  width: 100%;
  position: relative;
  display: grid;
  grid-template-rows: 1fr;
  padding-bottom: 20px;
}
.jb-my-profile-decoration {
  display: block;
  position: absolute;
  background: url("../images/abstract-wave-zigzag.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.jb-my-profile-decoration.right {
  width: 300px;
  height: 50px;
  right: -230px;
  top: -20px;
}
.jb-my-profile-decoration.left {
  width: 300px;
  height: 50px;
  left: -90px;
  top: 80px;
}
.jb-my-profile-table-item-grid {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 2fr 2fr 2fr 1fr;
  gap: 20px;
  padding: 0px 50px;
  margin: auto;
  border-bottom: 3px solid var(--color-light-gray);
}
.jb-my-profile-table-item {
  padding: 5px;
  margin: 0px;
}
.jb-my-profile-table-head {
  width: 100%;
  text-align: center;
  margin: 0px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 9px;
  border-bottom: 3px solid var(--color-light-gray);
}
.jb-my-profile-table-head a {
  color: gray;
  cursor: pointer;
  text-decoration: none;
}
.jb-my-profile-table-head a.active {
  color: white;
  cursor: pointer;
  text-decoration: none;
}
.jb-my-profile-table-head-left {
  padding: 6px;
  grid-column: 1;
  grid-row: 1;
}
.jb-my-profile-table-head-right {
  border-left: 3px solid var(--color-light-gray);
  padding: 6px;
  grid-column: 2;
  grid-row: 1;
}
.jb-my-profile-table-message {
  text-align: center;
  padding-top: 10px;
  margin: auto;
  width: 100%;
  border-bottom: 3px solid var(--color-light-gray);
}
.jb-my-profile img {
  display: block;
  max-width: 80%;
}
.jb-my-profile {
  width: 100%;
  position: relative;
}
.jb-my-profile.left-mobile {
  display: none;
}
.jb-my-profile.left {
  order: 1;
}
.jb-my-profile.middle {
  order: 2;
}
.jb-my-profile.right {
  order: 3;
}
.jb-my-profile-edit {
  width: auto;
  height: auto;
  float: right;
  padding: 8px 20px;
  text-align: center;
  border-radius: 8px;
  background-color: #44aab3;
  color: white;
}
.jb-my-profile-group-grid {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 10px;
  margin: auto 0px 20px;
}
.jb-my-profile-group-grid div {
  overflow: scroll;
  max-width: 100%;
}
.jb-my-profile-group-name {
  position: relative;
  width: 250px;
  height: 45px;
  margin: auto 0px 30px;
  border-radius: 8px;
  background-color: #ffc576;
}
.jb-my-profile-group-name div {
  font-size: 18pt;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  position: absolute;
  width: auto;
  height: auto;
  left: -130px;
  top: 23px;
}
.jb-my-profile-group-name hr {
  background-color: #0c0113;
  width: 200px;
  height: 3px;
}
/* END MY PROFILE*/
/* START EDIT PROFILE*/
#jb-edit-profile {
  width: 100%;
  position: relative;
  margin: 100px 0 0;
}
.jb-edit-profile-wrapper {
  width: 100%;
  position: relative;
}
.jb-edit-profile-container {
  width: 100%;
  position: relative;
}
.jb-edit-profile-header {
  width: 100%;
  position: relative;
  margin: auto;
  padding: 0 80px 50px;
}
.jb-edit-profile-header-text {
  text-align: center;
}
.jb-edit-profile-header-border {
  margin: auto;
  border-bottom: 5px solid #f2d229;
}
.jb-edit-profile-content-grid {
  display: grid;
  overflow: hidden;
  grid-template-columns: 1fr;
  width: 100%;
  position: relative;
}
.jb-edit-profile-detail-content-grid {
  width: 100%;
  position: relative;
  display: grid;
  gap: 40px;
  grid-template-columns: 1fr;
  padding: 0px 70px;
  max-width: 100%;
  margin: auto;
}
.jb-edit-profile-detail-content-grid-top {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 10px;
  padding: 20px 0;
  max-width: 100%;
  margin: auto;
}
.form-input.edit-profile {
  gap: 150px;
}
.jb-edit-profile-decoration {
  display: block;
  position: absolute;
}
.jb-edit-profile-decoration.left {
  background-color: #1e352f;
  z-index: -1;
  width: 300px;
  height: 150px;
  left: -100px;
  top: 100px;
}
.jb-edit-profile-decoration.right {
  background: url("../img/polkadot-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 450px;
  height: 450px;
  right: -150px;
  top: 200px;
}
.jb-edit-profile-decoration.bottom {
  background-color: #1e352f;
  z-index: -1;
  padding: 50px 0px 10px;
  text-align: center;
  width: 400px;
  height: 150px;
  left: -80px;
  top: -200px;
}
.jb-edit-profile-decoration.bottom div {
  color: white;
  max-width: 80%;
  border-bottom: 4px solid #fffea8;
  padding: 10px 30px 10px;
}
.jb-edit-profile-detail-content-grid-bottom {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  padding: 20px 0;
}
.jb-edit-profile-form {
  width: 100%;
  position: relative;
  /* overflow: hidden; */
}
.jb-edit-profile-form img {
  display: block;
  max-width: 80%;
}
.jb-edit-profile-name {
  width: auto;
  height: auto;
  padding: 10px;
  text-align: center;
  border-radius: 10px;
  background-color: #ffc576;
  margin-bottom: 20px;
  float: left;
}
.jb-edit-profile-btn {
  width: 125px;
  border: none;
  height: auto;
  padding: 10px;
  text-align: center;
  border-radius: 8px;
  color: white;
  cursor: pointer;
}
.jb-edit-profile-btn.cancel {
  float: left;
  background-color: #b41d37;
}
.jb-edit-profile-btn.save {
  float: left;
  background-color: #44aab3;
}
.jb-edit-profile-btn-details {
  width: 125px;
  border: none;
  height: auto;
  float: right;
  padding: 5px;
  background-color: #ffb31b;
  text-align: center;
  border-radius: 10px;
  color: white;
  cursor: pointer;
}
.jb-edit-profile-group-grid {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 10px;
  margin: auto 0px 15px;
}
.jb-edit-profile-group-grid.desktop-input {
  text-align: center;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.jb-edit-profile-group-grid.btn {
  display: grid;
  padding: 0px;
}
.jb-edit-profile-group-grid.btn-mobile {
  display: none;
}
.jb-edit-profile-group-grid.mobile {
  display: none;
}
.jb-form-input-edit input {
  width: 100%;
  height: 45px;
  /* text-align: center; */
  padding: 0px 15px;
  border: none;
  border-radius: 5px;
}
.jb-form-input-edit select {
  width: 100%;
  height: 45px;
  /* text-align: center; */
  padding: 0px 15px;
  background-color: white;
  border: none;
  border-radius: 5px;
}
.jb-edit-profile-form-container-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  padding: 20px 0;
  max-width: 500px;
  margin: auto;
}
.jb-edit-profile-form-group-container-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.jb-edit-profile-form {
  width: 100%;
  position: relative;
}
.jb-edit-profile-form-small {
  width: 90%;
  border: none;
  border-radius: 5px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  padding: 5px;
}
.jb-edit-profile-form-single-container-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.jb-edit-profile-form-big {
  width: 100%;
  text-align: center;
  margin: auto;
  padding: 10px;
}
.jb-edit-profile-form-large {
  width: 100%;
  height: 100px;
  border: none;
  border-radius: 5px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  padding: 5px;
}
.jb-edit-profile-button {
  display: inline-block;
  background-color: #f58940;
  color: white;
  text-align: center;
  padding: 10px 20px;
  margin: auto;
  border-radius: 5px;
}
.jb-edit-profile-button button {
  background-color: #f58940;
  color: white;
  border: none;
}
/* END EDIT PROFILE*/
/* HOW JOINBARENG */
#how-joinbareng {
  width: 100%;
  padding: 100px 0 0;
}
.how-joinbareng-wrapper {
  width: 100%;
  position: relative;
}
.how-joinbareng-container {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  position: relative;
}
.how-joinbareng-header {
  width: 80%;
  text-align: center;
  margin: auto;
}
.how-joinbareng-border {
  width: 100%;
  border-bottom: 5px solid #f2d229;
  padding: 0 0 20px;
}
.how-joinbareng-content {
  width: 100%;
  position: relative;
  padding: 50px 0;
}
.how-joinbareng-content-right {
  width: 100%;
  position: relative;
  padding: 0 0 75px;
}
.how-joinbareng-content-right-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
.how-joinbareng-image-group-right {
  width: 100%;
  margin: auto;
  position: relative;
  max-width: 400px;
}
.how-joinbareng-image-right-1 {
  width: 50%;
  margin: auto;
}
.how-joinbareng-image-right-1 img {
  width: 100%;
}
.how-joinbareng-image-right-2 {
  width: 45%;
  margin: auto;
  position: absolute;
  top: -5%;
  left: 30%;
  transform: rotate(15deg);
}
.how-joinbareng-image-right-2 img {
  width: 100%;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.how-joinbareng-image-right-3 {
  width: 45%;
  margin: auto;
  position: absolute;
  top: 40%;
  left: 20%;
  transform: rotate(-15deg);
}
.how-joinbareng-image-right-3 img {
  width: 100%;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.how-joinbareng-content-decoration-right {
  width: 100%;
  position: absolute;
  bottom: -25%;
  right: 0;
}
.how-joinbareng-content-decoration-right img {
  width: 70%;
  float: right;
}
.how-joinbareng-text-right {
  width: 100%;
  margin: auto;
  position: relative;
  padding: 50px 0 0;
}
.how-joinbareng-text-card-right {
  width: 80%;
  max-width: 400px;
  margin: auto;
  background-image: linear-gradient(300deg, #4af890, #ecfecc);
  border-radius: 5px;
  padding: 20px 30px;
  text-align: justify;
  z-index: 3;
}
.how-joinbareng-text-card-right p {
  font-size: 18px;
  margin: 0;
}
.how-joinbareng-card-decoration-right {
  width: 70%;
  position: absolute;
  top: 15%;
  left: 5%;
  z-index: -1;
  max-width: 300px;
}
.how-joinbareng-card-decoration-right img {
  width: 100%;
}
.how-joinbareng-content-left {
  width: 100%;
  position: relative;
  padding: 0 0 75px;
}
.how-joinbareng-content-left-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
.how-joinbareng-image-group-left {
  width: 100%;
  margin: auto;
  position: relative;
  max-width: 400px;
}
.how-joinbareng-image-left-1 {
  width: 50%;
  margin: auto;
}
.how-joinbareng-image-left-1 img {
  width: 100%;
}
.how-joinbareng-image-left-2 {
  width: 45%;
  margin: auto;
  position: absolute;
  top: -5%;
  left: 30%;
  transform: rotate(-15deg);
  z-index: 1;
}
.how-joinbareng-image-left-2 img {
  width: 100%;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.how-joinbareng-image-left-3 {
  width: 45%;
  margin: auto;
  position: absolute;
  top: 40%;
  left: 20%;
  transform: rotate(15deg);
  z-index: 0;
}
.how-joinbareng-image-left-3 img {
  width: 100%;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  z-index: -1;
}
.how-joinbareng-content-decoration-left {
  width: 100%;
  position: absolute;
  bottom: -25%;
  right: 0;
}
.how-joinbareng-content-decoration-left img {
  width: 70%;
  float: right;
}
.how-joinbareng-text-left {
  width: 100%;
  margin: auto;
  position: relative;
  padding: 50px 0 0;
}
.how-joinbareng-text-card-left {
  width: 80%;
  max-width: 400px;
  margin: auto;
  background-image: linear-gradient(300deg, #4af890, #ecfecc);
  border-radius: 5px;
  padding: 20px 30px;
  text-align: justify;
  z-index: 3;
}
.how-joinbareng-text-card-left p {
  font-size: 18px;
  margin: 0;
}
.how-joinbareng-card-decoration-left {
  width: 70%;
  position: absolute;
  top: 15%;
  left: 5%;
  z-index: -1;
  max-width: 300px;
}
.how-joinbareng-card-decoration-left img {
  width: 100%;
}
/* END HOW JOINBARENG */
/* HOW TO FOUNDERS */
.how-to-founders {
  width: 100%;
  position: relative;
}
.how-to-founders-wrapper {
  max-width: var(--size-max-width);
  margin: 0 auto;
  background-color: #fffbe1;
  padding: 100px 0 0;
}
.how-to-founders-container {
  width: 100%;
  position: relative;
}
.how-to-founders-header {
  width: 80%;
  position: relative;
  margin: auto;
  padding: 0 0 50px;
}
.how-to-founders-header-text {
  width: 100%;
  position: relative;
  text-align: center;
}
.how-to-founders-border {
  width: 100%;
  position: relative;
  border-bottom: 5px solid #f2d229;
}
.how-to-founders-content {
  width: 100%;
  position: relative;
}
.how-to-founders-text {
  width: 81%;
  padding: 20px 20px 50px;
  max-width: 385px;
  margin: auto;
}
.how-to-founders-content-card-container {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding: 10px 0 30px;
  position: relative;
  z-index: 3;
}
.how-to-founders-content-card-items {
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0 0 30px;
}
.how-to-founders-content-card {
  width: 80%;
  max-width: 400px;
  margin: auto;
  background-image: linear-gradient(130deg, #4af890, #ecfecc);
  position: relative;
}
.how-to-founders-content-card-number {
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50%;
  background-color: #ffb31b;
  position: absolute;
  top: 20%;
  left: -5%;
  z-index: 5;
  color: white;
}
.how-to-founders-content-card-number h5 {
  padding: 5px 0 0;
}
.how-to-founders-content-card-text {
  text-align: center;
  padding: 20px;
  border-radius: 5px;
}
.how-to-founders-content-card-text p {
  margin-bottom: 0;
}
.how-to-founders-card-decoration-1 {
  width: 25%;
  position: absolute;
  bottom: 0;
  right: -15%;
  z-index: -2;
}
.how-to-founders-card-decoration-2 {
  width: 25%;
  position: absolute;
  bottom: 0;
  left: -15%;
  z-index: -2;
}
.how-to-founders-requirement {
  width: 100%;
  position: relative;
}
.how-to-founders-requirement-wrapper {
  width: 100%;
  position: relative;
  padding: 40px 0;
}
.how-to-founders-requirement-container {
  width: 100%;
  position: relative;
}
.how-to-founders-requirement-card {
  position: relative;
  width: 85%;
  margin: auto;
  max-width: 400px;
  border-radius: 5px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  padding: 0 0 230px;
  border-left: 10px solid #009a3f;
  background-image: url("../images/about-us-vision-mission-card-bg.png");
  background-size: cover;
  background-position: center;
}
.how-to-founders-requirement-card-content {
  width: 100%;
  max-width: 380px;
  background-color: #1e352f;
  border-radius: 5px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  position: absolute;
  top: -23px;
  right: -15px;
  z-index: 3;
  padding: 20px;
  color: #f8f8f8;
}
.how-to-founders-requirement-card-content p {
  margin: 0;
}
.how-to-founders-requirement-decoration-image {
  transform: scale(1.8) rotate(16deg);
  position: absolute;
  max-width: 90%;
  left: 300px;
  top: 552px;
}
.how-to-founders-form {
  width: 100%;
  position: relative;
}
.how-to-founders-form-wrapper {
  width: 100%;
  position: relative;
  background-image: linear-gradient(140deg, #4af890, #ecfecc);
  border-left: 10px solid #009a3f;
}
.how-to-founders-form-container {
  width: 100%;
  margin: auto;
  position: relative;
  padding: 50px 0;
  max-width: 1200px;
  display: grid;
  grid-template-columns: 1fr;
}
.how-to-founders-form-text {
  width: 100%;
  position: relative;
  max-width: 600px;
  padding: 20px;
  margin: auto;
  display: none;
}
.how-to-founders-form-quote {
  width: 100%;
  padding: 20px;
  text-align: justify;
}
.how-to-founders-form-quote::before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  top: 0;
  left: 0;
  font-family: auto;
  color: #000000;
}
.how-to-founders-form-card {
  width: 80%;
  position: relative;
  margin: auto;
  padding: 10px 30px;
  background-color: #1e352f;
  max-width: 700px;
  color: #f8f8f8;
}
.how-to-founders-form-header {
  text-align: center;
  padding: 30px;
}
.how-to-founders-form-group-container {
  width: 100%;
  display: grid;
  grid: 1fr;
  gap: 20px;
}
.how-to-founders-form-group {
  width: 100%;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 10px;
  padding: 20px 0;
}
.how-to-founders-form-group input {
  height: 40px;
  width: 80%;
  margin: auto;
  border: none;
  border-radius: 5px;
  padding: 0 10px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.how-to-founders-file-browser {
  width: 80%;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.how-to-founders-file-browser input[type="file"] {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}
.how-to-founders-file-browser input[type="text"] {
  margin: auto;
  width: 100%;
  max-width: 185px;
}
.how-to-founders-file-browser input[type="button"] {
  display: inline-block;
  width: 70%;
  max-width: 70px;
}
.how-to-founders-button {
  text-align: center;
  padding: 20px 0;
}
.how-to-founders-button button {
  color: #ffffff;
  background-color: #f58940;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
}
/* END HOW TO FOUNDERS */
/* HOW TO INVESTORS */
#how-to-investors {
  width: 100%;
  position: relative;
}
.how-to-investors-wrapper {
  max-width: var(--size-max-width);
  margin: 0 auto;
  background-color: #fffbe1;
  padding: 100px 0 0;
}
.how-to-investors-container {
  width: 100%;
  position: relative;
}
.how-to-investors-header {
  width: 80%;
  position: relative;
  padding: 0 0 50px;
  margin: auto;
}
.how-to-investors-header-text {
  width: 100%;
  margin: auto;
  text-align: center;
}
.how-to-investors-border {
  width: 100%;
  border-bottom: 5px solid #f2d229;
}
.how-to-investors-content {
  width: 100%;
  position: relative;
}
.how-to-investors-text {
  width: 100%;
  position: relative;
  background-color: #fffbe1;
  padding: 20px;
}
.how-to-investors-quote {
  width: 80%;
  position: relative;
  text-align: justify;
  max-width: 800px;
  margin: auto;
}
.how-to-investors-quote::before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  top: -40px;
  right: -40px;
  font-family: auto;
  transform: scaleX(-1);
}
.how-to-investors-form {
  width: 100%;
  position: relative;
}
.how-to-investors-form-wrapper {
  width: 100%;
  position: relative;
  background-image: linear-gradient(140deg, #4af890, #ecfecc);
  border-left: 10px solid #009a3f;
}
.how-to-investors-form-container {
  width: 100%;
  margin: auto;
  position: relative;
  padding: 50px 0;
  max-width: 1200px;
}
.how-to-investors-form-card {
  width: 80%;
  position: relative;
  margin: auto;
  padding: 10px;
  background-color: #1e352f;
  max-width: 700px;
  color: #f8f8f8;
}
.how-to-investors-form-header {
  text-align: center;
  padding: 30px;
}
.how-to-investors-form-group-container {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.how-to-investors-form-group {
  width: 100%;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 10px;
  padding: 20px 0;
}
.how-to-investors-form-group input {
  height: 40px;
  width: 80%;
  margin: auto;
  border: none;
  border-radius: 5px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.how-to-investors-button {
  text-align: center;
  padding: 20px 0;
}
.how-to-investors-button button {
  color: #ffffff;
  background-color: #f58940;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
}
/* END HOW TO INVESTORS  */
/* PRIVACY START */
.jb-privacy-policy {
  position: relative;
  padding: 150px 0;
}
.jb-privacy-logo {
  height: 270px;
  width: 200px;
  background: transparent;
  margin: auto;
}
.jb-privacy-logo img {
  max-width: 100%;
}
.jb-privacy-title {
  margin: 20px 0;
}
.jb-privacy-title h1 {
  font-size: 25pt;
  color: rgb(3, 3, 3);
  text-align: center;
  font-weight: 700;
}
.jb-privacy-title h5 {
  font-size: 11pt;
  color: rgb(3, 3, 3);
  text-align: center;
}
.jb-privacy-detail p {
  font-size: 15pt;
  color: rgb(3, 3, 3);
  text-align: left;
  font-weight: normal;
}
.jb-privacy-detail ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
.jb-privacy-detail li {
  display: table;
  counter-increment: item;
  margin-bottom: 10px;
  font-size: 18pt;
  color: rgb(3, 3, 3);
  font-weight: bold;
}
.jb-privacy-detail li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
}
.jb-privacy-detail li li {
  margin: 10px 0;
  font-size: 15pt;
  color: rgb(3, 3, 3);
  text-align: left;
  font-weight: normal;
}
.jb-privacy-detail li li:before {
  content: counters(item, ".") " ";
}
.jb-article-placeholder {
  background-color: var(--color-light-green);
  width: 100%;
  padding: 80px 10px;
  text-align: center;
  color: var(--color-gray);
  border-radius: 10px;
}
/* PRIVACY END */
/* ARTICLE LIST START */
.jb-article {
  position: relative;
}
.jb-header-container {
  position: relative;
  z-index: 2;
  min-height: 380px;
}
.jb-header-item {
  position: relative;
  z-index: 4;
  height: 380px;
}
.jb-header-item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.jb-header-title {
  position: relative;
  font-size: 26pt;
  font-weight: bold;
  color: var(--color-white);
  padding: 85px 30px 40px;
  letter-spacing: 3px;
  z-index: 4;
  text-align: center;
}
.jb-header-text {
  width: 80%;
  margin: auto;
  position: relative;
  z-index: 2;
}
.jb-header-text p {
  font-size: 20pt;
  color: var(--color-white);
  padding: 25px 50px;
  min-height: 110px;
  max-height: 200px;
  overflow: hidden;
  text-align: center;
}
.jb-header-back {
  position: absolute;
  width: 100% !important;
  z-index: 2;
  top: 0;
  background-color: var(--color-gray);
}
.jb-header-back img {
  max-width: 100% !important;
  height: 500px;
  object-fit: cover;
  object-position: 0px -75px;
  filter: grayscale(50%);
}
.jb-header-placeholder {
  height: 500px;
  width: 100%;
  background-color: var(--color-gray);
  padding: 20px 10px;
  text-align: center;
  color: var(--color-gray);
}
.jb-header-placeholder img {
  max-width: 100% !important;
}
.jb-header-button-group {
  text-align: center;
  position: relative;
  z-index: 2;
}
.jb-button {
  display: inline-block;
  background-color: var(--color-primary-green);
  border-radius: 4px;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  color: var(--color-white);
  margin-top: 15px;
  font-size: 1.4rem;
}
.jb-button:hover {
  color: var(--color-white);
  background: var(--color-green);
  transition: ease-in-out 0.2s;
  text-decoration: none;
}
.jb-article-header {
  margin: 20px 0;
}
.jb-article-header h1 {
  font-size: 25pt;
  color: rgb(3, 3, 3);
  text-align: center;
  font-weight: 700;
}
.jb-article-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  margin: 50px 0;
}
.jb-article-item {
  background: var(--color-primary-green);
  color: var(--color-light-gray);
  min-height: 350px;
  border-radius: 4px;
  display: grid;
  grid-template-columns: 1fr;
}
.jb-article-item h4 {
  font-size: 24pt;
  color: var(--color-white);
  text-align: left;
  font-weight: normal;
  margin: 30px 30px 15px;
}
.jb-article-item h5 {
  font-size: 14pt;
  color: var(--color-white);
  text-align: left;
  font-weight: normal;
  margin: 15px 30px 30px;
}
.jb-article-decor {
  width: 90%;
  height: 3px;
  background: var(--color-yellow);
  margin: 5px 30px;
}
.jb-article-item a {
  text-decoration: none;
}
.jb-article-item a h5 {
  font-weight: bold;
}
.jb-article-item a h5:hover {
  color: var(--color-green);
}
.jb-list-image {
  overflow: hidden;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  background-color: var(--color-gray);
  height: 300px;
  z-index: 3;
  margin: 30px;
}
.jb-list-image img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
.jb-button.list-button {
  background: var(--color-dark-green);
  margin: 30px;
}
.jb-button.list-button:hover {
  background: var(--color-gray);
  transition: ease-in-out 0.2s;
}
.jb-article-image-placeholder {
  background-color: var(--color-gray);
  padding: 140px 10px;
  text-align: center;
  color: var(--color-white);
  border-radius: 10px;
}
/* ARTICLE LIST END */
/* ARTICLE DETAIL START */
.jb-article-image {
  position: relative;
  min-height: 400px;
  background-color: var(--color-gray);
}
.jb-article-image img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.jb-article-title {
  margin: 50px 0 20px;
}
.jb-article-title h1,
.jb-article-title h5,
.jb-article-title h6 {
  color: rgb(3, 3, 3);
  text-align: left;
  font-weight: 700;
  margin: 10px 0;
}
.jb-article-title h1 {
  font-size: 25pt;
  font-weight: bold;
}
.jb-article-title h5,
.jb-article-title h6 {
  display: inline-block;
  font-weight: normal;
}
.jb-article-title h5 {
  font-size: 15pt;
}
.jb-article-title h6 {
  font-size: 13pt;
  margin-left: 50px;
}
.jb-article-body p,
.jb-article-body li {
  padding: 0;
  margin: 0;
  white-space: pre-line;
}
.jb-article-body li {
  padding: 0;
}
.jb-article-body li p {
  margin: 0 5px;
  padding: 0;
}
.jb-article-body h1 {
  line-height: 20px !important;
}
/* ARTICLE DETAIL END */
/* @media only screen and (min-width: 768px) {
  
} */
@media only screen and (min-width: 1366px) {
  /* HEADER */
  /* END HEADER */
  /* FOOTER */
  .footer-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 50px;
  }
  .footer-link-list {
    grid-template-columns: 1fr 1fr;
  }
  .footer-how-link-item {
    white-space: nowrap;
  }
  /* END FOOTER */
  /* LOGIN */
  .form-container {
    grid-template-columns: 1fr 1fr;
    gap: 0px;
  }
  .login {
    order: 2;
  }
  .form-container.right {
    border-right: 10px solid #009a3f;
    margin: -20px 0 0;
  }
  .form-container-content {
    margin: 0 0 0;
    padding: 20% 0 20%;
  }
  .form-input-item input {
    width: 240px;
    height: 45px;
  }
  /* END LOGIN */
  /* REGISTER */
  .form-container.left {
    border-left: 10px solid #009a3f;
    margin: -20px 0 0;
  }
  .hero-logo.register {
    order: 2;
  }
  .form-container-content.register {
    order: 1;
  }
  /* END REGISTER */
  /* FORGOT PASSWORD */
  #forgot-password {
    margin: 50% 0 0;
  }
  .form-container-fp {
    background-image: linear-gradient(135deg, #4af890, #ecfecc);
    margin: auto;
    padding: 0 0 75px;
    display: block;
    grid-template-columns: none;
  }
  .hero-logo-fp {
    display: none;
  }
  .hero-logo-container-fp {
    display: block;
    width: 80%;
    margin: auto;
    max-width: 1320px;
  }
  .form-content-container-wrapper {
    position: relative;
    width: 100%;
    padding: 0 0 40%;
  }
  .form-container-content-fp {
    border-radius: 15px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 65px auto;
    max-width: 550px;
  }
  /* END FORGOT PASSWORD */
  /* HOME */
  .home-wrapper {
    /* max-width: 1200px; */
    /* margin: 0; */
  }
  .home-logo {
  }
  .home-header-text-1 {
  }
  .home-header-text-2 {
  }
  .home-hero-image .aboutus-btn {
    padding: 5px 12px;
    transform: translate3d(160%, 1150%, 0);
  }
  .home-icons {
    padding: 0 0 125px;
  }
  .home-icons-card {
    /* box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px; */
    margin: -7% auto 0;
    /* padding: 20px 0; */
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .home-icons-text {
    font-size: 6pt;
  }
  .home-icons-content-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 20px 0;
  }
  /* karna ga pake owl-nav */
  /* .owl-item.active p {
      color: var(--color-gray);
      font-weight: 400;
    }
    .owl-item.active h3 {
      background-color: #ffae5d;
    } */
  /* tutup ga pake owl-nav */
  .jb-work-info-card-left {
    max-width: 400px;
    margin: 0 0 0 15%;
    float: left;
  }
  .jb-work-info-wave-right {
    width: 65%;
  }
  .jb-work-info-wave-left {
    width: 65%;
  }
  .jb-work-info-card-right {
    max-width: 400px;
    margin: 0 15% 0 0;
    float: right;
  }
  .jb-work-header-title {
    padding: 45px 0;
  }
  .jb-work-header-text {
    /* margin: 0 0 0 100px; */
    min-width: 400px;
    font-size: 20pt;
  }
  .jb-work-header-text-border {
    /* display: none; */
    border-width: 4px;
  }
  .jb-work-info-link a {
    color: #000;
  }
  .jb-our-business-container {
  }
  .jb-our-business-description-header {
    /* width: 100%;
        background-color: var(--color-dark-blue);
        color: var(--color-white);
        padding: 20px 100px; */
  }
  .jb-our-business-image {
    display: grid;
    /* z-index: 10; */
  }
  .jb-our-business-image-placeholder {
    display: inline-block;
    width: 100%;
    height: 70%;
    max-width: 400px;
    transform: translate3d(-50px, 135px, 0);
  }
  .jb-our-business-description {
    grid-template-columns: 3fr 2fr;
    margin: 0;
  }
  .jb-business-example-card-content-text-1 h5,
  .jb-business-example-card-content-text-2 h5 {
    font-size: 1.25rem;
  }
  .jb-business-example-card-content-text-1 h6,
  .jb-business-example-card-content-text-1 p,
  .jb-business-example-card-content-text-2 h6,
  .jb-business-example-card-content-text-2 p {
    font-size: 1rem;
    text-align: center;
  }
  .jb-business-example-card-content-text-bottom p {
    font-size: 1rem;
  }
  .jb-founder-container {
    display: grid;
    grid-template-columns: 3fr 1fr;
  }
  .jb-investor-container {
    display: grid;
    grid-template-columns: 1fr 3fr;
  }
  .jb-founder-header {
    padding: 0;
    margin: 0;
  }
  .jb-investor-header {
    background-color: #fffacb;
    margin: 0 0 0;
    border-right: solid 3px #555555;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
  }
  .jb-founder-header p {
    display: block;
    padding: 0 15px;
  }
  .jb-investor-header p {
    display: block;
    padding: 0 15px;
  }
  .founder-profile-image-1 {
    /* margin: 100px 0 0; */
  }
  .founder-profile-image-1 h5 {
    font-size: 1.25rem;
  }
  .investor-profile-image-1 {
    /* margin: 100px 0 0; */
  }
  .investor-profile-image-1 h5 {
    font-size: 1.25rem;
  }
  .founder-profile-image-2 {
    margin: 200px 0 0;
  }
  .founder-profile-image-2 h5 {
    font-size: 1.25rem;
  }
  .investor-profile-image-2 {
    margin: 200px 0 0;
  }
  .investor-profile-image-2 h5 {
    font-size: 1.25rem;
  }
  .founder-image-profile-1 {
    position: absolute;
    width: 25%;
    left: 15%;
  }
  .founder-image-profile-2 {
    position: absolute;
    width: 25%;
    right: 15%;
  }
  .founder-investor-image-decoration-1 {
    display: block;
    width: 45%;
    float: left;
    margin: 0 0 0 15%;
  }
  .founder-investor-decoration-3 {
    opacity: 0.5;
    width: 100%;
  }
  .founder-investor-image-decoration-2 {
    display: block;
    width: 45%;
    float: left;
    margin: 0 15% 0 0;
  }
  .founder-investor-decoration-4 {
    opacity: 0.5;
    width: 100%;
  }
  .investor-image-profile-1 {
    position: absolute;
    width: 25%;
    left: 15%;
  }
  .investor-image-profile-2 {
    position: absolute;
    width: 25%;
    right: 15%;
  }
  .founder-text-description {
    /* display: block; */
    /* padding: 0 20px; */
  }
  .investor-text-description {
    display: block;
    padding: 0 20px;
  }
  .jb-founder-investor-description-footer {
    order: 3;
  }
  .jb-founder-investor-footer {
    padding: 45px 10px;
  }
  .jb-founder-investor-footer-button {
    margin: -30% auto 0;
  }
  .founder-button {
    display: inline-block;
    padding: 10px 20px;
  }
  .investor-button {
    display: inline-block;
    padding: 10px 20px;
  }
  .jb-founder-investor-footer-link {
    margin: 0;
    text-align: end;
    padding: 0 10% 0 0;
  }
  /* END HOME */
  /* FOUNDER LIST */
  .founder-list-wrapper {
    max-width: 1200px;
    margin: 0 auto;
  }
  .founder-list-profile-image-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
  /* END FOUNDER LIST  */
  /* FOUNDER DETAIL */
  .founder-detail-wrapper {
    max-width: 1200px;
    margin: auto;
  }
  .founder-detail-container-grid {
    display: grid;
    grid-template-areas:
      "founder-image name-border founder-name founder-name"
      "founder-image founder-info founder-info founder-info"
      "founder-image founder-info founder-info founder-info";
    padding: 50px 0 100px;
  }
  .founder-detail-item-1 {
    grid-area: founder-image;
    width: auto;
  }
  .founder-detail-item-2 {
    grid-area: name-border;
    display: block;
    width: auto;
    align-self: end;
  }
  .founder-detail-item-3 {
    grid-area: founder-name;
    width: auto;
  }
  .founder-detail-item-4 {
    grid-area: founder-info;
    width: auto;
    padding: 20px 0 0;
  }
  .founder-detail-profile-image {
    width: 75%;
  }
  .founder-detail-decoration-1 {
    display: none;
  }
  .founder-detail-name-border {
    display: block;
    width: 55%;
  }
  .founder-detail-profile-name {
    position: absolute;
    padding: 10px 0 0;
    left: -22%;
    bottom: 0;
    box-shadow: none;
  }
  .founder-detail-profile-name::before {
    content: "";
    display: block;
    border-bottom: 2px solid #000;
    position: absolute;
    top: 100%;
    left: -50%;
    width: 50%;
  }
  .founder-detail-profile-name h5 {
    margin: 0px 0 -2% 0%;
    font: 25px;
    font-weight: bolder;
  }
  .founder-detail-text {
    margin: 0;
  }
  .founder-detail-bottom-list-container-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .founder-detail-bottom-list-1 {
    border-right: 2px solid #f8f8f8;
  }
  .founder-detail-list-wrapper-2 {
    margin: 0;
  }
  /* END FOUNDER DETAIL */
  /* INVESTOR LIST */
  .investor-list-wrapper {
    max-width: 1200px;
    margin: 0 auto;
  }
  .investor-list-profile-image-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
  /* END INVESTOR LIST */
  /* INVESTOR DETAIL */
  .investor-detail-wrapper {
    max-width: 1200px;
    margin: 0 auto;
  }
  .investor-detail-container-grid {
    display: grid;
    grid-template-areas:
      "investor-image name-border-investor investor-name investor-name"
      "investor-image investor-info investor-info investor-info"
      "investor-image investor-info investor-info investor-info";
    padding: 50px 0 100px;
  }
  .investor-detail-item-1 {
    grid-area: investor-image;
    width: auto;
  }
  .investor-detail-item-2 {
    grid-area: name-border-investor;
    display: block;
    width: auto;
    align-self: end;
  }
  .investor-detail-item-3 {
    grid-area: investor-name;
    width: auto;
  }
  .investor-detail-item-4 {
    grid-area: investor-info;
    width: auto;
    padding: 20px 0 0;
  }
  .investor-detail-profile-image {
    width: 75%;
  }
  .investor-detail-decoration-1 {
    display: none;
  }
  .investor-detail-name-border {
    display: block;
    width: 55%;
  }
  .investor-detail-profile-name {
    position: absolute;
    padding: 10px 0 0;
    left: -22%;
    bottom: 0;
    box-shadow: none;
  }
  .investor-detail-profile-name::before {
    content: "";
    display: block;
    border-bottom: 2px solid #000;
    position: absolute;
    top: 100%;
    left: -50%;
    width: 50%;
  }
  .investor-detail-profile-name h5 {
    margin: 0px 0 -2% 0%;
    font: 25px;
    font-weight: bolder;
  }
  .investor-detail-text {
    margin: 0;
  }
  .investor-detail-bottom-list-container-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 5px 13px 0;
  }
  .investor-detail-bottom-list-1 {
    border-right: 2px solid #f8f8f8;
  }
  .investor-detail-list-wrapper-2 {
    margin: 0;
  }
  /* END INVESTOR DETAIL */
  /* ABOUT US */
  .about-us-vision-mission-container-grid {
    grid-template-columns: 1fr 1fr;
  }
  .about-us-journey-title {
    width: 200px;
    margin: auto;
    text-align: center;
    padding: 0 0 50px;
  }
  .about-us-journey-title::before {
    content: none;
  }
  .about-us-journey-text {
    width: 100%;
    max-width: 1010px;
    margin: auto;
    text-align: justify;
    position: relative;
  }
  .about-us-journey-text::before {
    display: block;
    content: "\201C";
    font-size: 135px;
    position: absolute;
    top: -70%;
    left: -7%;
    font-family: auto;
  }
  /* END ABOUT US */
  /* SERVICES */
  .services-logo {
    display: block;
    padding: 50px 0 30px;
  }
  .services-header {
    padding: 0;
  }
  .services-logo-grid-container {
    max-width: 1200px;
    margin: auto;
  }
  .services-idea {
    padding: 0;
  }
  .services-idea-border {
    position: absolute;
    left: 0;
    width: 90%;
    height: 100%;
    border-right: 5px solid #009a3f;
  }
  .services-idea-container {
    padding: 30px 0;
  }
  .services-idea-content {
    width: 70%;
    border-left: none;
  }
  .services-idea-header {
    border-radius: 5px;
  }
  .services-idea-image {
    width: 30%;
    max-width: 180px;
    position: relative;
    transform: none;
    margin: 20px 0 0;
  }
  .services-idea-image img {
    min-width: 180px;
    max-width: 180px;
  }
  .services-idea-text {
    width: 60%;
    margin: -235px 0 0 auto;
    padding: 20px;
    max-width: 545px;
    border-radius: 5px;
  }
  .services-founder {
    padding: 0;
  }
  .services-founder-border {
    position: absolute;
    width: 90%;
    height: 100%;
    border-left: 5px solid #009a3f;
    right: 0;
  }
  .services-founder-container {
    padding: 30px 0;
  }
  .services-founder-content {
    width: 70%;
    border-right: none;
  }
  .services-founder-header {
    border-radius: 5px;
  }
  .services-founder-image {
    width: 30%;
    max-width: 180px;
    position: relative;
    transform: none;
    margin: -175px 0 0 auto;
  }
  .services-founder-image img {
    min-width: 180px;
    max-width: 180px;
  }
  .services-founder-text {
    width: 60%;
    margin: -40px auto 0 0;
    padding: 20px;
    max-width: 545px;
    border-radius: 5px;
    display: inline-block;
  }
  .services-financial {
    padding: 0;
  }
  .services-financial-border {
    position: absolute;
    left: 0;
    width: 90%;
    height: 100%;
    border-right: 5px solid #009a3f;
  }
  .services-financial-container {
    padding: 30px 0;
  }
  .services-financial-content {
    width: 70%;
    border-left: none;
  }
  .services-financial-header {
    border-radius: 5px;
  }
  .services-financial-image {
    width: 30%;
    max-width: 180px;
    position: relative;
    transform: none;
    margin: 20px 0 0;
  }
  .services-financial-image img {
    min-width: 180px;
    max-width: 180px;
  }
  .services-financial-text {
    width: 60%;
    margin: -235px 0 0 auto;
    padding: 20px;
    max-width: 545px;
    border-radius: 5px;
  }
  .services-business {
    padding: 0;
  }
  .services-business-border {
    position: absolute;
    right: 0;
    width: 90%;
    height: 100%;
    border-left: 5px solid #009a3f;
  }
  .services-business-container {
    padding: 30px 0;
  }
  .services-business-content {
    width: 70%;
    border-right: none;
  }
  .services-business-header {
    border-radius: 5px;
  }
  .services-business-image {
    width: 30%;
    max-width: 180px;
    position: relative;
    transform: none;
    margin: 40px 0 0 auto;
  }
  .services-business-image img {
    min-width: 180px;
    max-width: 180px;
  }
  .services-business-text {
    width: 60%;
    margin: -220px auto 0 0;
    padding: 20px;
    max-width: 545px;
    border-radius: 5px;
    display: inline-block;
  }
  /* END SERVICES */
  /* BUSINESS LIST */
  .business-list-content-wrapper {
    padding: 50px;
  }
  .business-list-content-container {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .business-list-card-text h4 {
    font-size: 1.25rem;
  }
  .business-list-card-text h5 {
    font-size: 1rem;
  }
  .business-list-card-text h6 {
    font-size: 0.9rem;
  }
  /* END BUSINESS LIST */
  /* BUSINESS DETAIL */
  .business-profile-owner-founder-container-grid {
    grid-template-columns: none;
    align-items: self-end;
    grid-template-areas:
      "a a b b"
      "a a b b"
      "d d c c"
      "e e c c";
  }
  .business-profile-card-content-1 {
    grid-area: a;
  }
  .business-profile-card-content-2 {
    grid-area: b;
  }
  .business-profile-card-content-3 {
    grid-area: c;
  }
  .business-profile-card-content-4 {
    grid-area: d;
  }
  .business-profile-card-content-5 {
    grid-area: e;
  }
  .business-profile-gallery-content-container-grid {
    grid-template-columns: 1fr 1fr 1fr;
    background-image: url("../images/business-detail-gallery-background-desktop.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  /* END BUSINESS DETAIL */
  /* CONTACT US */
  .contact-us-content-grid {
    grid-template-columns: 1fr;
    background-color: var(--color-dark-green);
    border-left: 10px solid #009a3f;
    margin-bottom: 100px;
  }
  .contact-us-info-wrapper {
    border-left: none;
  }
  .contact-us-faq-card-collapse-icon-wrapper {
    width: 3%;
  }
  .contact-us-message-wrapper {
  }
  /* END CONTACT US */
  /* HOW JOINBARENG */
  .how-joinbareng-content-right-grid {
    grid-template-columns: 1fr 1fr;
  }
  .how-joinbareng-image-group-right {
    order: 2;
  }
  .how-joinbareng-text-right {
    order: 1;
  }
  .how-joinbareng-content-left-grid {
    grid-template-columns: 1fr 1fr;
  }
  .how-joinbareng-image-group-left {
    order: 1;
  }
  .how-joinbareng-text-left {
    order: 2;
  }
  /* END HOW JOINBARENG  */
  /* HOW TO FOUNDERS */
  .how-to-founders-form-container {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .how-to-founders-form-text {
    display: block;
  }
  /* END HOW TO FOUNDERS */
  /* HOW TO INVESTORS */
  .how-to-investors-form-card {
    padding: 30px;
  }
  .how-to-investors-form-group {
    grid-template-columns: 150px 1fr;
  }
  /* END HOW TO INVESTORS */
  /* NAVBAR */
  .jb-navbar-wrapper {
    height: var(--size-navbar-height-desktop);
    /* background-color: var(--color-dark-blue);
        width: 100%;
        box-shadow: 0 0 15px;
        z-index: 20;
        position: fixed;
        top: 0; */
  }
  .jb-navbar-trigger,
  .navbar-brand-title.mobile,
  .user-image-navbar,
  .nav-collapse-left,
  .navbar-bottom,
  .jb-navbar-button.navbar-reg-mobile {
    display: none;
  }
  .container-logo-toggle-login-reg {
    padding: 0 1rem;
  }
  .jb-navbar-container {
    display: block;
    position: relative;
    transition: none;
    transform: translate3d(0, 0, 0);
    background-color: transparent;
    width: 65%;
    margin: calc(0px - var(--size-navbar-height-desktop)) auto 0 auto;
  }
  .jb-navbar-button-group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    height: 100%;
  }
  .jb-navbar-button {
    margin: auto;
    border: none;
    padding: 0;
  }
  .jb-navbar-button a {
    font-size: 14pt;
    margin: 0;
  }
  .navbar-brand-title {
    display: inline-block;
  }
  .navbar-register-desktop {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .navbar-register-desktop.logged {
    display: grid;
    grid-template-columns: 1fr;
  }
  .navbar-register-desktop .login {
    border-right: 1px solid var(--color-light-gray);
    grid-column: 1;
    grid-row: 1;
  }
  .navbar-register-desktop .register {
    grid-column: 2;
    grid-row: 1;
  }
  .navbar-register-desktop .profile {
    border-right: 1px solid var(--color-light-gray);
    grid-column: 1;
    grid-row: 1;
  }
  .navbar-register-desktop .logout {
    grid-column: 2;
    grid-row: 1;
  }
  .navbar-register-desktop a {
    color: var(--color-light-gray);
    margin: auto 1%;
    font-size: 14pt;
    text-decoration: none;
    padding: 1rem;
    font-weight: 700;
    text-align: center;
  }
  /* END NAVBAR */
  /* HOME CONTENT */
  .home-hero-image {
    background-image: linear-gradient(
        rgba(0, 0, 0, 0.083),
        rgba(0, 0, 0, 0.083)
      ),
      url("../img/header-banner.jpg");
    background-position: center;
    padding: 0 0 50%;
  }
  .home-logo {
    width: 22%;
    transform: translate(20%, 20%);
  }
  .home-header-text-1 {
    color: #555555;
    transform: translate3d(4%, 170%, 10px);
    font-size: 24pt;
    font-weight: 700;
  }
  .home-header-text-2 {
    color: #555555;
    transform: translate3d(4%, 200%, 10px);
    font-size: 24pt;
    font-weight: 700;
  }
  .home-hero-image .aboutus-btn {
    padding: 5px 15px;
    font-size: 14pt;
    transform: translate3d(55%, 260%, 10px);
  }
  .home-icons-text {
    font-size: 14pt;
  }
  .home-icons-card {
    width: 66%;
  }
  .home-icons-content-container .home-icons-boxes {
    width: 92%;
    padding-bottom: 92%;
  }
  .jb-work-header-text {
    min-width: 600px;
    font-size: 25pt;
    font-weight: 700;
  }
  .jb-work-info-card {
    width: 100%;
    padding: 40px 25px 120% 25px;
    font-size: 10pt;
  }
  .jb-work-info-card h3 {
    margin: 0;
  }
  .jb-our-business-image {
    transform: translate3d(-100px, 0%, 2px);
    align-items: center;
    width: calc(100% + 100px);
  }
  .jb-our-business-image img {
    width: 100%;
    max-width: unset;
  }
  .jb-our-business-description-header {
    padding: 50px 150px 50px 50px;
  }
  .jb-our-business-description-card-header {
    width: 70%;
  }
  .jb-our-business-title {
    font-size: 25pt;
  }
  .jb-our-business-text-border {
    border-bottom: solid 4px #fffea8;
    width: calc(100% + 50px);
    margin-left: -50px;
  }
  .jb-our-business-text-description {
    font-size: 18px;
  }
  .jb-work-info-card p {
    font-size: 14pt;
  }
  .jb-business-example-1 {
    display: grid;
    grid-template-columns: 3fr 2fr;
  }
  .jb-business-example-2 {
    display: grid;
    grid-template-columns: 2fr 3fr;
  }
  .jb-business-example-card-1,
  .jb-business-example-card-2 {
    margin: auto;
    background-size: 8px 250px, 250px 8px, 8px 250px, 250px 8px,
      calc(100% - 8px) calc(100% - 8px);
  }
  .jb-business-example-card-content-text-1,
  .jb-business-example-card-content-text-2 {
    margin: 3rem;
  }
  .jb-business-example-card-content-text-1 img,
  .jb-business-example-card-content-text-2 img {
    display: none;
  }
  img.business-image-desktop {
    display: inline-block;
    width: 90%;
  }
  .jb-business-example-2 img.business-image-desktop {
    margin-left: auto;
  }
  .jb-business-example-card-content-text-1 .business-card-text-1 *,
  .jb-business-example-card-content-text-2 .business-card-text-2 * {
    font-family: Roboto, "Segoe UI", Verdana, Tahoma, sans-serif;
    text-align: left;
  }
  .jb-business-example-card-content-text-1 h4,
  .jb-business-example-card-content-text-2 h4 {
    font-size: 23pt;
    font-weight: 800;
    margin-bottom: 15px;
  }
  .jb-business-example-card-content-text-1 h5,
  .jb-business-example-card-content-text-2 h5 {
    font-size: 18pt;
    /* font-weight: 800; */
    margin-bottom: 15px;
  }
  .jb-business-example-card-content-text-1 p,
  .jb-business-example-card-content-text-2 p {
    font-size: 15pt;
  }
  .jb-founder-investor {
    overflow: hidden;
    padding-bottom: 30%;
  }
  .jb-founder-container {
    grid-template-columns: 2fr 3fr;
    margin-bottom: 15%;
  }
  .jb-investor-container {
    grid-template-columns: 3fr 2fr;
  }
  .jb-founder-description,
  .jb-investor-description {
    width: 100%;
    height: 80%;
    padding: 0;
  }
  .jb-founder-description .jb-founder-description-header,
  .jb-investor-description .jb-investor-description-header {
    font-family: Roboto, "Segoe UI", Verdana, Tahoma, sans-serif;
    letter-spacing: 1px;
    width: 100%;
    padding: 20px 0;
  }
  .jb-founder-title,
  .jb-investor-title {
    padding: 15px 20px;
    font-weight: 700;
    font-size: 25pt;
    width: 90%;
  }
  .jb-founder-border,
  .jb-investor-border {
    width: calc(90% + 20px);
  }
  .founder-text-description,
  .investor-text-description {
    font-size: 12pt;
    font-weight: 300;
    width: 90%;
  }
  .founder-text-description {
    padding-left: 20px;
  }
  .jb-investor-description {
    grid-column: 2;
    grid-row: 1;
  }
  .jb-founder-profile-image-container,
  .jb-investor-profile-image-container {
    transform: translate(-20%, 20%);
    position: relative;
    margin: 0;
    padding-bottom: calc(80% - 80px);
    padding-top: 80px;
    width: 140%;
    /* z-index: -10; */
  }
  .jb-investor-profile-image-container {
    grid-column: 1;
    grid-row: 1;
  }
  .owl-jb-founder.jb-founder-profile-image,
  .owl-jb-investor.jb-investor-profile-image {
    max-width: 870px;
    margin-left: 28%;
  }
  .owl-jb-investor.jb-investor-profile-image {
    /* max-width: 870px;
        margin-right: 28%; */
    /* margin-top: -80px; */
  }
  .founder-profile-image-1 .profile-image,
  .investor-profile-image-1 .profile-image {
    /* width: 100%; */
    padding-bottom: 130%;
  }
  .founder-profile-image-1 h5,
  .investor-profile-image-1 h5 {
    font-size: 1.5rem;
  }
  .decorative-gray-block {
    background-color: #ffcc7c;
    margin: -23px auto 0 auto;
    width: 90%;
    padding-bottom: 37px;
  }
  .see-more {
    display: block;
  }
  .see-more a {
    position: relative;
    text-decoration: underline;
    color: #000;
    left: 80%;
    font-weight: 500;
    font-size: 14pt;
  }
  .jb-founder-owl-dots,
  .jb-investor-owl-dots {
    margin: 3% auto auto 8%;
  }
  .investor-profile-image-1.desktop {
    display: contents;
  }
  .investor-profile-image-1.desktop .profile-image {
    box-sizing: border-box;
    box-shadow: inset 0px 0px 0px 5px #ffb872;
  }
  .founder-investor-name h5.become-inv {
    text-transform: none;
    font-weight: 800;
    font-size: 13pt;
    width: 90%;
    padding-bottom: 37px;
    margin: -23px auto 0 auto;
  }
  .investor-profile-image-1.desktop div.profile-image {
    background-size: contain;
    background-position: center 160%;
  }
  /* END HOME CONTENT */
  /* FOOTER */
  #footer {
    padding: 25px 0;
  }
  .footer-container {
    grid-template-columns: 3fr 4fr 6fr;
    gap: 30px;
  }
  .footer-address {
    justify-content: unset;
  }
  .footer-address h5 {
    order: 1;
    font-size: 21pt;
    font-weight: 700;
    letter-spacing: 1px;
  }
  .footer-address a.link-with-logo-word {
    order: 1;
    margin-bottom: 25px;
  }
  .footer-address a.link-with-logo {
    order: 2;
  }
  .footer-address-images-social-desktop {
    display: flex;
    order: 3;
    gap: 20px;
    margin-top: 15px;
  }
  .footer-address-images-social.mobile {
    /* transform: translate(-103%, 260%); */
    display: none;
  }
  .footer-address a .logo-footer {
    width: 200px;
  }
  .footer-address-info {
    font-family: Roboto, "Segoe UI", Verdana, Tahoma, sans-serif;
    margin-top: auto;
    margin-bottom: auto;
  }
  .footer-container .footer-link,
  .footer-container .footer-how {
    margin-top: 50px;
  }
  .footer-link-title,
  .footer-link-list-item,
  .footer-how-title,
  .footer-how-link-item {
    font-size: 16pt;
    min-height: 26px;
  }
  .footer-address-info .row p {
    font-size: 14pt;
  }
  /* END FOOTER */
}
@media only screen and (max-width: 1024px) {
  /* NAVBAR START */
  .jb-navbar-wrapper {
    height: var(--size-navbar-height);
    max-width: 1024px;
    background-color: var(--color-dark-green);
    width: 100%;
    box-shadow: 0 0 15px;
    z-index: 20;
    position: fixed;
    top: 0;
  }
  .jb-page-wrapper {
    max-width: 1024px;
    margin: 0 auto;
    height: 100%;
  }
  .jb-navbar-title {
    display: none;
  }
  .jb-navbar-title.mobile {
    display: inline;
  }
  .jb-navbar-title a img,
  .navbar-brand img {
    max-width: 40px;
  }
  .jb-navbar-title-word {
    margin: auto 0px auto 355px;
  }
  .jb-navbar-title-word a img {
    /* width: 100%;
        height: 100%; */
  }
  .jb-navbar-container {
    box-shadow: rgb(0 0 0 / 50%) 5px 5px 5px;
  }
  /* NAVBAR END */
  /* HOME START */
  .home-hero-image {
    background-position: 58% center;
    padding: 100px 0 30%;
  }
  .home-logo {
    margin: unset;
    width: 15%;
    transform: translate(60%, 80%);
  }
  .home-header-text-1 {
    transform: translate3d(9%, 450%, 10px);
  }
  .home-header-text-2 {
    transform: translate3d(9%, 450%, 10px);
  }
  .home-icons-content-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 20px 0;
  }
  .jb-work-container {
    margin: 25% 0 0 0;
  }
  .home-hero-image .aboutus-btn {
    transform: translate3d(118%, 487%, 10px);
  }
  .home-icons-text {
    font-size: 10pt;
  }
  .jb-work-header-text {
    width: 355px;
    font-size: 18pt;
  }
  .owl-item {
    width: 300px;
  }
  .jb-work-info-card {
    padding: 40px 24px 80% 25px;
    width: 300px;
  }
  .jb-our-business-image {
    transform: scale(2) translate(25%, 32%);
  }
  .jb-our-business-description {
    grid-template-columns: 1fr 1fr;
    background-color: #1e352f;
  }
  .jb-our-business-text-description {
    text-align: justify;
  }
  .jb-business-example-card-1 {
    width: 65%;
  }
  .jb-business-example-card-2 {
    width: 65%;
  }
  .founder-text-description,
  .investor-text-description {
    font-size: 16px;
    text-align: justify;
  }
  .jb-founder-profile-image-container,
  .jb-investor-profile-image-container {
    padding-bottom: 50%;
  }
  .jb-navbar-trigger .jb-navbar-toggler-icon {
    max-width: 30px;
    max-height: 31px;
    width: unset;
  }
  /* HOME END */
  /* INVESTOR LIST START */
  .investor-list-profile-image-3 {
    width: 80%;
  }
  /* INVESTOR LIST END */
  /* FOUNDER LIST START */
  .founder-list-profile-image-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .founder-list-profile-image-3 {
    width: 80%;
  }
  /* FOUNDER LIST END */
  /* SERVICES START */
  .services-idea-header {
    width: 250px;
    height: 100px;
    padding: 30px;
  }
  .services-idea-title.h5 {
    font-size: 20px;
  }
  .services-founder-header {
    width: 250px;
    height: 100px;
    padding: 30px;
  }
  .services-founder-title.h5 {
    font-size: 20px;
  }
  .services-financial-header {
    width: 250px;
    height: 100px;
    padding: 25px;
  }
  .services-financial-title.h5 {
    font-size: 20px;
  }
  .services-business-header {
    width: 250px;
    height: 100px;
    padding: 30px;
  }
  .services-business-title.h5 {
    font-size: 20px;
  }
  .services-idea-image {
    width: 50%;
    min-width: 105px;
    max-width: 165px;
    top: -5px;
    right: -60px;
  }
  .services-founder-image {
    width: 10%;
    min-width: 105px;
    max-width: 165px;
    top: -10px;
    left: 0;
  }
  .services-financial-image {
    width: 10%;
    min-width: 100px;
    max-width: 165px;
    top: -23px;
    right: 0px;
  }
  .services-business-image {
    width: 12%;
    min-width: 105px;
    max-width: 165px;
    top: -23px;
    left: 0;
    transform: rotate(350deg);
  }
  /* SERVICES END */
  /* ABOUT US START */
  .vision-card {
    margin: auto 172px;
    max-width: 430px;
    padding: 0 0 130px;
  }
  .mission-card {
    margin: auto 172px;
    max-width: 480px;
  }
  .mission-card-content {
    right: 260px;
    max-width: 480px;
    padding: 25px;
  }
  .vision-mission {
    padding: 0 180px 50px;
    font-size: 35px;
  }
  .about-us-journey-title {
    margin: 0 115px 0 auto;
  }
  .about-us-journey-text {
    max-width: 750px;
  }
  .about-us-journey-image-decoration {
    width: 58%;
    opacity: 35%;
  }
  .about-us-journey-title::before {
    top: 0px;
  }
  /* ABOUT US END */
  /* CONTACT US START */
  .contact-us-faq-decoration-wrapper {
    margin: auto 105px;
    opacity: 50%;
  }
  .contact-us-faq-decoration-wrapper img {
    width: 80%;
  }
  .contact-us-info-wrapper {
    border-left: 10px solid #009a3f;
  }
  .contact-us-message {
    border-left: 10px solid #009a3f;
  }
  .signin-navbar-mobile p {
    color: #f8f8f8;
  }
  /* CONTACT US END */
  /* LOGIN START */
  .hero-logo {
    padding-bottom: 53%;
  }
  .hero-logo-image {
    width: 60%;
    margin: auto 334px;
  }
  .hero-logo-image-picture {
    width: 60%;
  }
  .forgot-link a {
    margin: unset;
    text-align: center;
  }
  /* LOGIN END */
  /* FORGOT PASSWORD START */
  .form-content-container-wrapper {
    z-index: unset;
    margin: -36% 0 0 0;
  }
  .hero-logo-image-fp {
    width: 60%;
    margin: auto 334px 400px;
  }
  /* FORGOT PASSWORD END */
  .logo-footer {
    width: 200px;
    margin: 20px 0;
  }
  .footer-container {
    display: block;
    width: 100%;
    gap: 15px;
    padding: 15px 0;
  }
  .footer-address-images-social-desktop {
    display: none;
  }
  .footer-address-info {
    margin: 0 0 30px 90px !important;
  }
  .col-3.address-info-title {
    font-size: 20px;
  }
  .col-9.address-info-detail {
    font-size: 18px;
    padding: unset;
  }
  .footer-link {
    margin: 0 0 30px 90px !important;
  }
  .footer-link-title {
    font-size: 20px;
    font-weight: 700;
  }
  .footer-how {
    margin: 0 0 30px 90px !important;
  }
  .footer-how-title {
    font-size: 20px;
    font-weight: 700;
  }
  .footer-address-images-social,
  .navbar-address-images-social {
    width: 20%;
  }
  /* MY PROFILE START */
  #jb-my-profile {
    width: 100%;
    position: relative;
    margin: 100px 0 0;
  }
  .jb-my-profile-content-grid {
    max-width: 1024px;
    padding: 30px;
  }
  /* MY PROFILE END */
  /* EDIT PROFILE START */
  .k-page-wrapper {
    max-width: 1024px;
  }
  .jb-edit-profile-content-grid {
    max-width: 1024px;
    padding: 30px;
  }
  /* EDIT PROFILE END */
  /* PRIVACY START */
  .jb-privacy-detail p {
    margin: 10px;
  }
  .jb-privacy-detail ol {
    margin: 10px;
  }
  /* PRIVACY END */
  /* ARTICLE LIST START */
  .jb-article {
  }
  .jb-header-title {
    font-size: 20pt;
    padding: 80px 30px 0;
  }
  .jb-header-text p {
    font-size: 17pt;
  }
  .jb-article-item {
    min-height: 250px;
  }
  .jb-article-image-placeholder {
    padding: 175px 10px;
  }
  .jb-list-image,
  .jb-list-image img {
    width: 250px;
    height: 250px;
  }
  /* ARTICLE LIST END */
}
@media only screen and (max-width: 768px) {
  .jb-page-wrapper {
    max-width: 768px;
    margin: 0 auto;
    height: 100%;
  }
  /* NAVBAR START */
  .jb-navbar-title-word {
    margin: auto 0px auto 250px;
  }
  .jb-navbar-trigger {
    margin: auto 25px auto auto;
  }
  .jb-navbar-wrapper {
    max-width: 768px;
    width: 100%;
  }
  /* NAVBAR END */
  /* HOME START */
  .home-logo {
    transform: translate(60%, 125%);
  }
  .jb-work-info-card {
    padding: 40px 24px 85% 25px;
    width: 255px;
  }
  /* HOME END */
  /* FOOTER START */
  .footer-container {
    min-height: 400px;
  }
  .logo-footer {
    width: 150px;
    margin: 15px 0;
  }
  .footer-address-info {
    margin: 0 0 30px 40px !important;
  }
  .col-3.address-info-title {
    font-size: 18px;
  }
  .col-9.address-info-detail {
    font-size: 15px;
    padding: 0 10px;
  }
  .footer-link {
    margin: 0 0 30px 35px !important;
  }
  .footer-how {
    margin: 0 0 30px 150px !important;
  }
  /* PRIVACY START */
  .jb-privacy-policy {
    padding: 150px 0 60px;
  }
  /* PRIVACY END */
  /* ARTICLE LIST START */
  .jb-header-item {
    position: relative;
    z-index: 4;
  }
  /* ARTICLE LIST END */
  /* FOOTER END */
  /* MY PROFILE START */
  /* .jb-my-profile-content-grid {
        max-width: 100%;
        padding: 30px;
    } */
}
@media only screen and (max-width: 425px) {
  /* HOME START */
  .jb-navbar-container {
    width: 85%;
  }
  .k-page-wrapper {
    max-width: 100%;
  }
  .jb-navbar-wrapper {
    position: relative;
    height: var(--size-navbar-height);
    max-width: 100%;
  }
  .jb-page-wrapper {
    max-width: 100%;
  }
  .jb-navbar-title-word {
    margin: auto 0px auto 50px;
  }
  .jb-navbar-title-word a img {
  }
  .home-hero-image {
    background-position: 55% center;
    padding: 450px 0 0%;
    margin-top: 30px;
  }
  .home-icons-content-container {
    grid-template-columns: 1fr 1fr;
    padding: 20px 0;
  }
  .home-icons-card {
    margin: 55px auto 0;
  }
  .home-icons-container {
    margin-bottom: -65%;
  }
  .jb-work-header-text {
    font-size: 15pt;
  }
  .jb-work-header-text-border {
    width: 310px;
  }
  .jb-our-business-description {
    grid-template-columns: 1fr;
  }
  .jb-our-business-text-border {
    display: inline-block;
    border-bottom: solid 2px var(--color-yellow);
    width: 100%;
    margin-left: 0;
  }
  .jb-our-business-image {
    position: absolute;
  }
  .jb-our-business-image img {
    width: 26%;
    margin: -18px 0px 0px 90px;
  }
  .jb-our-business-text-description {
    font-size: 15px;
    text-align: left;
  }
  .home-logo {
    margin: unset;
    width: 35%;
    transform: translate(33%, -125%);
  }
  .home-header-text-1 {
    transform: translate3d(11%, -350%, 10px);
    font-size: 25pt;
  }
  .home-header-text-2 {
    transform: translate3d(11%, -350%, 10px);
    font-size: 25pt;
  }
  .home-hero-image .aboutus-btn {
    transform: translate3d(63%, -400%, 10px);
  }
  .jb-work-info-card {
    padding: 40px 24px 115% 25px;
    width: 200px;
  }
  .jb-work-info-card p {
    margin: -18px;
    font-size: 13px;
    text-align: center;
  }
  .jb-business-example-card-content-text-1 img,
  .jb-business-example-card-content-text-2 img {
    width: 100%;
    margin: 0px 11% 20px 0%;
  }
  .jb-business-example-card-1 {
    width: 85%;
  }
  .jb-business-example-card-2 {
    width: 85%;
  }
  .jb-founder-title,
  .jb-investor-title {
    font-size: 16pt;
    font-weight: 700;
  }
  .founder-text-description,
  .investor-text-description {
    font-size: 15px;
    text-align: left;
  }
  .jb-founder-profile-image-container,
  .jb-investor-profile-image-container {
    padding-bottom: 105%;
  }
  .decorative-gray-block {
    width: 100%;
    height: 0;
    padding-bottom: 10%;
    border-radius: 3px;
    margin-top: -10%;
    z-index: -10;
    background-color: #ffc576;
  }
  .footer-address-images-social-desktop {
    display: none;
  }
  .footer-address-info,
  .footer-link,
  .footer-how {
    margin: 0 20px !important;
  }
  div.home-icons-content-container .home-icons-boxes {
    width: 100%;
    padding-bottom: 100%;
  }
  .footer-link-list-item {
    font-size: 12pt;
  }
  .footer-address-images-social {
    width: 35%;
  }
  /* HOME END */
  /* INVESTOR LIST START */
  .investor-list-profile-image-grid {
    grid-template-columns: 1fr;
  }
  /* INVESTOR LIST START */
  /* LOGIN START */
  .form-wrapper {
    max-width: 375px;
    margin: 0 auto;
  }
  .hero-logo {
    padding-bottom: 53%;
    max-width: 375px;
  }
  .hero-logo-image {
    width: 60%;
    margin: auto 125px;
  }
  .hero-logo-image-fp {
    width: 60%;
    margin: auto 126px 150px;
  }
  /* LOGIN END */
  /* SERVICES START */
  .services-idea-content {
    border-left: 5px solid #009a3f;
  }
  .services-idea-header {
    width: 170px;
    height: 70px;
    padding: 15px;
    box-shadow: 5px 5px 2px #f9f9f93f;
  }
  .services-idea-title.h5 {
    font-size: 18px;
  }
  .services-idea-text {
    margin: -45px 0 0;
    font-size: 15px;
  }
  .services-idea-image img {
    max-width: 80px;
  }
  .services-idea-image {
    top: -19px;
    right: 56px;
    max-width: 0;
    min-width: 77px;
  }
  .services-founder-content {
    border-right: 5px solid #009a3f;
  }
  .services-founder-header {
    width: 200px;
    height: 70px;
    padding: 15px;
    box-shadow: -5px 5px 2px #f9f9f93f;
  }
  .services-founder-title.h5 {
    font-size: 18px;
  }
  .services-founder-text {
    margin: -45px 0 0;
    font-size: 15px;
  }
  .services-founder-content {
    border-left: unset;
  }
  .services-founder-image img {
    max-width: 75px;
  }
  .services-founder-image {
    top: 0px;
    right: -32px;
  }
  .services-financial-content {
    border-left: 5px solid #009a3f;
  }
  .services-financial-header {
    width: 205px;
    height: 70px;
    padding: 15px;
    box-shadow: 5px 5px 2px #f9f9f93f;
  }
  .services-financial-title.h5 {
    font-size: 18px;
  }
  .services-financial-text {
    margin: -45px 0 0;
    font-size: 15px;
  }
  .services-financial-image img {
    max-width: 80px;
  }
  .services-financial-image {
    top: -23px;
    right: 60px;
    min-width: 75px;
  }
  .services-business-content {
    border-right: 5px solid #009a3f;
  }
  .services-business-header {
    width: 205px;
    height: 70px;
    padding: 15px;
    box-shadow: -5px 5px 2px #f9f9f93f;
  }
  .services-business-title.h5 {
    font-size: 18px;
  }
  .services-business-text {
    margin: -45px 0 0;
    font-size: 15px;
  }
  .services-business-image img {
    max-width: 80px;
  }
  .services-business-image {
    top: -13px;
    left: 13px;
  }
  /* SERVICES END */
  /* ABOUT US START */
  .about-us-header-text {
    width: 100%;
  }
  .about-us-description-content {
    font-size: 15px;
  }
  .vision-mission {
    padding: 0 7px 45px;
    font-size: 25px;
    font-weight: bold;
  }
  .vision-card-content {
    right: 26px;
    max-width: 320px;
    padding: 15px;
    font-size: 13px;
  }
  .vision-card {
    margin: auto -18px;
    max-width: 480px;
    height: 80px;
    padding: 0px 0 80px;
  }
  .mission-card-content {
    right: 26px;
    max-width: 320px;
    padding: 15px;
    font-size: 13px;
  }
  .mission-card {
    margin: auto -19px;
    max-width: 510px;
    height: 80px;
    padding: 0px 0 100px;
    width: 100%;
  }
  .about-us-journey-wrapper {
    border-right: 5px solid #009a3f;
  }
  .about-us-journey-title {
    margin: 0px 0px 0 auto;
    padding: 0 0 10px 80px;
    font-size: 25px;
  }
  .about-us-journey-title::before {
    top: 7px;
    right: 90px;
    font-size: 65px;
  }
  /* ABOUT US END */
  /* CONTACT US START */
  .contact-us-info-content-grid {
    grid-template-columns: 1fr;
  }
  .contact-us-info-map-embedded {
    margin: 0px 0px 0px -6px;
  }
  .contact-us-icon-text h5 {
    font-size: 18px;
  }
  .contact-us-icon-text {
    font-size: 15px;
  }
  .contact-us-icon-wrapper img {
    width: 100%;
    padding: 20px;
  }
  .faq-collapsible {
    cursor: pointer;
    padding: 3px;
    margin-right: 5px;
    font-size: 13px;
  }
  .contact-us-faq-wrapper {
    border-right: 5px solid #f2d229;
    padding: 0 0 55px;
  }
  /* CONTACT US END */
  /* HOW JOIN START */
  .how-joinbareng-header h4 {
    font-size: 20px;
    font-weight: 700;
  }
  .how-joinbareng-border {
    padding: 0px 0 5px;
  }
  .how-joinbareng-text-card-right p {
    text-align: left;
  }
  .how-joinbareng-text-card-left p {
    text-align: left;
  }
  .how-to-founders-text {
    padding: 0px 0px 21px;
  }
  .how-to-founders-header {
    padding: 0 0 30px;
  }
  .how-to-founders-header-text h4 {
    font-weight: 700;
  }
  .how-to-founders-content-card-container {
    padding: 10px 0 0px;
  }
  .how-to-founders-requirement-decoration-image {
    display: none;
  }
  .how-to-founders-requirement-card-content {
    right: 0px;
  }
  .how-to-founders-requirement-card {
    padding: 0px 0px 255px;
  }
  .how-to-founders-form-header {
    padding: 5px;
  }
  .how-to-founders-form-card {
    padding: 10px 15px;
  }
  .how-to-founders-form-group {
    grid-template-columns: 60px 1fr;
    padding: 15px 0;
  }
  .how-to-investors-header {
    padding: 0 0 15px;
  }
  .how-to-investors-header-text h4 {
    font-weight: 700;
  }
  .how-to-investors-form-header {
    padding: 5px;
  }
  .how-to-investors-form-card {
    padding: 10px 15px;
  }
  .how-to-investors-form-group {
    grid-template-columns: 60px 1fr;
    padding: 15px 0;
  }
  /* HOW JOIN END */
  /* INVESTOR LIST START */
  .investor-list-decoration-1 {
    display: none;
  }
  .investor-list-decoration-2 {
    display: none;
  }
  .investor-list-profile-3 {
    float: unset;
  }
  .investor-list-header h4 {
    font-weight: 700;
  }
  /* INVESTOR LIST END */
  /* FOUNDERS LIST START */
  .founder-list-decoration-1 {
    display: none;
  }
  .founder-list-decoration-2 {
    display: none;
  }
  .founder-list-profile-image-grid {
    grid-template-columns: 1fr;
  }
  .founder-list-profile-3 {
    float: unset;
  }
  .founder-list-header h4 {
    font-weight: 700;
  }
  /* FOUNDERS LIST END */
  /* INVESTOR DETAIL START */
  .investor-detail-decoration-1 {
    display: none;
  }
  .investor-detail-text p {
    padding: 15px;
    font-size: 15px;
  }
  .investor-detail-bottom-decoration {
    top: -14px;
    left: 199px;
  }
  .investor-detail-profile-1 {
    width: 135%;
    margin: 0 0px 0 -24px;
  }
  .investor-detail-header h4 {
    font-weight: 700;
  }
  .investor-list-profile-2 {
    margin: 0 0px 0 7px;
  }
  /* INVESTOR DETAIL END */
  /* FOUNDER DETAIL START */
  .founder-detail-decoration-1 {
    display: none;
  }
  .founder-detail-text p {
    padding: 15px;
    font-size: 15px;
  }
  .founder-detail-bottom-decoration {
    top: -14px;
    left: 199px;
  }
  .founder-detail-profile-1 {
    width: 135%;
    margin: 0 0px 0 -24px;
  }
  .founder-detail-header h4 {
    font-weight: 700;
  }
  .founder-list-profile-2 {
    margin: 0 0px 0 7px;
  }
  /* FOUNDER DETAIL END */
  /* BUSINESS DETAIL START */
  .business-profile-gallery-header-card {
    margin: 0 0 0 60%;
    padding: 5px;
  }
  .business-profile-owner-founder-container-grid {
    margin: 20px 0 0 0;
  }
  /* BUSINESS DETAIL END */
  .footer-container {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    gap: 15px;
    padding: 15px 0;
    height: unset;
  }
  /* FAQ START*/
  .jb-faq-card-group {
    gap: 10px;
    grid-template-columns: 1fr 30fr 2fr;
  }
  .jb-faq-card-collapse-icon-wrapper {
    width: 5%;
    max-width: 20px;
    position: absolute;
    top: 20px;
    right: 7%;
  }
  /* FAQ END*/
  /*MY PROFILE START*/
  .jb-my-profile-header {
    padding: 0 20px 50px;
  }
  .jb-my-profile-content-grid {
    padding: 20px;
  }
  .jb-my-profile-detail-content-grid {
    grid-template-columns: 1fr;
    padding: 0px;
    gap: 10px;
  }
  .jb-my-profile-table-item-grid {
    grid-template-columns: 1fr;
    padding: 20px 20px;
    gap: 5px;
  }
  .jb-edit-profile-btn-details {
    float: left;
  }
  .jb-my-profile-detail-content-top {
    grid-template-columns: 1fr;
  }
  .jb-my-profile-detail-content-bottom {
    grid-template-columns: 1fr;
  }
  .jb-my-profile-group-grid {
    grid-template-columns: 2fr 3fr;
  }
  .jb-my-profile.left {
    order: 2;
    display: none;
    grid-template-columns: 2fr 1fr;
  }

  .jb-my-profile.left-mobile {
    order: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .jb-my-profile-group-name.mobile {
    display: block;
    height: 30px;
    width: 100%;
    margin: 10px auto auto;
  }
  .jb-my-profile-group-name.mobile div {
    font-size: 16pt;
    grid-template-columns: 70px 1fr;
    gap: 5;
    left: -50px;
    top: 10px;
  }

  .jb-my-profile-group-name.mobile hr {
    background-color: black;
    margin: auto;
    width: 100%;
    height: 3px;
  }
  .jb-my-profile-group-name {
    display: none;
  }
  .jb-my-profile.middle {
    order: 3;
  }
  .jb-my-profile.right {
    order: 1;
  }
  /* MY PROFILE END*/
  /* EDIT PROFILE START */
  .jb-edit-profile-header {
    padding: 0 20px 0px;
  }
  .jb-edit-profile-decoration.left {
    width: 400px;
    height: 100px;
    left: -50px;
    top: 40px;
  }
  .jb-edit-profile-decoration.right {
    background-size: cover;
    width: 250px;
    height: 250px;
    right: -50px;
    top: 200px;
  }
  .jb-edit-profile-decoration.bottom {
    padding: 0px;
    width: 200px;
    height: 100px;
    left: -20px;
    top: -100px;
  }
  .jb-edit-profile-decoration.bottom div {
    padding: 10px 10px 10px;
  }
  .jb-edit-profile-group-grid {
    grid-template-columns: 2fr 3fr;
  }
  /* .jb-edit-profile-form img{
        display: none;
    } */
  .form-input.edit-profile {
    gap: 10px;
  }
  .jb-edit-profile-form img {
    max-width: 40%;
    margin: auto;
  }
  .jb-edit-profile-content-grid {
    padding: 20px;
  }
  .jb-edit-profile-group-grid.btn-mobile {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  .jb-edit-profile-detail-content-grid {
    padding: 0px;
  }
  .jb-edit-profile-group-grid.desktop {
    display: none;
  }
  .jb-edit-profile-group-grid.btn {
    display: none;
  }
  .jb-edit-profile-btn.cancel {
    float: right;
    background-color: #b41d37;
  }
  .jb-edit-profile-group-grid.mobile {
    display: grid;
  }
  .jb-edit-profile-detail-content-grid-top {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .jb-edit-profile-detail-content-grid-bottom {
    grid-template-columns: 1fr;
  }
  /* EDIT PROFILE END */
  /* PRIVACY START */
  .jb-privacy-title h1 {
    font-size: 20pt;
  }
  .jb-privacy-detail p,
  .jb-privacy-detail li li {
    font-size: 13pt;
  }
  .jb-privacy-detail li {
    font-size: 15pt;
  }
  /* PRIVACY END */
  /* ARTICLE LIST START */
  .jb-article-item {
    min-height: 550px;
    grid-template-columns: 1fr;
  }
  .jb-list-image {
    margin: 20px auto;
  }
  .jb-button.list-button {
    margin: 0 30px 30px;
  }
  .jb-header-title {
    font-size: 16pt;
    padding: 75px 10px 0;
  }
  .jb-header-text p {
    font-size: 13pt;
    padding: 25px 20px;
    min-height: 110px;
    max-height: 110px;
  }
  .jb-article-title h1 {
    font-size: 22pt;
  }
  .jb-article-title h5,
  .jb-article-title h6 {
    display: block;
  }
  .jb-article-title h5 {
    font-size: 13pt;
  }
  .jb-article-title h6 {
    font-size: 10pt;
    margin-left: 0;
  }
  .jb-article-item h4 {
    font-size: 15pt;
  }
  .jb-article-item h5 {
    font-size: 13pt;
  }
  .jb-article-image-placeholder {
    padding: 185px 10px;
  }
  .jb-article-container {
    grid-template-columns: 1fr;
  }
  /* ARTICLE LIST END */
}
/* BPS PRINT */
@media print {
  body {
    width: 21cm;
    height: 29.7cm;
    padding: 0 5mm;
    margin: 0;
  }
}
/* END BPS PRINT */
/* BUG TEMPLATE PRINT COMPANY */
.border-logo {
  background-color: green;
}
/* END */