.custom-select-multilanguage {
    display: none;
}
.landing {
  background: linear-gradient(-62.58deg, #257AB4 17.33%, #206A9C 31.64%, #0F3449 76.7%, #0B2835 91.43%) !important;
}
.landing-container {
  padding: 11rem 1rem 4rem;
  gap: 2rem;
}
.landing-container::before {content: none}
.landing-text,
.landing-text h1,
.landing-text p {
  /* text-align: center; */
}
.landing-illustration {
  max-width: max-content;
}
.landing-illustration img {
  width: 100%;
}
.top-benefits, .benefit {
    color: #133F5D;
}
.benefit {
  background: #F2F7FC;
}
.top-benefits .paper-content {
    display: flex;
    gap: 4rem;
    margin-top: 2rem;
}
.top-benefit-icon {
  width: 80px;
  height: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  background: #F2F7FC;
  border-radius: 50%;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.top-benefit-icon img {
  max-width: 80%;
  max-height: 80%;
  margin-top: 5px;
  margin-left: 5px;
}
.top-benefit-content h3 {
  font-size: var(--paragraph-fs);
  line-height: 1.8;
}
.benefit-item {
    display: flex;
    align-items: center;
    gap: 2rem;
    border-bottom: 1px #B7D7EF solid;
    padding-top: 3.5rem;
    padding-bottom: 3rem;
}

.content-illustration {
    width: 45%;
    text-align: center;
}

.content-illustration img {
    max-width: 450px;
}

.inventory__title {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.8;
    margin-bottom: 1rem;
}

.content-text {
    padding-left: 4%;
    padding-right: 4%;
}

.content-text.inventory p {
    font-size: 1.4rem;
}

a.cta-benefit {
    color: #4195D5 !important;
    font-size: 1.4rem;
    border-bottom: 1px #4195D5 solid;
    padding-bottom: 1px;
    font-weight: 700;
    transition: .3s all;
}
a.cta-benefit:hover {
    /* color: var(--Green50) !important;
    border-color: var(--Green50); */
    color: #74b1df !important;
    border-color: #74b1df !important;
}
.benefit-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.banner-inventory {
  background: linear-gradient(-62.58deg, #257AB4 17.33%, #206A9C 31.64%, #0F3449 76.7%, #0B2835 91.43%);
  padding-top: 4rem;
  padding-bottom: 6rem;
}
.banner-inventory .paper-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  color: #fff;
  padding: 0 1rem 0;
}
.banner-copy {
  width: 50%;
}
.banner-copy h2 {
  text-align: left;
}
.banner-illustration {
  width: 45%;
  text-align: right;
}
.banner-illustration img {
    max-width: 380px;
}
.faq-section .paper-container {
    padding: 4rem 1rem 2rem;
}
.faq-section .border-bottom {
  border-bottom: 1px solid #d7d7d7 !important;
}
.faq-section h2 {
  text-align: center;
  color: #133f5d;
}
.faq-section .card-header {
  padding: 2rem 1.25rem;
}
.link-akordion {
  font-weight: 800;
  color: #133F5D;
}
.card-body.custome-faq-dropdown {
  background: #E8F2FA;
}
.akordion-faq {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.paragrap-kolom-konten {
  font-weight: 400;
  color: #133F5D;
}
.paragrap-kolom-konten a {
    color: inherit;
    text-decoration: underline;
    transition: .3s all;
}
.paragrap-kolom-konten a:hover {
    color: #4299d4;
}
.card-text:last-child {
    padding-bottom: 0;
}
.footer-row.new-footer {
  background: linear-gradient(
    119deg,
    #257ab4 -3.43%,
    #206a9c 8.08%,
    #0f3449 36.22%,
    #0b2835 51.36%
  );
}
/* .italic {
    font-style: italic;
} */

@media (max-width: 1200px) {
  .flex-container.otomatis img {
    position: inherit;
  }
}

@media (max-width: 1033px) {
  .landing-text p br {
    display: none;
  }
  .landing-text {
    order: 0;
  }
  .landing-illustration {
    margin-top: 2rem;
  }
  .landing-illustration img {
    max-width: 600px;
  }
  .content-text {
    padding-right: 5%;
  }
  .banner-copy {
    width: 50%;
  }
  .banner-copy h2 {
    padding-bottom: 1rem;
  }
  .banner-copy h2 br {
    display: none;
  }
  .flex-container.otomatis img {
    max-width: 450px;
  }
  .flex-container.opname .content-illustration img {
    max-width: 515px;
  }
  .flex-container.kelola img {
    max-width: 400px;
  }
  .flex-container.generate img {
    max-width: 450px;
  }

}

@media (max-width: 976px) {
  .landing-text p {
    padding-bottom: 2rem;
  }
  .flex-container.otomatis img {
    max-width: 500px;
  }
  .flex-container.opname .content-illustration img {
    max-width: 565px;
  }
  .flex-container.kelola img {
    max-width: 455px;
  }
  .flex-container.generate img {
    max-width: 465px;
  }
  .testimony-desc img {
    max-width: 28px;
  }
  .banner-copy {
    width: 55%;
  }
  .banner-copy br {
    display: none;
  }
}
@media (max-width: 833px) {
  .top-benefits .paper-content, .benefit-item {
    gap: 2rem;
  }
  .content-text {
    padding-right: 0;
  }
  .banner-illustration img {
    max-width: 330px;
  }
  .paper-content.inventory .flex-container {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  br {
    display: none;
  }
  .landing-illustration img {
    max-width: 400px;
  }
  .content-illustration {
    width: 50%;
  }
  .banner-inventory .paper-container {
    text-align: center;
    flex-direction: column;
  }
  .banner-copy {
    width: 100%;
  }
  .banner-copy h2 {
    text-align: center;
    padding-bottom: 1rem;
  }
  .banner-copy p {
    padding-bottom: 2rem;
  }
  .banner-illustration {
    order: 1;
    margin-bottom: 2rem;
    text-align: center;
    width: 100%;
  }
  .banner-copy {
    order: 2;
  }
}
@media (max-width: 480px) {
  .landing-text {
    order: 2;
  }
  .landing-container {
    padding: 7rem 1rem 4rem;
    gap: 1rem;
  }

  .landing-illustration img {
      max-width: 310px;
  }

  .top-benefits .paper-content {
      display: block;
      text-align: center;
  }

  .top-benefit-icon {
      margin: 0 auto 2rem;
  }

  .top-benefit {
      margin-bottom: 2rem;
  }

  .content-text, .content-illustration {
      width: 100%;
      text-align: center;
  }

  .benefit-item {
      flex-direction: column;
  }

  .content-illustration {order: 1;}

  .content-text {order: 2;}

  .content-illustration img {
      max-width: 80%;
  }

  .benefit-item p {
      padding-bottom: 0;
  }
  .banner-inventory .paper-container {
    padding-top: 1rem;
  }

  .banner-illustration img {
    max-width: 230px;
  }
}