@import url('https://fonts.googleapis.com/css2?family=Inclusive+Sans&family=Inter:wght@100;200;300;400;700;800&family=Roboto+Condensed:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rethink+Sans:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');

/*  */
.breadcrumb-chevron {
  --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  gap: .5rem;
}

.breadcrumb-chevron .breadcrumb-item {
  display: flex;
  gap: inherit;
  align-items: center;
  padding-left: 0;
  line-height: 1;
}

.breadcrumb-chevron .breadcrumb-item::before {
  gap: inherit;
  float: none;
  width: 1rem;
  height: 1rem;
}

.breadcrumb-custom .breadcrumb-item {
  position: relative;
  flex-grow: 1;
  padding: .75rem 3rem;
}

.breadcrumb-custom .breadcrumb-item::before {
  display: none;
}

.breadcrumb-custom .breadcrumb-item::after {
  position: absolute;
  top: 50%;
  right: -25px;
  z-index: 1;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  content: "";
  background-color: var(--bs-tertiary-bg);
  border-top-right-radius: .5rem;
  box-shadow: 1px -1px var(--bs-border-color);
  transform: scale(.707) rotate(45deg);
}

.breadcrumb-custom .breadcrumb-item:first-child {
  padding-left: 1.5rem;
}

.breadcrumb-custom .breadcrumb-item:last-child {
  padding-right: 1.5rem;
}

.breadcrumb-custom .breadcrumb-item:last-child::after {
  display: none;
}

/*  */

.super-bold {
  font-weight: 800 !important;
}

.bg-red {
  /*background: rgba(255, 0, 0, 0.85) !important;*/
  background: linear-gradient(45deg, black, transparent) !important;
  backdrop-filter: blur(8px);
  box-shadow: 0px 1px 15px #00000091;
}

@media (prefers-color-scheme: dark) {
  .bg-red {
    /*background: rgba(255, 0, 0, 0.85) !important;*/
    background: linear-gradient(45deg, black, rgba(92, 92, 92, 0.628)) !important;
    backdrop-filter: blur(8px);
    box-shadow: 0px 1px 15px #00000091;
  }
}

.marquee {
  background-color: #353535;
  margin-top: 8px;
  padding-top: 4px;
  color: white;
}

.feature-icon {
  width: 5rem;
  height: 5rem;
  border-radius: 500.75rem;
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: .75rem;
}

.text-shadow-1 {
  text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25);
}

.text-shadow-2 {
  text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25);
}

.text-shadow-3 {
  text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25);
}

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.feature-icon-small {
  width: 3rem;
  height: 3rem;
}

.bg-fitur {
  /* background-image: linear-gradient(45deg, #198754, #549175); */
  background-image: linear-gradient(45deg, #198754, #a8e2c8);
  transition: scale 0.2s linear;
}

.bg-fitur:hover {
  scale: 1.2;
}

.bg-fitur:active {
  filter: brightness(0.6);
}


/* shadow */

.teks-shadow {
  text-shadow: 4px 3px 7px black;
}

.button-reservasi {
  background-color: white;
}

.kartu {
  padding: 2em;
  /* background: linear-gradient(162deg, #4caf506b, #00bcd47a); */
  background: rgba(245, 245, 245, 0.805);
  color: rgba(0, 0, 0, 0.527);
  backdrop-filter: blur(8px);
  box-shadow: 0px 1px 20px #0000005c;
  border: 1px solid #ffffff54;
  /* margin-right:24px */
}

/* .kartu {
  padding: 2em;
  background: linear-gradient(162deg, #4CAF50, #00BCD4);
  color: white;
} */

.asuransi-container {
  display: flex !important;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.gbr-sejarah {
  padding-left: 24px;
}

.kartu-cari-dokter {
  margin-right: 3em;
  margin-left: 3em;
  width: 800px;
}


@media screen and (max-width: 600px) {
  .kartu-cari-dokter {
    margin-right: 0em;
    margin-left: 0em;
    width: 100vw
  }

  #foto-direktur {
    max-width: 100%;
    height: auto;
  }

  #footer1 {
    display: none;
  }

  #footer2 {
    display: none;
  }

  .accordion-body {
    padding: 0px;
    font-size: 80%;
  }

  .icon {
    display: none;
  }

  .icon-alt {
    display: inline !important;
  }

  .card-postingan {
    /*height: 400px;*/
    width: 100%;
  }

  .kartu {
    padding: 2em 1em;
  }

  .asuransi-container {
    justify-content: space-around;
    flex-wrap: wrap;
  }


  .gbr-sejarah {
    padding-left: 0px;
  }

}

.merah {
  background-color: rgba(134, 65, 0, 0.397) !important;
}

.icon-alt {
  display: none;
}

.dokter-header {
  background-color: #3F51B5 !important;
  /* background-color: blueviolet !important; */
  color: white !important;
}

#foto-direktur {
  /* border-radius: 8px; */
  /* box-shadow: 1px 2px 12px #00000040; */
}

.header-aktif {
  background: #ffffff3d;
  border-radius: 8px;
  color: black !important;
  font-weight: 700;
  padding: 10px 16px !important;
  ;
}

.nav-link {
  border-radius: 12px;
  margin-right: 1.5em;
  padding-left: 1em;
}

.nav-link:hover {
  background: #7777773a;
}

/* CHAT BUTTON */

.chat-button {
  /*background-color: rgb(216, 216, 216);*/
  background-color: transparent;
  border-radius: 8px;
  padding: 4px;
  margin-top: 8px;
  cursor: pointer;
  border: 1px solid #3f3f3f8c;
  box-shadow: 1px 1px 17px #00000040;
  background: #ffffffbd;
  backdrop-filter: blur(12px);
  transition: all 0.5s linear;
}

.chat-button:hover {
  background: #d5d5d5bd;
}

.chat-close-button {
  background-color: #591313;
  /* background-color: #b5b5b5; */
  color: white;
  padding: 8px 10px;
  border-radius: 8px;
  transition: all 0.5s linear;
}

.chat-close-button:hover {
  background-color: #831d1d;
}

.chat-close-button:active {
  background-color: #ffa7a7;
  color: black;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

#chat-box {
  background-color: #efefefcc;
  backdrop-filter: blur(12px);
  width: 350px;
  border-radius: 12px;
  box-shadow: 1px 1px 14px #0000003d;
}

.animatefade {
  animation: fadeIn 0.2s linear;
}

.container-judul {
  margin-top: -240px;
}

.img-mobile {
  display: none;
  position: relative;
  z-index: 99;
}

.kartu-artikel {
  padding: 48px;
}



@media (max-width: 600px) {
  .container-judul {
    margin-top: -340px;
  }

  #chat-box {
    background-color: #efefef;
    width: 100%;
    height: 100%;
    border-radius: 12px 12px 0px 0px;
  }

  .container-judul {
    text-align: center;
    padding: 24px;
  }

  .img-mobile {
    display: block;
  }

  .kartu-artikel {
    padding: 24px;
  }

  .gbr-artikel {
    display: none;
  }

  #footer {
    display: flex;
    justify-content: center;
    text-align: center;
  }
}

#footer {
  background-color: #0a3c26;
  color: rgba(255, 255, 255, 0.726);
}


.chat-box-hide {
  display: none;
}

/*  */

.diskusi-title {
  padding: 1rem;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
}

.pesan-box {
  background-color: rgb(225 225 225);
  padding: 8px;
  margin: 1rem;
  box-shadow: 0px 1px 2px rgb(123 123 123 / 45%);
  /* min-width: 105px; */
  border-radius: 8px;
  width: fit-content;
}

.chat-customer {
  justify-content: flex-end;
  /* background-color: rgb(215, 255, 210); */
}

.warna-customer {
  /* justify-content: flex-end; */
  background-color: rgb(215, 255, 210);
}

.card-postingan {
  height: 250px;
  width: 250px;
}

.link-blank {
  text-decoration: none;
}

/* .isi-artikel table tr:nth-child(2n) {
  background-color: red;
} */

.isi-artikel table {
  border-spacing: 0;
  border-collapse: collapse;
  display: block;
  width: -webkit-max-content;
  width: max-content;
  max-width: 100%;
}

.isi-artikel td,
.isi-artikel th {
  padding: 1em;
}

.isi-artikel table th,
.isi-artikel table td {
  padding: 6px 13px;
  border: 1px solid rgb(110, 110, 110);
}

.isi-artikel table tr {
  background-color: rgb(243, 243, 243);
  border-top: 1px solid rgb(56, 56, 56);
}

.isi-artikel table tr:nth-child(2n) {
  background-color: rgb(226, 226, 226);
}


.gbr-artikel {
  border-radius: 12px;
  max-width: 800px;
}



.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 8 px;
  height: 8px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #dbdbdbc2;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease;
}

.carousel-indicators [data-bs-target].active {
  background-color: #313131c2;
}

.kotak-layanan {
  box-shadow: 13px 14px 20px 0px #0000000f;
  min-height: 300px;
}

/*  */

.header-rsud {
  /* font-family: "Reddit Sans Condensed", sans-serif; */
  position: fixed;
  top: 0;
  width: 100%;
  background: transparent;
  /* backdrop-filter: blur(8px); */
  z-index: 99;
  transition: background-color 0.3s ease-in-out;

}

.header-rsud-scroll {
  position: fixed;
  top: 0;
  background: #f6f6f6a4;
  backdrop-filter: blur(12px);
  z-index: 99;
  border-bottom: 1px solid rgba(128, 128, 128, 0.473);

}

.header-rsud .nav-link {
  color: rgb(224, 224, 224) !important;
}

.header-rsud-scroll .nav-link {
  color: rgb(40, 40, 40) !important;
}


.header-rsud-scroll .logo-teks {
  filter: invert()
}

.header-rsud .container {
  padding-top: 24px
}

.header-rsud-scroll .container {
  padding-top: 0px !important;
}

.dropdown-menu {
  /* background: #ffffffc5; */
  /* backdrop-filter: blur(8px); */
}

@media screen and (max-width:600px) {
  .header-rsud {
    padding-left: 8px;
  }

  .header-rsud .container {
    padding-top: 0;
    padding-left: 8px;
  }

  .header-rsud .navbar-nav {
    background-color: rgba(221, 221, 221, 0.531);
    padding-left: 8px;
    /* color: black!important; */
  }

  .header-rsud .nav-link {
    /* background-color: rgba(221, 221, 221, 0.531); */
    color: black !important;
  }

  .header-rsud-scroll .navbar-nav {
    background-color: transparent;
    backdrop-filter: none;
  }
}

.profil-merah {
  background-color: rgb(255, 216, 216);
}

.profil-biru {
  background-color: rgb(223, 223, 255);
}

.profil-ijo {
  background-color: rgb(221, 255, 221);
}

.profil-putih {
  background-color: white;
}

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

@media screen and (max-width:600px) {
  .kartu-profil {
    width: 100%;
  }

  .profil-teks {
    text-align: left;
  }
}

.profil-jabatan {
  font-size: 0.8em;
  color: #000000a6;
}

.profil-foto {
  height: 48px;
  width: 48px;
  border-radius: 128px;
  background-size: cover;
  background-position: center;
}

.judul-halaman {
  font-weight: 800;
  color: #136841;
}

.warna-header {
  color: #136841;
}

.text-body-secondary {
  color: white !important
}

/* color: #136841; */