:root {
  --merah: #e00d0d;
  --onHover: #962525;
  --gelap: #222831;
}
.hero_jaringan {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* background-color: aqua; */
}
.main_office_htm {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  padding-block: 8rem;
  padding-inline: 10rem;
}
.main_office_htm img {
  width: 40rem;
  height: auto;
  border-radius: 1rem;
}

.main_office_htm h2 {
  font-weight: 700;
  font-size: 2rem;
}
.main_office_htm p {
  font-weight: 400;
  font-size: 1.2rem;
}
.cont-alamat-pusat {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 8rem;
}
.cont-alamat-pusat h2 {
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 1rem;
}
.cont-alamat-pusat p {
  font-weight: 400;
  font-size: 1.5rem;
  margin-bottom: 0rem;
}
.cont-map-pusat {
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70rem;
  height: 40rem;
  position: relative;
  box-shadow: 0 0 5px 5px rgba(53, 52, 52, 0.1);
}
.cont-map-pusat iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.cont-main-jaringan {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.cont_cart_jaringan {
  /* padding-inline: 5rem; */
  padding-block: 5rem;
  display: flex;
  justify-content: center;
  /* align-items: center; */
  flex-wrap: wrap;
  /* background-color: antiquewhite; */
  gap: 2rem;
}
.cart_jaringan {
  width: 20rem;
  overflow: hidden;
  border-radius: 0.5rem;
  box-shadow: 0 0 5px 5px rgba(53, 52, 52, 0.1);
}

.cart_jaringan img {
  width: 100%;
}
.cart_des_jaringan {
  padding-inline: 0.5rem;
  padding-block: 1rem;
}

.cart_des_jaringan h2 {
  font-size: 1.1rem;
  font-weight: 700;
}
.cart_des_jaringan h3 {
  font-size: 1rem;
  font-weight: 700;
}
.cart_des_jaringan p {
  font-size: 0.8rem;
  margin-bottom: 0rem;
}
.map_jaringan {
  width: 100%;
  height: 10rem;
  position: relative;
  overflow: hidden;
}
.map_jaringan iframe {
  width: 100%;
  height: 100%;
  position: absolute;
}

/* 
----------------------------
responsive berita home page
----------------------------
*/
@media (min-width: 1301px) and (max-width: 1400px) {
  .main_office_htm {
    /* flex-direction: column; */
    padding-block: 3rem;
    padding-inline: 8rem;
  }
  .main_office_htm img {
    width: 50%;
  }
  .cont-alamat-pusat {
    padding-inline: 1.5rem;
    text-align: center;
  }
}
@media (min-width: 1201px) and (max-width: 1300px) {
  .main_office_htm {
    /* flex-direction: column; */
    padding-block: 3rem;
    padding-inline: 3rem;
  }
  .main_office_htm img {
    width: 50%;
  }
  .cont-alamat-pusat {
    padding-inline: 1.5rem;
    text-align: center;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .main_office_htm {
    /* flex-direction: column; */
    padding-block: 3rem;
    padding-inline: 1.5rem;
  }
  .main_office_htm img {
    width: 50%;
  }
  .cont-alamat-pusat {
    padding-inline: 1.5rem;
    text-align: center;
  }
  .cont-map-pusat {
    width: 45rem;
    height: 20rem;
  }
  .cont-map-pusat iframe {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .main_office_htm {
    flex-direction: column;
    padding-block: 3rem;
    padding-inline: 1.5rem;
  }
  .main_office_htm img {
    width: 100%;
  }
  .cont-alamat-pusat {
    padding-inline: 1.5rem;
    text-align: center;
    margin-bottom: 5rem;
  }
  .cont-map-pusat {
    width: 45rem;
    height: 20rem;
  }
  .cont-map-pusat iframe {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .main_office_htm {
    flex-direction: column;
    padding-block: 3rem;
    padding-inline: 1.5rem;
  }
  .main_office_htm img {
    width: 100%;
  }
  .cont-alamat-pusat {
    padding-inline: 1.5rem;
    text-align: center;
    margin-bottom: 5rem;
  }
  .cont-map-pusat {
    width: 25rem;
    height: 15rem;
  }
  .cont-map-pusat iframe {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 360px) and (max-width: 479px) {
  .main_office_htm {
    flex-direction: column;
    padding-block: 3rem;
    padding-inline: 1rem;
  }
  .main_office_htm img {
    width: 100%;
  }
  .cont-alamat-pusat {
    padding-inline: 1rem;
    text-align: center;
  }
  .cont-map-pusat {
    width: 20rem;
    height: 10rem;
  }
  .cont-map-pusat iframe {
    width: 100%;
    height: 100%;
  }
}