/* Dokter Card */
#hits li img {
    border-radius: 6px;
}

.row-search-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
}


.title-cari-dokter {
  color: #1e1e1e;
  font-size: 48px;
  font-style: normal;
  margin-top: 0;
  text-align: left;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0;
  letter-spacing: 0;
  text-transform: none;
}

.card-search {
  background-color: #eaf6fb;
  padding: 32px 32px;
  margin-top: 32px;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 32px;
}

.ais-SearchBox-2 {
  width: 100%;
}

.mt-0 {
  margin-top: 0 !important;
}

.row-search {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 75px 120px 30px 120px;
}
#search-doctor-new .col-12 {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
}
#search-doctor-new .col-9 {
  flex: 0 0 auto;
  width: 70%;
  max-width: 70%;
}
#search-doctor-new .col-3 {
  flex: 0 0 auto;
  width: 30%;
  max-width: 30%;
}

#hits-banner .ais-Hits-item {
  box-shadow: none !important;
  padding: 0px;
  margin-bottom: 16px;
}

#hits-banner .image-banner-show {
  max-width: 100%;
  border-radius: 10px;
  width: 100%;
}

.card-spesialis-new {
  border: 1px solid #e9e9e9;
  border-radius: 16px;
  padding: 20px 32px;
  margin-bottom: 32px;
}

#hits p.c_frame53404-text1 {
  color: rgb(30, 30, 30);
  font-size: 36px;
  font-style: normal;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0px;
  text-transform: none;
  text-align: center;
}

/* SIDEBAR */

/*Spesialisasi*/
.c_cari-dokter-dokter-text415,
.c_cari-dokter-dokter-text473 {
  color: #1e1e1e;
  font-size: 20px;
  font-style: normal;
  margin-top: 0;
  text-align: left;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0;
  letter-spacing: 0;
  text-transform: none;
}

.c_cari-dokter-dokter-instance076 {
  gap: 10px;
  display: flex;
  padding: 12px 0;
  position: relative;
  align-items: center;
  border-bottom: 1px solid #d2d2d2;
  justify-content: flex-start;
  background-color: #fff;
}

.c_cari-dokter-dokter-frame153,
.c_cari-dokter-dokter-instance076 {
  width: 100%;
  box-sizing: border-box;
}

.c_cari-dokter-dokter-text416,
.c_cari-dokter-dokter-text474 {
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  min-height: auto;
  text-align: left;
  margin-bottom: 0;
}

.mb-custom-spesialis {
  margin-bottom: 20px;
}

/*unggulan*/

.c_cari-dokter-dokter-text475 {
  color: #1e1e1e;
  font-size: 16px;
  font-style: normal;
  margin-top: 0;
  text-align: left;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
  letter-spacing: 0;
  text-transform: none;
}

.c_cari-dokter-dokter-frame182 {
  width: 100%;
  box-sizing: border-box;
}

.c_cari-dokter-dokter-instance105 {
  gap: 10px;
  display: flex;
  padding: 12px 0;
  position: relative;
  align-items: center;
  border-bottom: 1px solid #d2d2d2;
  justify-content: flex-start;
  background-color: #fff;
}

#hits .c_cari-dokter-dokter-frame009 {
  display: flex;
}

#hits .c_cari-dokter-dokter-rectangle {
  max-width: 160px;
  width: 100%;
  height: auto;
  margin-left: 20px;
  /*margin-right: auto;*/
  display: block;
}

#hits .c_cari-dokter-dokter-frame010 {
  width: 30%;
}

#hits .c_cari-dokter-dokter-frame011 {
  width: 70%;
}

#hits .c_cari-dokter-dokter-text011 {
  color: #1e1e1e;
  font-size: 20px;
  font-style: normal;
  margin-top: 0;
  text-align: left;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0;
  letter-spacing: 0;
  text-transform: none;
}

#hits .c_cari-dokter-dokter-instance006 {
  gap: 4px;
  width: 100%;
  display: flex;
  position: relative;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
}

#hits .c_cari-dokter-dokter-text015 {
  color: #787878;
  font-size: 14px;
  font-style: normal;
  margin-top: 0;
  text-align: left;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0;
  letter-spacing: 0;
  text-transform: none;
}
#hits .c_cari-dokter-dokter-frame012 {
  margin-top: 20px;
}
#hits .img-available {
  margin-right: 8px;
}

#hits .c_cari-dokter-dokter-frame015,
.c_cari-dokter-dokter-frame016 {
  width: 100%;
  display: flex;
  position: relative;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}

#hits ul.c_cari-dokter-dokter-frame015 {
  list-style-type: none;
  text-align: center;
  padding: 16px;
}

#hits .c_cari-dokter-dokter-frame017 {
  width: 100%;
  padding: 8px 5px;
  position: relative;
  max-width: 16.66%;
  box-sizing: border-box;
  align-items: flex-start;
  border-radius: 12px 12px 12px 12px;
  background-color: #eaf6fb;
}

#hits .c_cari-dokter-dokter-instance004.flex-item {
  gap: 16px;
  display: flex;
  flex-direction: column;
}

#hits .c_cari-dokter-dokter-frame017 p {
  font-size: 14px;
}

#hits .c_cari-dokter-dokter-frame017 p.text-day {
  font-size: 15px;
  font-weight: 700;
  color: #27255f;
  font-style: normal;
  margin-bottom: 0;
  letter-spacing: 0;
  text-transform: none;
}

#hits .c_cari-dokter-dokter-frame022 {
  display: flex;
  gap: 20px;
  padding: 0px 16px;
}
#hits .c_cari-dokter-dokter-instance008,
#hits .c_cari-dokter-dokter-instance009 {
  width: 50%;
  border-radius: 10px;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 8px;
}

#hits .c_cari-dokter-dokter-instance008 {
  background-color: #fff;
  color: #27255f;
  border: 2px solid #27255f;
  text-align: center;
}

#hits .c_cari-dokter-dokter-instance009 {
  background-color: #27255f;
  color: #fff;
  border: 2px solid #27255f;
  text-align: center;
}

#hits li.ais-Hits-item {
  border-radius: 10px;
  margin-bottom: 28px;
}

#hits .mx-auto {
  margin-left: auto;
  margin-right: auto;
}

#hits .c_frame53404-text2 {
  text-align: center;
}

.c_frame53404-instance {
  gap: 10px;
  width: 100%;
  display: flex;
  padding: 16px;
  position: relative;
  max-width: 200px;
  box-sizing: border-box;
  align-items: center;
  border-radius: 8px 8px 8px 8px;
  justify-content: center;
  background-color: #59ce72;
  color: #fff;
  font-weight: 700;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

div#pagination {
  margin-top: 40px;
}

ul.ais-Pagination-list {
  justify-content: center;
}

input.ais-SearchBox-input {
    height: 50px;
    border-radius: 50px;
}

.ais-SearchBox-form {
    background-color: transparent !important;
  }

  .ais-SearchBox-2 .ais-SearchBox-form::before {
    background: rgba(0, 0, 0, 0) url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235a5e9a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2221%22%20y1%3D%2221%22%20x2%3D%2216.65%22%20y2%3D%2216.65%22%3E%3C%2Fline%3E%3C%2Fsvg%3E) repeat scroll 0% 0%;
    content: "";
    height: 1rem;
    left: 1rem;
    margin-top: -0.5rem;
    position: absolute;
    top: 62%;
    width: 1rem;
}

 .ais-SearchBox-2 .ais-SearchBox-loadingIndicator,  .ais-SearchBox-2 .ais-SearchBox-reset {
   top: 62%;
}

@media only screen and (max-width: 1338px) {
  #hits .c_cari-dokter-dokter-frame017 p {
    font-size: 13px;
  }

  .row-search {
    padding: 75px 100px 30px 100px;
  }
}

@media only screen and (max-width: 1244px) {
  #hits .c_cari-dokter-dokter-frame017 p {
    font-size: 12px;
  }

  .row-search {
    padding: 75px 80px 30px 80px;
  }
}

@media only screen and (max-width: 1150px) {
  #hits .c_cari-dokter-dokter-frame017 p {
    font-size: 12px;
  }

  .row-search {
    padding: 75px 70px 30px 70px;
  }
}

@media only screen and (max-width: 1129px) {
  #hits .c_cari-dokter-dokter-frame017 p {
    font-size: 12px;
  }

  .row-search {
    padding: 75px 32px 30px 32px;
  }

  .card-spesialis-new {
    padding: 20px 16px;
  }
  a.c_cari-dokter-dokter-text417.spesialisasi {
    font-size: 14px;
  }
}

/*start-overflow media-query*/

@media only screen and (max-width: 1052px) {
  .wraping-overflow {
    padding: 0px 16px 8px 16px;
  }
  .ov-x {
    overflow-x: scroll;
    padding: 0px 0px 8px 0px;
  }

  #hits ul.c_cari-dokter-dokter-frame015 {
    padding: 16px 0px 8px 0px;
    width: 120%;
  }

  .row-search {
    padding: 75px 28px 30px 28px;
  }

  #hits .c_cari-dokter-dokter-frame017 p {
    font-size: 13px;
  }

  #hits .c_cari-dokter-dokter-frame022 {
    padding: 0px 16px;
  }

  #hits .c_cari-dokter-dokter-instance008,
  #hits .c_cari-dokter-dokter-instance009 {
    font-size: 14px;
  }

  .card-spesialis-new {
    padding: 20px 16px;
  }

  a.c_cari-dokter-dokter-text417.spesialisasi {
    font-size: 14px;
  }

  #hits .c_cari-dokter-dokter-text011 {
    font-size: 18px;
  }

  p.c_cari-dokter-dokter-text0191 {
    font-size: 12px;
  }

  #hits .c_cari-dokter-dokter-text015 {
    font-size: 12px;
  }

  #hits .c_cari-dokter-dokter-rectangle {
    max-width: 145px;
  }
}

@media only screen and (max-width: 993px) {
  #hits .c_cari-dokter-dokter-rectangle {
    max-width: 123px;
  }

    #hits ul.c_cari-dokter-dokter-frame015 {
    padding: 16px 0px 8px 0px;
    width: 130%;
  }
}

@media only screen and (max-width: 895px) {
  #hits .c_cari-dokter-dokter-rectangle {
    max-width: 116px;
  }

    #hits ul.c_cari-dokter-dokter-frame015 {
    width: 160%;
  }

      #hits .c_cari-dokter-dokter-frame017 p {
        font-size: 12px;
    }
}

@media only screen and (max-width: 768px) {

.top-layer-1{
padding-top:20px !important;
}

  .card-search {
  padding: 32px 16px !important;
}



  #hits ul.c_cari-dokter-dokter-frame015 {
                width: 170% !important;
    }

        #hits .c_cari-dokter-dokter-rectangle{
        max-width: 100px !important;
    }

        #hits .c_cari-dokter-dokter-text011 {
        font-size: 16px !important;
    }

    #hits .c_cari-dokter-dokter-frame012 {
    margin-top: 0px !important;
}

    .row-search {
        padding: 75px 16px 30px 16px !important;
    }

    #hits .img-available {
        margin-right: 2px !important;
        width: 13px !important;
        height: 13px !important;
    }

}


@media only screen and (max-width: 711px) {
    #search-doctor-new .col-9 {
        flex: 0 0 auto;
        width: 100% !important;
        max-width: 100% !important;
    }
    #search-doctor-new .col-3 {
        flex: 0 0 auto;
        width: 100% !important;
        max-width: 100% !important;
    }






    .mt-search-7{
        margin-top: 32px !important;
    }

    #hits .c_cari-dokter-dokter-frame011 {
        padding-left: 16px !important;
    }

    #hits .c_cari-dokter-dokter-rectangle{
        max-width: 130px !important;
    }

    #hits .c_cari-dokter-dokter-text011 {
        font-size: 18px !important;
    }
        #hits .c_cari-dokter-dokter-frame012 {
        margin-top: 16px !important;
    }

        #hits ul.c_cari-dokter-dokter-frame015 {
        width: 140% !important;
    }
}

@media only screen and (max-width:590px){
      #hits .c_cari-dokter-dokter-rectangle {
        max-width: 100px !important;
    }

    #hits ul.c_cari-dokter-dokter-frame015 {
        width: 160%!important;
    }


}

@media only screen and (max-width:532px){

  div#hits-banner
 {
    min-height: 150px;
}

div#hits
 {
    min-height: 400px;
}

  #hits .c_cari-dokter-dokter-text011 {
        font-size: 14px !important;
    }

    #hits .c_cari-dokter-dokter-frame022 {
        padding: 0px 0px !important;
    }
    .wraping-overflow {
        padding: 0px !important;
    }

    p.c_cari-dokter-dokter-text0191 {
        font-size: 11px !important;
    }

    #hits .c_cari-dokter-dokter-text015 {
        font-size: 11px !important;
    }

    #hits .c_cari-dokter-dokter-frame017 p.text-day {
    font-size: 14px !important;
  }
}

@media only screen and (max-width:499px){
#hits ul.c_cari-dokter-dokter-frame015 {
        width: 175% !important;
    }

            #hits .c_cari-dokter-dokter-frame012 {
        margin-top: 0px !important;
    }
}
@media only screen and (max-width:452px){


  .card-search {
        height: 194px;
    }

      #hits-banner .ais-Hits-item{
      padding-left: 0px !important;
      padding-right: 0px !important;
    }

.ais-Hits-item{
padding: 1.5rem 1rem !important;
}

#hits .c_cari-dokter-dokter-frame022 {
    gap: 8px !important;
}
.row-search {
        padding: 75px 0px 30px 0px !important;
    }

 .card-search {
    margin-bottom: 0px !important;
  }

  #hits-banner .ais-Hits-item {
    margin-bottom: 0px !important;
}

}

@media only screen and (max-width:417px){
  #hits ul.c_cari-dokter-dokter-frame015 {
        width: 200% !important;
    }
    #hits .c_cari-dokter-dokter-frame012 {
        margin-top: 0px !important;
    }
}
@media only screen and (max-width:372px){
        #hits ul.c_cari-dokter-dokter-frame015{
        width: 203% !important;
    }
  }


@media only screen and (max-width:361px){
      #hits .c_cari-dokter-dokter-rectangle {
        max-width: 80px !important;
    }
        #hits .c_cari-dokter-dokter-frame012 {
        margin-top: 0px !important;
    }
        #hits ul.c_cari-dokter-dokter-frame015{
        width: 208% !important;
    }

    .c_cari-dokter-dokter-frame011{
      padding-left: 8px !important;
    }

    #hits-banner .ais-Hits-item{
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
}

@media only screen and (max-width:358px){
  #hits ul.c_cari-dokter-dokter-frame015{
        width: 300% !important;
    }
}

@media only screen and (max-width:533px){
	#hits .c_cari-dokter-dokter-rectangle {
	    margin-left: 0px !important;
		}
}


/* @media only screen and (max-width: 945px) {
  #hits .c_cari-dokter-dokter-frame017 p {
    font-size: 12px;
  }

  .row-search {
       padding: 75px 16px 30px 16px;
}

#hits .c_cari-dokter-dokter-rectangle {
    max-width: 140px;
}

} */