[id^=block-ccb50-history] {
  overflow: hidden;
}

[id^=block-ccb50-history] h2.title {
  text-align: center;
  margin-top: 120px;
  color: #005366;
}

#history-section {
  padding: 60px 0;
  margin: 0 20% 0 180px;
}

@media all and (max-width: 1024px) {
  #history-section {
    margin: 0 40px;
  }
}

#history-section .history-container {
  display: flex;
  gap: 50px;
  /* the parent */
}

#history-section .history-container .history-block {
  position: relative;
  flex: 0 0 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-height: 350px;
  box-shadow: 0px 8px 13px rgba(69, 69, 69, 0.2);
}

#history-section .history-container .history-block .history-year {
  position: absolute;
  top: -30px;
  left: -25px;
  width: 100px;
  height: 100px;
  background-color: #FDBA27;
  line-height: 100px;
  font-family: "caveat-brush";
  font-size: 2rem;
  color: #005366;
  text-align: center;
}

#history-section .history-container .history-block .history-content {
  padding: 95px 20px 20px;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

#history-section .history-container .slick-dots {
  bottom: -40px;
}

#history-section .history-container .slick-dots li {
  width: 14px;
  height: 14px;
}

#history-section .history-container .slick-dots li button {
  width: 14px;
  height: 14px;
}

#history-section .history-container .slick-dots li button:before {
  font-size: 0;
  line-height: 14px;
  width: 14px;
  height: 14px;
  background-color: #005366;
}

#history-section .history-container .slick-dots li.slick-active button:before {
  background-color: #FDBA27;
}

#history-section .history-container .slick-slide {
  margin: 50px;
  max-width: 423px;
}

#history-section .history-container .slick-list {
  margin: 0 -50px;
}

#history-section .history-container.slick-initialized {
  max-width: 423px;
  margin: 0 auto;
}

/*# sourceMappingURL=../maps/ccb50/ccb50history.css.map */