.main {
  display: flex;
  gap: 20px;
}

.accordion {
  display: flex;
  flex-direction: column;
}

.hospital-list {
  width: 100%;
}

.hospital-list h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 19.2px;
  color: var(--text-primary-color);
  margin: 12px 0;
}

.hospital-list ul {
  list-style: inside;
  overflow: auto;
  max-height: 70px;
  width: 100%;
}

.hospital-list ul li {
  color: var(--text-secondary-color);
  font-size: 14px;
  line-height: 22.4px;
}

.accordion-item {
  border: 1px solid #dcdde540;
  margin-bottom: 8px;
  overflow: hidden;
  border-radius: 12px;
  flex: 1;
}

.accordion-header {
  background-color: #f1f1f1;
  padding: 16px;
  /* cursor: pointer; */
  gap: 12px;
  user-select: none;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  background-color: #fafafa;
}

.accordion-content {
  padding: 8px;
  display: none;
}

.accordion-item.active .accordion-content {
  display: block;
}

.accordion-header h2 {
  margin: 0;
  font-family: "Mulish";
  color: var(--main-color);
  font-weight: 700;
  font-size: 18px;
  line-height: 21.6px;
}

.accordion-header .info {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 5px;
}

.accordion-header .details {
  display: flex;
  flex-wrap: wrap;
}

.accordion-header .info span {
  display: block;
  margin-bottom: 4px;
  font-family: "Mulish";
  font-size: 14px;
}

.arrow-icons {
  position: absolute;
  top: 6px;
  right: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  transition: all 0.1s ease-in-out;
}

.arrow-icons .accordion-button {
  padding: 5px !important;
  transition: all 0.1s ease-in-out;
}

.arrow-icons .accordion-button::after {
  transform: translateY(10px);
  transition: all 0.1s ease-in-out;
  background-image: url('data:image/svg+xml,<svg width="20" height="12" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.7337 0.811714C19.3788 0.456744 18.8031 0.456683 18.4481 0.811774L10.0002 9.25983L1.55191 0.811714C1.19694 0.456744 0.621303 0.456683 0.266273 0.811774C-0.0887576 1.1668 -0.0887576 1.74238 0.266273 2.09741L9.35742 11.1883C9.44184 11.2727 9.54205 11.3397 9.65235 11.3854C9.76264 11.431 9.88085 11.4545 10.0002 11.4545C10.1196 11.4545 10.2378 11.431 10.3481 11.3853C10.4584 11.3396 10.5586 11.2727 10.643 11.1883L19.7337 2.09735C20.0888 1.74238 20.0888 1.16674 19.7337 0.811714Z" fill="%233D50B6"/></svg>') !important;
}

.arrow-icons .accordion-button:not(.collapsed)::after {
  transition: all 0.1s ease-in-out;
  background-image: url('data:image/svg+xml,<svg width="20" height="12" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.7337 9.90262L10.6426 0.811715C10.5582 0.727283 10.458 0.660307 10.3477 0.614613C10.2374 0.56892 10.1191 0.545405 9.99974 0.54541C9.88036 0.545416 9.76214 0.568942 9.65184 0.614646C9.54155 0.66035 9.44134 0.727335 9.35694 0.811776L0.266273 9.90268C-0.0887576 10.2577 -0.0887576 10.8333 0.266273 11.1883C0.621242 11.5433 1.19688 11.5434 1.55191 11.1883L9.99979 2.74026L18.4481 11.1883C18.5324 11.2729 18.6326 11.3399 18.7429 11.3856C18.8533 11.4313 18.9715 11.4547 19.0909 11.4546C19.2104 11.4547 19.3286 11.4313 19.4389 11.3856C19.5493 11.3399 19.6495 11.2728 19.7338 11.1883C20.0888 10.8332 20.0888 10.2577 19.7337 9.90262Z" fill="%233D50B6"/></svg>') !important;
}

.arrow-icon {
  transition: transform 0.3s;
}

.accordion-item.active .arrow-icon-open {
  transform: rotate(180deg);
}

.location {
  display: flex;
  gap: 8px;
}

.street {
  display: flex;
  gap: 8px;
}

.phone {
  display: flex;
  gap: 8px;
}

.calendar, .regulations {
  display: flex;
  gap: 8px;
}

.regulations {
  align-items: center;
}

.regulations a {
  text-decoration: underline;
  display: block;
  margin-bottom: 4px;
  font-family: "Mulish";
  font-size: 14px;
  color: #000000;
}

.accordion-container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  /* Prevent items from wrapping to the next line */
  max-height: 574px;
  /* Set a fixed height for the container */
  overflow-y: auto;
  /* Enable vertical scrolling if content overflows */
  border-radius: 12px;

/*&::-webkit-scrollbar {*/
/*   width: 3px;*/
/* }*/

/*&::-webkit-scrollbar-thumb {*/
/*   background-color: rgb(223, 216, 216);*/
/* }*/

/*&::-webkit-scrollbar-track {*/
/*   background-color: lightgray;*/
/* }*/
}

h5 {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
}

.branch-map-section {
  background-color: #fff;
  /*width: Fill (1, 440px);*/
  /*height: Hug (606px);*/
}

.filial {
  border-radius: 0 !important;
}

.filial .accordion-item {
  border-radius: 12px !important;
}

.branch {
  background-color: #fff;
  padding: 8px 96px 16px 96px;
  gap: 10px;
}

.branch>.text span {
  font-size: 36px;
  font-weight: 800;
  line-height: 43px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text-primary-color);
}


@media only screen and (max-width: 991px) {
  .branch--row {
    flex-direction: column-reverse;
  }

  .branch>.text span {
    font-size: 24px;
    font-weight: 800;
    line-height: 28.8px;
    text-align: left;
  }
}

.section-key {
  background-color: #fff;
  padding: 8px 96px 0px 96px;
  gap: 6px;
}

.section-key-inside {
  padding-top: 8px;
}

.section-key>.section-key-inside {
  display: flex;
  align-items: center;
  gap: 5px;
}

.section-key>.section-key-inside a {
  display: flex;
}

.section-key>.section-key-inside>span {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text-tertiary);
}

.chip {
  padding: 6px 12px 6px 12px;
  border-radius: 50px;
  background: #f2f5fc;
  margin-bottom: 5px;
  text-decoration: none;
  color: black;
}

.main-map {
  width: 100%;
  height: 574px;
}

@media only screen and (max-width: 991px) {
  .main-map {
    width: 100%;
    height: 260px;
  }
}

.accordion-button {
  border: none !important;
  box-shadow: none !important;
}

#map {
  height: 582px;
  z-index: 1;
  border-radius: 12px;
}

.branch-map-section #map {
  height: 650px;
}

@media only screen and (max-width: 991px) {
  #map,
  .branch-map-section #map {
    height: 400px;
  }
}