.paediatrics-2023 {
  --step--2: clamp(0.69rem, 0.67rem + 0.12vw, 0.79rem);
  --step--1: clamp(0.78rem, 0.75rem + 0.14vw, 0.89rem);
  --step-0: clamp(0.88rem, 0.84rem + 0.16vw, 1rem);
  --step-1: clamp(0.98rem, 0.95rem + 0.18vw, 1.13rem);
  --step-2: clamp(1.11rem, 1.07rem + 0.2vw, 1.27rem);
  --step-3: clamp(1.25rem, 1.2rem + 0.22vw, 1.42rem);
  --step-4: clamp(1.4rem, 1.35rem + 0.25vw, 1.6rem);
  --step-5: clamp(1.58rem, 1.52rem + 0.28vw, 1.8rem);
  --step-6: clamp(1.77rem, 1.71rem + 0.32vw, 2.03rem);
}

.paediatrics-2023 {
  margin: 0 auto;
  --space-3xs: clamp(0.25rem, calc(0.23rem + 0.08vw), 0.31rem);
  --space-2xs: clamp(0.44rem, calc(0.41rem + 0.16vw), 0.56rem);
  --space-xs: clamp(0.69rem, calc(0.64rem + 0.23vw), 0.88rem);
  --space-s: clamp(0.88rem, calc(0.81rem + 0.31vw), 1.13rem);
  --space-m: clamp(1.31rem, calc(1.22rem + 0.47vw), 1.69rem);
  --space-l: clamp(1.75rem, calc(1.63rem + 0.63vw), 2.25rem);
  --space-xl: clamp(2.63rem, calc(2.44rem + 0.94vw), 3.38rem);
  --space-2xl: clamp(3.5rem, calc(3.25rem + 1.25vw), 4.5rem);
  --space-3xl: clamp(5.25rem, calc(4.88rem + 1.88vw), 6.75rem);
  /* One-up pairs */
  --space-3xs-2xs: clamp(0.25rem, calc(0.17rem + 0.39vw), 0.56rem);
  --space-2xs-xs: clamp(0.44rem, calc(0.33rem + 0.55vw), 0.88rem);
  --space-xs-s: clamp(0.69rem, calc(0.58rem + 0.55vw), 1.13rem);
  --space-s-m: clamp(0.88rem, calc(0.67rem + 1.02vw), 1.69rem);
  --space-m-l: clamp(1.31rem, calc(1.08rem + 1.17vw), 2.25rem);
  --space-l-xl: clamp(1.75rem, calc(1.34rem + 2.03vw), 3.38rem);
  --space-xl-2xl: clamp(2.63rem, calc(2.16rem + 2.34vw), 4.5rem);
  --space-2xl-3xl: clamp(3.5rem, calc(2.69rem + 4.06vw), 6.75rem);
  /* Custom pairs */
  --space-s-l: clamp(0.88rem, calc(0.53rem + 1.72vw), 2.25rem);
}
.paediatrics-2023 .fstep--2 {
  font-size: var(--step--2) !important;
}
.paediatrics-2023 .fstep--1 {
  font-size: var(--step--1) !important;
}
.paediatrics-2023 .fstep-0 {
  font-size: var(--step-0) !important;
}
.paediatrics-2023 .fstep-1 {
  font-size: var(--step-1) !important;
}
.paediatrics-2023 .fstep-2 {
  font-size: var(--step-2) !important;
}
.paediatrics-2023 .fstep-3 {
  font-size: var(--step-3) !important;
}
.paediatrics-2023 .fstep-4 {
  font-size: var(--step-4) !important;
}
.paediatrics-2023 .fstep-5 {
  font-size: var(--step-5) !important;
}
.paediatrics-2023 .fstep-6 {
  font-size: var(--step-6) !important;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.paediatrics-2023 h1 {
  text-align: left;
}
.paediatrics-2023 h2,
.paediatrics-2023 p {
  text-align: center !important;
}
.paediatrics-2023 a {
  text-decoration: none;
}
.paediatrics-2023 .title-color {
  color: #307fde !important;
}
.paediatrics-2023 .paediatric-services {
  position: relative;
  display: flex;
  min-height: 30rem;
}
.paediatrics-2023 .paediatric-services h2,
.paediatrics-2023 .paediatric-services p {
  text-align: left !important;
}
@media screen and (width < 768px) {
  .paediatrics-2023 .paediatric-services h2,
  .paediatrics-2023 .paediatric-services p {
    text-align: center;
  }
}
.paediatrics-2023 .paediatric-services .banner-image {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (width > 992px) {
  .paediatrics-2023 .paediatric-services .banner-image {
    position: relative;
    -o-object-position: center;
       object-position: center;
    width: 100%;
    height: auto;
  }
}
.paediatrics-2023 .paediatric-services .banner-image-text {
  position: absolute;
  padding: var(--space-m) var(--space-l);
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.paediatrics-2023 .paediatric-services .banner-image-text > .row {
  justify-content: end;
}
@media screen and (width < 768px) {
  .paediatrics-2023 .paediatric-services .banner-image-text {
    height: auto;
    position: relative;
  }
  .paediatrics-2023 .paediatric-services .banner-image-text h2 {
    text-align: center !important;
  }
  .paediatrics-2023 .paediatric-services .banner-image-text p {
    text-align: left;
  }
  .paediatrics-2023 .paediatric-services .banner-image-text > .row {
    height: 100%;
    justify-content: end;
  }
}
@media screen and (width < 1200px) {
  .paediatrics-2023 .paediatric-services {
    min-height: 35rem;
  }
}
@media screen and (width < 768px) {
  .paediatrics-2023 .paediatric-services {
    background: #ebecec;
    display: block;
  }
}
.paediatrics-2023 .common-illness .tabby p {
  text-align: left !important;
}
.paediatrics-2023 .common-illness .tabby .banner-image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  bottom: 0;
}
@media screen and (width >= 768px) {
  .paediatrics-2023 .common-illness .tabby .banner-image {
    height: 100%;
    -o-object-position: center;
       object-position: center;
    position: absolute;
  }
}
.paediatrics-2023 .common-illness .tabby .pae-nav-tab {
  display: flex;
  flex-direction: row;
  gap: var(--space-xs);
}
@media screen and (width < 768px) {
  .paediatrics-2023 .common-illness .tabby .pae-nav-tab {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
  }
}
.paediatrics-2023 .common-illness .tabby .tabby-menu-list {
  display: flex;
  position: relative;
  justify-content: left !important;
  overflow: auto;
  flex-wrap: nowrap;
  margin-bottom: 1rem;
}
.paediatrics-2023 .common-illness .tabby .tabby-menu-list .tabby-menu-button {
  flex: 0 1 17.5rem;
  background-color: white;
  border-radius: 3rem;
  color: #437fd7;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-xs) var(--space-s);
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  white-space: nowrap;
}
.paediatrics-2023 .common-illness .tabby .tabby-menu-list .tabby-menu-button.active, .paediatrics-2023 .common-illness .tabby .tabby-menu-list .tabby-menu-button:hover {
  background-color: #437fd7;
  color: white;
}
@media screen and (width < 768px) {
  .paediatrics-2023 .common-illness .tabby .tabby-menu-list .tabby-menu-button {
    border-radius: 3rem;
    padding: var(--space-2xs) var(--space-xs);
    margin-bottom: 0.5rem;
  }
}
@media screen and (width > 1200px) {
  .paediatrics-2023 .common-illness .tabby .tabby-menu-list {
    justify-content: left;
  }
}
.paediatrics-2023 .common-illness .tabby .button-color .tabby-menu-button {
  color: #437fd7;
  background-color: #f4f7f6;
}
.paediatrics-2023 .common-illness .tabby .button-color .tabby-menu-button.active, .paediatrics-2023 .common-illness .tabby .button-color .tabby-menu-button:hover {
  color: white;
  background-color: #437fd7;
}
.paediatrics-2023 .common-illness .tabby .pae-nav-center {
  justify-content: center !important;
}
.paediatrics-2023 .common-illness .tabby .tabby-content-list {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  min-height: 30rem;
}
@media screen and (width < 768px) {
  .paediatrics-2023 .common-illness .tabby .tabby-content-list {
    height: auto;
  }
}
.paediatrics-2023 .common-illness .tabby .tabby-content-list .tabby-content-item {
  display: none;
}
.paediatrics-2023 .common-illness .tabby .tabby-content-list .tabby-content-item.active {
  animation: fade-in 0.25s ease-in-out forwards;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 5;
  width: 100%;
  height: inherit;
  flex: 1 0 100%;
}
.paediatrics-2023 .common-illness .tabby .tabby-content-list .tabby-content-item.active p {
  text-align: left;
}
.paediatrics-2023 .common-illness .tabby .tabby-content-list .tabby-content-item.active .row {
  justify-content: end;
}
.paediatrics-2023 .common-illness .tabby .tabby-content-list .tabby-content-item.active .tabby .tabby-menu-list {
  margin: 0 auto;
  margin-bottom: 1rem;
  display: flex;
  position: relative;
  justify-content: left;
}
@media screen and (width > 1200px) {
  .paediatrics-2023 .common-illness .tabby .tabby-content-list .tabby-content-item.active .tabby .tabby-menu-list {
    margin: 0 auto;
    margin-bottom: 1rem;
    justify-content: left;
  }
}
.paediatrics-2023 .common-illness .tabby .tabby-content-list .tabby-content-item.active .tabby .tabby-content-list .tabby-content-item.active {
  padding: var(--space-m);
}
@media screen and (width < 768px) {
  .paediatrics-2023 .common-illness .tabby .tabby-content-list .tabby-content-item.active {
    display: block;
    height: auto;
    position: relative;
  }
  .paediatrics-2023 .common-illness .tabby .tabby-content-list .tabby-content-item.active .tabby .tabby-content-list {
    background: #f1ebe2;
  }
  .paediatrics-2023 .common-illness .tabby .tabby-content-list .tabby-content-item.active .tabby .tabby-content-list .tabby-content-item.active {
    padding: var(--space-m);
    margin-bottom: 0;
  }
  .paediatrics-2023 .common-illness .tabby .tabby-content-list .tabby-content-item.active .tabby .tabby-menu-list {
    margin-bottom: 1rem;
    justify-content: left;
  }
}
.paediatrics-2023 .pae-nav-tab {
  padding-bottom: var(--space-3xs);
}
.paediatrics-2023 .pae-nav-tab::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.paediatrics-2023 .pae-nav-tab::-webkit-scrollbar {
  height: 0.35rem;
}
.paediatrics-2023 .pae-nav-tab::-webkit-scrollbar-thumb {
  background: #808080;
  border-radius: 10px;
}
.paediatrics-2023 .pae-nav-tab::-webkit-scrollbar-thumb:hover {
  background: #808080;
}
.paediatrics-2023 .seek-help p {
  text-align: left !important;
}
.paediatrics-2023 .seek-help .tabby .banner-image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (width >= 768px) {
  .paediatrics-2023 .seek-help .tabby .banner-image {
    position: relative;
    -o-object-position: center;
       object-position: center;
  }
}
.paediatrics-2023 .seek-help .tabby .pae-nav-tab {
  display: flex;
  flex-direction: row;
  gap: var(--space-xs);
}
@media screen and (width < 768px) {
  .paediatrics-2023 .seek-help .tabby .pae-nav-tab {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
  }
}
.paediatrics-2023 .seek-help .tabby .tabby-menu-list {
  display: flex;
  position: relative;
  justify-content: left;
  overflow: auto;
  flex-wrap: nowrap;
}
.paediatrics-2023 .seek-help .tabby .tabby-menu-list .tabby-menu-button {
  flex: 1;
  background-color: #f4f7f6;
  border-radius: 3rem;
  color: #437FD7;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-xs) var(--space-s);
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  white-space: nowrap;
}
.paediatrics-2023 .seek-help .tabby .tabby-menu-list .tabby-menu-button.active, .paediatrics-2023 .seek-help .tabby .tabby-menu-list .tabby-menu-button:hover {
  background-color: #437FD7;
  color: white;
}
@media screen and (width < 768px) {
  .paediatrics-2023 .seek-help .tabby .tabby-menu-list .tabby-menu-button {
    border-radius: 3rem;
    padding: var(--space-2xs) var(--space-xs);
    margin-bottom: 10px;
  }
}
@media screen and (width < 992px) {
  .paediatrics-2023 .seek-help .tabby .tabby-menu-list {
    overflow: auto;
    flex-wrap: nowrap;
    justify-content: left;
  }
}
.paediatrics-2023 .seek-help .tabby .tabby-content-list {
  display: flex;
  flex-direction: column-reverse;
  height: 23rem;
  position: relative;
  margin-top: 1rem;
}
@media screen and (width < 768px) {
  .paediatrics-2023 .seek-help .tabby .tabby-content-list {
    height: auto;
  }
}
.paediatrics-2023 .seek-help .tabby .tabby-content-list .tabby-content-item {
  display: none;
}
.paediatrics-2023 .seek-help .tabby .tabby-content-list .tabby-content-item.active {
  animation: fade-in 0.25s ease-in-out forwards;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--space-m) var(--space-l);
  z-index: 5;
  width: 100%;
  height: inherit;
  flex: 1 0 100%;
}
.paediatrics-2023 .seek-help .tabby .tabby-content-list .tabby-content-item.active p {
  text-align: left;
}
.paediatrics-2023 .seek-help .tabby .tabby-content-list .tabby-content-item.active .row {
  justify-content: end;
}
@media screen and (width < 768px) {
  .paediatrics-2023 .seek-help .tabby .tabby-content-list .tabby-content-item.active {
    background: #e7e8ea;
    display: block;
    height: auto;
    width: 100%;
    position: relative;
    margin-bottom: 3rem;
  }
}

.paediatrics-relayout .book-appointment {
  background-image: url(/assetsrevamp/public/images/pantai-nurse-background.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  background-position-x: center;
  background-position-y: top;
  color: #437FD7;
}
.paediatrics-relayout .book-appointment p {
  color: black;
  text-align: left !important;
}
.paediatrics-relayout .book-appointment h2 {
  text-align: left;
  font-weight: bold;
}
.paediatrics-relayout .book-appointment .book-button {
  display: block;
  width: -moz-max-content;
  width: max-content;
  color: white;
  background-color: #437FD7;
  border: 2px solid #437FD7;
  padding: 8px 30px;
  border-radius: 20px;
  font-weight: bold;
  transition: 0.3s all linear;
}
.paediatrics-relayout .book-appointment .book-button:hover {
  color: #437FD7;
  background-color: white;
}
.paediatrics-relayout .book-appointment .select-hospital {
  padding: 0.375rem 0.75rem;
  border-radius: 50px;
  border: 2px solid #437FD7;
  color: #7b7b7b;
}/*# sourceMappingURL=pantaiPaediatrics.css.map */