@import url('../fonts/fonts.css');

@keyframes fadeInTop {
  from {
      opacity: 0;
      /* transform: translateY(-20px); */
  }
  to {
      opacity: 1;
      /* transform: translateY(0); */
  }
}

@keyframes fadeInBottom {
  from {
      opacity: 0;
      /* transform: translateY(20px); */
  }
  to {
      opacity: 1;
      /* transform: translateY(0); */
  }
}

body {
  font-size: 1.2rem;
  font-family: 'Proxima Nova', Georgia, sans-serif;
  color: #323438;
}

a {
  text-decoration: none;
  color: #0BA6DF;
}

strong {
  font-family: 'Proxima Nova Bold', sans-serif;
}

.text-center {
  text-align: center;
}

.overflow-hidden {
  overflow: hidden;
}

.form-group {
  padding-bottom: 1rem;
}
.form-label {
  font-family: 'Proxima Nova Semibold', sans-serif;
  font-size: 1rem;
}
.form-control {
  border-radius: 0;
}

.btn {
  border-radius: 0;
}
.btn-primary {
  background-color: #0BA6DF;
  border-color: #0BA6DF;
}
.btn-primary:hover {
  background-color: #0274B9;
  border-color: #0274B9;
}

.wrapper {
  position: relative;
  padding-top: 5.6rem;
}

.title-section {
  font-size: 2.5rem;
  line-height: 4rem;
  font-family: 'Proxima Nova Bold', sans-serif;
}

.section-wrap {
  padding: 3.5rem 0;
}

.header-bar {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  padding-top: 1rem;
  background: #fff;
  border-bottom: 1px solid #E7E7E7;
  transition: 1s all;
}
.header-bar.scroll-down {
  top: -100%;
}
.header-bar .container {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}
.header-bar .logo-wrap {
  height: 71px;
  width: auto;
  margin-bottom: .5rem;
}
.header-bar .logo-wrap .logo {
  height: 100%;
}
.header-bar .nav-wrap {
  display: flex;
  gap: .7rem;
  align-items: end;
  flex-direction: column-reverse;
}
.header-bar .nav-mini {
  display: flex;
  gap: 2rem;
  align-items: center;
}
.header-bar .nav-mini a {
  color: #323438;
  font-size: .9rem;
  text-transform: uppercase;
}
.header-bar .nav-mini a:hover {
  color: #0BA6DF;
}

.header-bar .nav-list {
  display: flex;
  gap: 1.3rem;
}
.header-bar .nav-list .nav-item {
  position: relative;
  padding-bottom: 1rem;
}
.header-bar .nav-list a {
  font-weight: bold;
  font-size: 1rem;
  color: #323438;
}
.header-bar .nav-list a .bi {
  font-size: .8rem;
  font-weight: bold;
}
.header-bar .nav-list a:hover {
  color: #0BA6DF;
}

.nav-dropdown {
  position: relative;
}
.nav-dropdown .dropdown-list {
  position: absolute;
  top: 2.5rem;
  right: 0;
  background: #fff;
  border: 1px solid #E7E7E7;
  min-width: 200px;
  padding: 1rem 0;
  display: none;
}
.nav-dropdown .dropdown-list a {
  padding: 0.3rem 1.2rem;
  display: block;
}

.header-bar .nav-mini .nav-dropdown {
  position: relative;
}
.header-bar .nav-mini .nav-dropdown a {
  font-size: .9rem;
  display: flex;
  gap: .3rem;
  align-items: center;
}
.header-bar .nav-mini .nav-dropdown a img {
  height: 10px;
  width: auto;
  border: 1px solid #E7E7E7;
}
.header-bar .nav-mini .nav-dropdown .dropdown-list {
  min-width: initial;
  top: 1rem;
  padding: 0;
}
.header-bar .nav-mini .nav-dropdown .dropdown-list a {
  padding: .3rem 1rem;
}
.header-bar .nav-mini .nav-dropdown .dropdown-list a:first-child {
  padding-bottom: 0;
}

.header-bar .nav-btn-mobile {
  display: none;
  flex-direction: column;
  align-items: end;
  width: 28px;
  height: 28px;
  cursor: pointer;
  position: relative;
  margin-top: 10px;
}
.header-bar .nav-btn-mobile .item {
  height: 2px;
  width: 70%;
  background-color: #0BA6DF;
  border-radius: 3px;
  margin-bottom: .3rem;
}
.header-bar .nav-btn-mobile .item:first-child {
  width: 100%;
}
.header-bar .nav-btn-mobile .item:last-child {
  width: 50%;
}

.header-bar .nav-btn-mobile.active .item {
  display: none;
  position: absolute;
  top: 10px;
  transition: .3s all;
}
.header-bar .nav-btn-mobile.active .item:first-child {
  display: block;
  transform: rotate(45deg);
}
.header-bar .nav-btn-mobile.active .item:last-child {
  display: block;
  width: 100%;
  transform: rotate(-45deg);
}

.hero-slide-bar {
  padding-top: 2rem;
}
.hero-slide-bar .container {
  position: relative;
}

.table-custom thead th,
.table-custom tbody td {
  padding: 1rem 2rem;
  font-size: 1.3rem;
}
.table-custom thead th {
  font-family: 'Proxima Nova Bold', sans-serif;
}

.cut-description {
  max-height: 10rem;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.cut-description::after {
  content: "";
  width: 100%;
  height: 5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.slide-hero::after {
  content: '';
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 50%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.slide-hero .swiper-slide img {
  width: 100%;
  height: auto;
}

.slide-thumb {
  position: relative;
  bottom: 2rem;
  padding: 1rem;
  width: 100%;
  margin-top: -8rem;
}
.slide-thumb .item-thumb {
  cursor: pointer;
  padding: .8rem 1rem;
  height: 130px;
  color: #fff;
  border-left: 2px solid #0BA6DF;
}
.slide-thumb .item-thumb:hover,
.slide-thumb .swiper-slide-thumb-active .item-thumb {
  background: rgba(0,0,0,0.65);
}
.slide-thumb .item-thumb p {
  font-size: .95rem;
  margin: 0;
  margin-bottom: .5rem;
}
.slide-thumb .item-thumb h3 {
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
  margin-bottom: .5rem;
}

.swiper-button-next:after, .swiper-button-prev:after {
  color: #0BA6DF;
}

.default-wrap {
  font-size: 1.2rem;
  width: 60%;
  display: block;
  margin: 0 auto;
}
.default-wrap img,
.default-wrap .img-cover {
  width: 100%;
  height: 30rem;
  object-fit: contain;
  margin: 0 auto;
  margin-bottom: 1rem;
}
.default-wrap img {
  margin-bottom: 0;
}
.default-wrap .title-section {
  font-size: 2.5rem;
  line-height: 3rem;
  padding-bottom: 1.5rem;
}

.description {
  text-align: justify;
}

.header-hero-img{
  width: 100%;
  height: 20rem;
  overflow: hidden;
  position: relative;
}
.header-hero-img::after {
  content: '';
  width: 100%;
  height: 100%;
  opacity: .8;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0ba6df+0,0274b9+100 */
  background: linear-gradient(to bottom,  rgba(11,166,223,1) 0%,rgba(2,116,185,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.header-hero-img .img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
}
.header-hero-img .title-hero {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Proxima Nova Bold', sans-serif;
  font-size: 3.5rem;
  color: #fff;
}

.about-us-wrap {
  font-size: 1.2rem;
  width: 60%;
  display: block;
  margin: 0 auto;
}
.about-us-wrap .title-section {
  margin: 0;
  margin-bottom: 2rem;
}

.timeline--horizontal .timeline__item {
  opacity: 0;
}
.timeline--horizontal .timeline__item--top {
  animation: fadeInTop 1s forwards;
}
.timeline--horizontal .timeline__item--bottom {
  animation: fadeInBottom 1s forwards;
}
/* Adding delay to each item */
.timeline--horizontal .timeline__item:nth-child(1) {
  animation-delay: 0.5s;
}
.timeline--horizontal .timeline__item:nth-child(2) {
  animation-delay: 1s;
}
.timeline--horizontal .timeline__item:nth-child(3) {
  animation-delay: 1.5s;
}
.timeline--horizontal .timeline__item:nth-child(4) {
  animation-delay: 2s;
}
.timeline--horizontal .timeline__item:nth-child(5) {
  animation-delay: 2.5s;
}

.our-service-wrap {
  display: flex;
  flex-wrap: wrap;
}
.our-service-wrap .item-service {
  display: block;
  flex: 0 0 33.33333%;
}
.our-service-wrap .item-service .img-service-wrap {
  width: 100%;
  height: 14rem;
}
.our-service-wrap .item-service .img-service-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.our-service-wrap .item-service .text-service-wrap {
  padding: 1rem;
  padding-right: 4rem;
  padding-top: 3rem;
}
.our-service-wrap .item-service .text-service-wrap .title-section {
  margin: 0;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  line-height: 2rem;
}

.our-partner-wrap {
  display: flex;
  align-items: center;
}
.our-partner-wrap .text-partner {
  flex: 0 0 30%;
  padding: 2rem;
}
.our-partner-wrap .text-partner .title-section {
  margin: 0;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}
.our-partner-wrap .partner-list-wrap {
  padding-left: 2rem;
  border-left: 1px solid #E7E7E7;
}
.our-partner-wrap .partner-list-wrap .partner-list {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
.our-partner-wrap .partner-list-wrap .partner-list .wrap-img {
  flex: 0 0 20%;
}
.our-partner-wrap .partner-list-wrap .partner-list .img-partner {
  height: 64px;
  width: 100%;
  min-width: 160px;
  object-fit: contain;
}

.mitra-adb-wrap {
  display: flex;
  align-items: center;
}
.mitra-adb-wrap .text-mitra-adb {
  padding: 2rem;
  background: #fff;
  flex: 0 0 50%;
}
.mitra-adb-wrap .text-mitra-adb .title-section {
  margin: 0;
  font-size: 1.5rem;
  padding-bottom: 1.5rem;
}
.mitra-adb-wrap .img-mitra-adb {
  flex: 0 0 50%;
}
.mitra-adb-wrap .img-mitra-adb img {
  width: 100%;
}

.location-wrap {
  display: flex;
  align-items: center;
}
.location-wrap .text-location {
  flex: 0 0 30%;
  padding: 2rem;
}
.location-wrap .text-location .title-section {
  margin: 0;
  font-size: 1.5rem;
  padding-bottom: 1.5rem;
}
.location-wrap .map-wrap {
  width: 100%;
  height: 450px;
}

.mapplic-pin {
  width: 30px;
  height: 30px;
}
.mapplic-pin.pin-triangle {
  margin-top: -30px;
}
.mapplic-pin.pin-triangle:before {
  border-width: 20px 12px 0 12px;
  top: 24px;
  left: 3px;
}

.hero-image-page {
  width: 100%;
  height: 377px;
  max-width: 1497px;
  margin: 0 auto;
}
.hero-image-page .hero-img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.vision-mission-bar {
  max-width: 1497px;
  margin: 0 auto;
}
.vision-mission-wrap {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
}
.vision-mission-wrap .text-vision-mission {
  padding: 1rem 8rem;
}
.vision-mission-wrap .img-vision-mission {
  flex: 0 0 35%;
  display: flex;
}
.vision-mission-wrap .img-vision-mission img {
  width: 100%;
  object-fit: cover;
}

.mission-text ul li {
  list-style-type: none;
  margin-bottom: 1.3rem;
}

.our-value-wrap {
  padding-top: 2rem;
}

.our-value-list {
  display: flex;
  gap: 2rem;
}
.our-value-list .item-value {
  padding: 1rem;
  text-align: center;
  flex: 0 0 33.333333%;
}
.our-value-list .item-value .img-value {
  height: 64px;
  margin-bottom: 1.5rem;
}
.our-value-list .item-value .text-value {
  margin: 0;
}

.manajemen-list {
  display: block;
  padding: 1rem 0;
}
.manajemen-list .item-manajemen {
  display: flex;
  gap: 3rem;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 0;
  border-bottom: 1px solid #E7E7E7;
}
.manajemen-list .item-manajemen:last-child {
  border: 0;
}
.manajemen-list .item-manajemen .img-profil {
  flex: 0 0 25%;
  height: 300px;
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.manajemen-list .item-manajemen .img-profil img {
  position: relative;
  z-index: 2;
  object-fit: cover;
  border: 1px solid #ededed;
  box-shadow: 0px 10px 16px 8px #ebebeb;
}
.manajemen-list .item-manajemen .text-profil {
  display: block; 
  padding-right: 3rem;
  position: relative;
}
.manajemen-list .item-manajemen .text-profil .name-profil {
  margin: 0;
  font-family: 'Proxima Nova Bold', sans-serif;
}
.manajemen-list .item-manajemen .text-profil .title-profil {
  font-size: 1.3rem;
  font-family: 'Proxima Nova Bold', sans-serif;
  margin-bottom: 1.3rem;
}
.manajemen-list .item-manajemen .text-profil p {
  margin: 0;
  margin-bottom: 2rem;
}

.modal .manajemen-list {
  padding: 0;
}
.modal .manajemen-list .item-manajemen {
  padding: 1rem;
  gap: 0;
  align-items: flex-start;
}
.modal .manajemen-list .item-manajemen .img-profil {
  height: 40rem;
  flex: auto;
}
.modal .manajemen-list .item-manajemen .img-profil img {
  border: 0;
  box-shadow: none;
  margin-right: 2rem;
}
.modal .manajemen-list .item-manajemen .text-profil {
  padding-right: 1rem;
}

.modal .modal-content ul,
.modal .modal-content ol {
  margin-bottom: 1rem;
}
.modal .modal-content ul li,
.modal .modal-content ol li {
  margin-bottom: 1rem;
}

.financial-report-table {
  display: block;
  padding: 2rem 0;
}
.financial-report-table .item-report {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  justify-content: space-between;
  border-bottom: 1px solid #E7E7E7;
}
.financial-report-table .item-report-year {
  background-color: #0BA6DF;
  color: #fff;
  padding: .5rem 1rem;
  font-family: 'Proxima Nova Bold', sans-serif;
}
.financial-report-table .item-report:first-child {
  border-top: 1px solid #E7E7E7;
}
.financial-report-table .item-report .text-report p {
  margin: 0;
}
.financial-report-table .item-report .text-report .title {
  margin: 0;
  font-size: 1.2rem;
  font-family: 'Proxima Nova Semibold', sans-serif;
  padding-bottom: .5rem;
}
.financial-report-table .item-report .button-report {
  display: block;
  flex: 0 0 20%;
}
.financial-report-table .item-report .button-report a {
  display: flex;
  gap: .5rem;
  color: #0BA6DF;
  justify-content: flex-end;
}

.financial-report-list {
  margin: 0 -1rem;
  padding: 2rem 0;
  display: flex;
  flex-wrap: wrap;
}
.financial-report-list .item-report {
  padding: 1rem;
  flex: 0 0 33.333333%;
  flex-shrink: 1;
}
.financial-report-list .item-report .content-report {
  padding: 3rem;
  border: 1px solid #323438;
}
.financial-report-list .item-report .content-report p {
  margin: 0;
  padding-bottom: 1.3rem;
}
.financial-report-list .item-report .content-report .title {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0;
  padding-bottom: 1.3rem;
}
.financial-report-list .item-report .content-report .download-button {
  padding: 0;
  display: flex;
  gap: .4rem;
  color: #0BA6DF;
  align-items: center;
}

.product-list {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 0;
  margin: 0 -1rem;
}
.product-list .item-product {
  padding: 1rem;
  flex: 0 0 50%;
  position: relative;
}
.product-list .item-product .content-product {
  padding: 1.5rem;
  display: flex;
  height: 100%;
  border: 1px solid #E7E7E7;
  background: #fff;
  position: relative;
  padding-bottom: 4rem;
}
.product-list .item-product .content-product .icon-product {
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.3rem;
  line-height: .5rem;
  color: #0BA6DF;
  border: 1px solid #E7E7E7;
  background: #fff;
}
.product-list .item-product .content-product .icon-product img {
  width: 100%;
  height: 100%;
  padding: 0.5rem;
}
.product-list .item-product .content-product .title {
  margin: 1rem 0;
  margin-top: 2rem;
  font-size: 1.2rem;
  font-family: 'Proxima Nova Semibold', sans-serif;
}
.product-list .item-product .content-product .link-produk-file {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  padding: 1.3rem;
}
.product-list .item-product .content-product p {
  margin: 0;
  padding-bottom: .5rem;
  font-size: 1rem;
}

.product-list .item-product:hover .content-product {
  background: #0BA6DF;
  color: #fff;
}
.product-list .item-product:hover .content-product .icon-product {
  border-color: #fff;
  color: #fff;
}
.product-list .item-product:hover .content-product a {
  color: #fff;
  text-decoration: underline;
}
.product-list .item-product:hover .content-product .link-produk-file {
  background: #0BA6DF;
  color: #fff;
}

.product-list-two-column .item-product {
  flex: 0 0 50%;
}

.text-inbottom {
  padding-top: 3rem;
  text-align: center;
}
.text-inbottom p {
  margin: 0;
  font-size: 1.3rem;
}

.list-panduan {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.list-panduan .item {
  display: block;
  flex: 0 0 45%;
}
.list-panduan .item a {
  border: 1px solid #0BA6DF;
  padding: 1rem;
  display: flex;
  align-items: center;
  gap: .8rem;
  font-size: 1rem;
  border-radius: .5rem;
}
.list-panduan .item a:hover {
  background-color: #0BA6DF;
  color: #fff;
}
.list-panduan .item a .bi {
  font-size: 1.5rem
}

.box-how-claim {
  padding: 1.5rem;
  border-radius: .5rem;
  background-color: rgba(0,0,0,0.03);
  border: 1px solid #f0f0f0
}
.box-how-claim h3 {
  font-family: 'Proxima Nova Bold', sans-serif;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.box-how-claim a {
  display: block;
  padding: .3rem 1rem;
  background: #0BA6DF;
  color: #fff;
  font-size: 1.1rem;
  margin-top: .5rem;
  text-align: center;
  width: max-content;
}

.side-menu {
  display: block;
  padding-top: 4.1rem;
}
.side-menu .item {
  display: block;
}
.side-menu .item {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  border-bottom: 1px solid #E7E7E7;
  padding: 1.2rem 0;
}
.side-menu .item:first-child {
  border-top: 1px solid #E7E7E7;
}
.side-menu .item h4 {
  font-size: 1.1rem;
  color: #323438;
  margin-bottom: 1rem;
  font-family: 'Proxima Nova Bold', sans-serif;
}
.side-menu .item p {
  font-size: .8rem;
  margin: 0;
}
.side-menu .item .bi {
  font-size: 2rem;
  color: #0BA6DF;
}

.side-menu-year {
  padding-top: 1rem;
  position: sticky;
  top: 6rem;
}
.side-menu-year .item {
  align-items: center;
  padding: .8rem;
}
.side-menu-year .item h4 {
  margin: 0;
  font-size: 1.3rem;
}
.side-menu-year .item.active {
  color: #0BA6DF;
}
.side-menu-year .item.active h4 {
  color: #0BA6DF;
}
.side-menu-year .item.active .bi {
  color: #0BA6DF;
}
.side-menu-year .item:hover {
  background: #E7E7E7;
}

.achievement-lists {
  display: flex;
  flex-wrap: wrap;
}
.achievement-lists .item {
  flex: 0 0 33.3333%;
  padding: 1rem;
}
.achievement-lists .item .content {
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid #E7E7E7;
}
.achievement-lists .item .img-wrap {
  width: 100%;
  height: 10rem;
  overflow: hidden;
}
.achievement-lists .item .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.achievement-lists .item .desc-wrap {
  padding: .7rem 1rem;
  background: #fff;
}
.achievement-lists .item .desc-wrap .title {
  font-size: 1rem;
  font-family: 'Proxima Nova Bold', sans-serif;
  margin: 0;
}
.achievement-lists .item .desc-wrap .subtitle {
  font-size: .8rem;
  margin: 0;
  color: #323438;
}

.financial-overview-list {
  margin: 0 -1rem;
}
.financial-overview-list .item .img-wrap {
  height: 15rem;
}
.financial-overview-list .item .desc-wrap .title {
  font-size: 1.4rem;
}

.disclosure-list .item .content {
  border-radius: .5rem;
  padding: 1rem;
  height: 100%;
  display: block;
}
.disclosure-list .item .content .date {
  font-size: .8rem;
  padding: 1rem;
  margin: 0;
}
.disclosure-list .item .content .desc-wrap {
  font-family: 'Proxima Nova Bold', sans-serif;
  color: #323438;
}

.list-news {
  margin: 0 -1rem;
}

.wrap-program-csr {
  padding: 2rem 0;
}
.wrap-program-csr .title-section {
  font-size: 2.2rem;
}

.list-program-csr {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.list-program-csr .item {
  padding: 1.3rem;
  padding-left: 0;
  flex: 0 0 40%;
  margin: 2rem 0;
}
.list-program-csr .item .img-csr {
  border-radius: 2rem;
  height: 20rem;
  object-fit: cover;
}
.list-program-csr .item:first-child {
  margin-top: 0;
}

.list-address {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.list-address .item {
  min-width: 46%;
}

.contact-us-div {
  display: flex;
  padding: 2rem 0;
}
.contact-us-div .contact-address {
  flex: 0 0 40%;
  padding: 1rem;
  padding-top: 0;
  padding-right: 5rem;
  font-size: 1rem;
}
.contact-us-div .contact-address .address-list {
  display: block;
}
.contact-us-div .contact-address .address-list .item-address {
  padding: 1rem;
  border-bottom: 1px solid #E7E7E7;
}
.contact-us-div .contact-address .address-list .item-address:first-child {
  padding-top: 0;
}
.contact-us-div .contact-address .address-list .item-address .address-title {
  font-size: 1.2rem;
  font-family: 'Proxima Nova Bold', sans-serif;
}
.contact-us-div .contact-address .address-list .item-address .address-text {
  margin-bottom: 1.5rem;
}
.contact-us-div .contact-address .address-list .item-address .address-text p {
  margin: 0;
}
.contact-us-div .contact-address .address-list .item-address .address-contact {
  display: flex;
  flex-direction: column;
  padding-top: .3rem;
}

.contact-us-div .contact-form {
  flex: 0 0 60%;
  position: relative;
}
.contact-us-div .contact-form .title {
  font-size: 1.2rem;
  margin: 0;
  margin-bottom: 2rem;
}
.contact-us-div .contact-form form {
  position: sticky;
  top: 2rem;
  width: 80%;
}
.contact-us-div .contact-form form .form-group {
  padding-bottom: 1rem;
}
.contact-us-div .contact-form form .form-group .form-label {
  font-family: 'Proxima Nova Semibold', sans-serif;
  font-size: 1rem;
}
.contact-us-div .contact-form form .form-group .form-input {
  width: 60%;
}
.contact-us-div .contact-form form .form-group .form-textarea {
  width: 100%;
  height: 10rem;
  resize: none;
}

.alert-md {
  font-size: 1rem; 
  padding: .5rem 1rem; 
  width: fit-content
}

.mapplic-tooltip-description .address-contact {
  display: flex;
  flex-direction: column;
  padding-top: .3rem;
}
.mapplic-tooltip-description .address-contact .item-contact {
  display: flex;
  gap: .5rem;
}

.lokasi-link {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.lokasi-link .lokasi-icon {
  height: 48px;
}

.map-indonesia {
  width: 100%;
}
.map-indonesia .img-map {
  width: 100%;
}

.footer-bar {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid #E7E7E7;
}
.footer-bar .footer-wrap {
  display: block;
}
.footer-bar .footer-section {
  padding: 2rem;
  padding-top: 0;
  display: flex;
  justify-content: space-between;
}
.footer-bar .footer-section .terdaftar-ojk {
  font-size: 1.2rem;
}
.footer-bar .footer-section .terdaftar-ojk p {
  margin-bottom: 0;
}
.footer-bar .footer-section .terdaftar-ojk .img-list {
  display: flex;
  gap: 1rem;
  padding: 1rem 0;
}
.footer-bar .footer-section .terdaftar-ojk .img-list img {
  height: 64px;
  width: auto;
}
.footer-bar .socmed-wrap {
  padding-bottom: 1rem;
  display: flex;
}
.footer-bar .socmed-wrap .item {
  display: flex;
  gap: .5rem;
  font-size: 1.3rem;
  color: #0BA6DF;
}

.footer-bar .footer-section .sitemap-wrap {
  display: flex;
  gap: 5rem;
}
.footer-bar .footer-section .sitemap-wrap .item h4 {
  font-family: 'Proxima Nova Bold', sans-serif;
  font-size: 1.2rem;
  margin: 0;
  padding-bottom: 1rem;
}
.footer-bar .footer-section .sitemap-wrap .item p {
  margin: 0;
  margin-bottom: .5rem;
}
.footer-bar .footer-section .sitemap-wrap .item p a {
  color: #323438;
}
.footer-bar .footer-section .sitemap-wrap .item p a:hover {
  color: #0BA6DF;
}

.footer-bar .sitemap-list {
  columns: 3 15rem;
  column-gap: 1rem;
  font-size: 1rem;
  margin-bottom: 1.3rem;
}
.footer-bar .sitemap-list .item {
  margin-bottom: 1.2rem;
}
.footer-bar .sitemap-list .item a {
  color: #323438;
  font-family: 'Proxima Nova Bold', sans-serif;
  display: block;
}
.footer-bar .sitemap-list .item a:hover {
  text-decoration: underline;
}
.footer-bar .sitemap-list .item .child a {
  font-size: .9rem;
  font-family: 'Proxima Nova Regular', sans-serif;
}

.footer-bar .footer-copyright {
  text-align: center;
  padding: 1.5rem;
  border-top: 1px solid #E7E7E7;
}

.form-informasi-investor {
  padding: 1.5rem;
  border-radius: 1rem;
  border: 1px solid #E7E7E7;
}
.form-informasi-investor .title-section {
  font-size: 2.3rem;
}

@media only screen and (min-width: 2048px) {
  body {
    zoom: 1.37;
  }
}

@media only screen and (min-width: 2560px) {
  body {
    zoom: 1.71;
  }
}

@media only screen and (min-width: 3840px) {
  body {
    zoom: 2.57;
  }
}

@media only screen and (min-width: 4096px) {
  body {
    zoom: 2.75;
  }
}

@media only screen and (min-width: 5120px) {
  body {
    zoom: 3.45;
  }
}

@media only screen and (min-width: 7680px) {
  body {
   zoom: 5.15;
  }
}

@media only screen and (max-width: 1200px) {
  .container {
    max-width: 98%;
  }

  .slide-thumb .item-thumb h3 {
    font-size: .85rem;
  }

  .product-list .item-product {
    flex: 0 0 33.33333%;
  }

  .product-list-two-column .item-product {
    flex: 0 0 50%;
  }

  .contact-us-div .contact-form form {
    width: 90%;
  }
  .contact-us-div .contact-form form .form-group .form-input {
    width: 80%;
  }
}

@media only screen and (max-width: 1120px) {
  .vision-mission-wrap .text-vision-mission {
    padding-right: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .wrapper {
    padding-top: 4rem;
  }

  .header-bar {
    padding-top: .5rem;
  }

  .header-bar .logo-wrap {
    height: 48px;
  }

  .header-bar .nav-btn-mobile {
    display: flex;
  }

  .header-bar .nav-wrap {
    position: fixed;
    left: -100%;
    top: 4.05rem;
    z-index: 200;
    width: 100%;
    height: 88%;
    background: #fff;
    display: block;
    padding: 2rem;
    transition: 1s all;
  }
  .header-bar .nav-wrap.active {
    left: 0;
  }

  .header-bar .nav-mini,
  .header-bar .nav-list {
    flex-direction: column;
    gap: 1rem;
  }

  .header-bar .nav-list {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #E7E7E7;
  }

  .header-bar .nav-mini {
    padding-top: 1.5rem;
    align-items: flex-start;
    flex-direction: column-reverse;
  }

  .header-bar .nav-mini .nav-dropdown .dropdown-list a {
    padding: .3rem 0;
  }

  .header-bar .nav-mini .nav-dropdown .dropdown-list {
    top: 0;
  }

  .header-bar .nav-list a {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }

  .nav-dropdown .dropdown-list {
    position: relative;
    top: 0;
    width: 100%;
    border: 0;
    padding-bottom: 0;
  }

  .nav-dropdown .dropdown-list.active {
    display: block;
  }
}

@media only screen and (max-width: 991px) {
  .vision-mission-wrap .text-vision-mission {
    padding-left: 2rem;
  }

  .manajemen-list .item-manajemen {
    gap: 1rem;
  }

  .manajemen-list .item-manajemen .img-profil img {
    width: 100%;
    height: 100%;
  }

  .product-list .item-product {
    flex: 0 0 50%;
  }
}

@media only screen and (min-width: 861px) {
  .nav-dropdown:hover .dropdown-list {
    display: block;
  }
}

@media only screen and (max-width: 860px) {
  .slide-hero::after {
    display: none;
  }
  .slide-hero .swiper-button-next:after, 
  .slide-hero .swiper-button-prev:after {
    font-size: 1.5rem;
  }

  .slide-thumb {
    margin-top: 2rem;
    padding: 1rem 0;
  }
  .slide-thumb .item-thumb {
    color: #323438;
  }

  .slide-thumb .item-thumb:hover, 
  .slide-thumb .swiper-slide-thumb-active .item-thumb {
    background: none;
  }
  
  .default-wrap {
    width: auto;
  }

  .about-us-wrap {
    width: auto;
  }

  .our-service-wrap .item-service {
    flex: 0 0 50%;
  }

  .our-partner-wrap {
    display: block;
  }
  .our-partner-wrap .text-partner {
    text-align: center;
  }

  .mitra-adb-wrap {
    display: block;
  }

  .location-wrap {
    display: block;
  }
  .location-wrap .text-location {
    text-align: center;
  }

  .manajemen-list .item-manajemen {
    flex-direction: column-reverse;
  }

  .manajemen-list .item-manajemen .img-profil {
    flex: auto;
    height: 300px;
    display: flex;
    justify-content: flex-start;
  }

  .product-list-two-column .item-product {
    flex: 0 0 100%;
  }

  .contact-us-div {
    display: block;
  }
  .contact-us-div .contact-form {
    padding: 2rem;
  }
}

@media only screen and (max-width: 640px) {
  .header-hero-img .title-hero {
    font-size: 3rem;
    text-align: center;
  }

  .our-service-wrap .item-service {
    flex: 0 0 100%;
  }

  .our-service-wrap .item-service .text-service-wrap {
    padding-right: 1rem;
    padding-bottom: 3rem;
  }
  .our-partner-wrap .partner-list-wrap {
    padding-left: 0;
    border: 0;
  }
  .our-partner-wrap .partner-list-wrap .partner-list {
    justify-content: center;
  }
  .our-partner-wrap .partner-list-wrap .partner-list .wrap-img {
    flex: 0 0 25%;
  }

  .vision-mission-wrap {
    flex-direction: column;
  }
  .vision-mission-wrap .text-vision-mission {
    padding-left: 1.1rem;
    padding-right: 1.1rem;
  }

  .manajemen-list .item-manajemen .img-profil {
    min-width: 300px;
  }
  .manajemen-list .item-manajemen .img-profil img {
    width: 80%;
  }

  .financial-report-table .item-report {
    flex-direction: column;
  }
  .financial-report-table .item-report .button-report a {
    justify-content: flex-start;
    font-size: 1.1rem;
  }

  .list-panduan {
    display: block;
  }
  .list-panduan .item {
    margin-bottom: 1rem;
  }

  .contact-us-div .contact-form form,
  .contact-us-div .contact-form form .form-group .form-input {
    width: 100%;
  }

  .footer-bar .footer-wrap {
    display: flex;
    flex-direction: column;
    align-items: start;
  }
  .footer-bar .footer-section {
    padding: 1rem 0;
  }
  .footer-bar .footer-section .terdaftar-ojk .img-list {
    justify-content: start;
  }
  .footer-bar .footer-section .sitemap-wrap {
    flex-direction: column;
    gap: 2rem;
  }

  .footer-bar .footer-copyright {
    text-align: left;
    padding: 1.5rem 0;
  }
}

@media only screen and (max-width: 480px) {
  .our-partner-wrap .partner-list-wrap .partner-list .wrap-img {
    flex: 0 0 40%;
  }

  .product-list .item-product {
    flex: 0 0 100%;
  }
}