/* VARIABLES */
/* TYPOGRAPHY */
/* Google Fonts */
.block-content--type-timeline {
  position: relative;
}
.block-content--type-timeline .field--name-field-timeline::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(90deg, var(--bs-body-bg) 0%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 88%, var(--bs-body-bg) 100%);
}
.block-content--type-timeline .field--name-field-timeline .slick-current .paragraph--type-timeline .field--name-field-title,
.block-content--type-timeline .field--name-field-timeline .active-slide .paragraph--type-timeline .field--name-field-title {
  color: var(--menu-color);
  transition: 0.5s ease;
}
.block-content--type-timeline .field--name-field-timeline .slick-current .paragraph--type-timeline .field--name-field-title::before,
.block-content--type-timeline .field--name-field-timeline .active-slide .paragraph--type-timeline .field--name-field-title::before {
  background: radial-gradient(circle, var(--menu-color) 40%, var(--bs-body-bg) 45%);
  border: 1px solid var(--menu-color);
  box-shadow: 0px 0px 0px 10px rgba(217, 217, 217, 0.08);
}
.block-content--type-timeline .field--name-field-timeline .slick-current .paragraph--type-timeline .field--name-field-title::after,
.block-content--type-timeline .field--name-field-timeline .active-slide .paragraph--type-timeline .field--name-field-title::after {
  transition: 0.5s ease;
  background: linear-gradient(90deg, rgb(153, 153, 153) 20%, var(--menu-color) 50%, var(--menu-color) 50%, rgb(153, 153, 153) 80%);
}
.block-content--type-timeline .field--name-field-timeline .slick-current .paragraph--type-timeline .field--name-field-sub-titile,
.block-content--type-timeline .field--name-field-timeline .active-slide .paragraph--type-timeline .field--name-field-sub-titile {
  font-weight: 700;
  color: #fff;
  transition: 0.5s ease;
}
.block-content--type-timeline .field--name-field-timeline .slick-current .paragraph--type-timeline .plain-text .item-plain-text,
.block-content--type-timeline .field--name-field-timeline .active-slide .paragraph--type-timeline .plain-text .item-plain-text {
  color: #fff;
}
.block-content--type-timeline .field--name-field-timeline .paragraph--type-timeline {
  text-align: center;
}
.block-content--type-timeline .field--name-field-timeline .paragraph--type-timeline .field--name-field-title,
.block-content--type-timeline .field--name-field-timeline .paragraph--type-timeline .field--name-field-sub-titile {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  transition: 0.5s ease;
}
.block-content--type-timeline .field--name-field-timeline .paragraph--type-timeline .field--name-field-title {
  position: relative;
}
.block-content--type-timeline .field--name-field-timeline .paragraph--type-timeline .field--name-field-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #999999;
}
.block-content--type-timeline .field--name-field-timeline .paragraph--type-timeline .field--name-field-title::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  border: 1px solid #626262;
  border-radius: 100%;
  transition: 0.5s ease;
}
.block-content--type-timeline .field--name-field-timeline .paragraph--type-timeline .field--name-field-sub-titile {
  font-weight: 600;
  color: #acacac;
  transition: 0.5s ease;
}
.block-content--type-timeline .field--name-field-timeline .paragraph--type-timeline .plain-text .item-plain-text {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #444444;
  border-radius: 0.625rem;
  border: 0.5px solid #626262;
  background: rgba(217, 217, 217, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  transition: 0.5s ease;
  line-height: 2;
}
.block-content--type-timeline .slick-arrow {
  width: 43px;
  height: 43px;
  border-radius: 1.875rem;
  border: 0.3px solid #626262;
  background: rgba(196, 196, 196, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  top: 60%;
}
.block-content--type-timeline .slick-arrow::before {
  content: url("/themes/custom/alhisn/images/arrow.svg") !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 0;
  left: 0;
  right: 0;
}
.block-content--type-timeline .slick-arrow.slick-next {
  right: -50px;
}
.block-content--type-timeline .slick-arrow.slick-prev {
  left: -50px;
}
.block-content--type-timeline .slick-arrow.slick-prev::before {
  transform: translateY(-50%) rotate(180deg);
}