/* this page's background */
body {
  background-color: rgb(25, 23, 24);
}

/* picture carousel (read from the original) */
.carousel-item {
  padding: 10px;
}
.carousel {
  margin: -10px;
}
.carousel-dots {
  height: 28px;
  padding-top: 8px;
  text-align: center;
  box-sizing: border-box;
}
.carousel-dot {
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-family: "Font Awesome 5 Free";
  font-size: 6px;
  line-height: 20px;
  color: rgb(133, 130, 126);
  opacity: 1;
  vertical-align: top;
}
.carousel-dot::before {
  content: "\2022";
}
.carousel-dot.active {
  color: rgb(133, 130, 126);
  opacity: 1;
}

.row-1 > .row-body {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 768px) {
  .row-1.row > .row-body {
    padding-top: 0px;
    padding-bottom: 40px;
  }
}

.row-2 > .row-body {
  background-color: rgb(255, 255, 255);
}

.row-2 > .row-body {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 768px) {
  .row-2.row > .row-body {
    padding-top: 40px;
  }
}

.row-3 > .row-body {
  padding-top: 60px;
  padding-bottom: 80px;
}

.row-4 > .row-body {
  background-color: rgb(255, 255, 255);
}

.row-4 > .row-body {
  padding-top: 40px;
  padding-bottom: 40px;
}

.row-5 > .row-body {
  padding-top: 60px;
  padding-bottom: 80px;
}

@media (max-width: 768px) {
  .row-5.row > .row-body {
    padding-bottom: 20px;
  }
}

.col-2 {
  width: 50%;
}

.col-3 {
  width: 50%;
}

.col-5 {
  width: 50%;
}

.col-6 {
  width: 50%;
}

.col-8 {
  width: 100%;
}

.col-10 {
  width: 100%;
}

.col-12 {
  width: 100%;
}

.col-14 {
  width: 20%;
}

.col-15 {
  width: 20%;
}

.col-16 {
  width: 20%;
}

.col-17 {
  width: 20%;
}

.col-18 {
  width: 20%;
}

.col-20 {
  width: 100%;
}

.col-22 {
  width: 50%;
}

.col-23 {
  width: 50%;
}

.col-25 {
  width: 100%;
}

.mod-1 .photo {
  text-align: center;
}

@media (max-width: 1200px) {
  .mod-1 img,
  .mod-1 .photo-content {
    width: 360px;
  }
}

.mod-1 > .mod-body {
  margin-top: -40px;
}

@media (max-width: 1200px) {
  .mod-1.mod > .mod-body {
    margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .mod-1 > .mod-body {
    margin-top: 20px;
  }
}

.mod-2 .heading {
  font-size: 53px;
}

@media (max-width: 768px) {
  .mod-2 .heading {
    text-align: center;
  }
}

.mod-2 > .mod-body {
  margin-top: 80px;
}

@media (max-width: 992px) {
  .mod-2.mod > .mod-body {
    margin-top: 0px;
  }
}

@media (max-width: 768px) {
  .mod-2.mod > .mod-body {
    margin-bottom: 0px;
  }
}

.mod-3 .separator {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgb(133, 130, 126);
  max-width: 100%;
  margin: auto;
}

@media (max-width: 768px) {
  .mod-3.mod > .mod-body {
    margin-top: 0px;
  }
}

.mod-4 .heading {
  font-size: 47px;
  text-align: left;
}

@media (max-width: 992px) {
  .mod-4 .heading {
    font-size: 31px;
  }
}

@media (max-width: 768px) {
  .mod-4 .heading {
    text-align: center;
  }

  .mod-4.mod > .mod-body {
    margin-top: 0px;
  }
}

.mod-5 .button-group-layout-vertical .button-group-buttons a.button,
.mod-5 .button-group-layout-horizontal .button-group-buttons a.button {
  width: 200px;
}

.mod-5 .button-group-layout-horizontal .button-group-buttons {
  justify-content: flex-start;
}

.mod-5 .button,
.mod-5 .button {
  transition-behavior: normal;
  transition-duration: 0s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: none;
}

.mod-5 .button-group-layout-vertical .group-button .button-wrap {
  text-align: left;
}

.mod-5 .button-group-layout-horizontal .button-group-buttons {
  justify-content: flex-start;
}

.mod-5 .button-group .button-group-buttons .group-button {
  padding: 5px;
}

.mod-5 .button-group-buttons a.button {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.mod-5 .button-group-buttons a.button:hover {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

@media (max-width: 768px) {
  .mod-5 .button-group-layout-vertical .group-button .button-wrap {
    text-align: center;
  }

  .mod-5 .button-group-layout-horizontal .button-group-buttons {
    justify-content: center;
  }
}

.row .col .mod-6 h2.heading a,
.row .col .mod-6 h2.heading,
.row .col .mod-6 h2.heading *,
.mod-6 h2.heading {
  color: rgb(30, 23, 21);
}

.mod-6 .heading {
  font-size: 57px;
  letter-spacing: 7px;
}

@media (max-width: 992px) {
  .mod-6 .heading {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  .mod-6 .heading {
    font-size: 47px;
  }

  .mod-6.mod > .mod-body {
    margin-top: 0px;
  }
}

.mod-7 .uabb-timeline-field:last-child {
  margin-bottom: 0px;
}

.mod-7 .uabb-date-inner .inner-date-new,
.mod-7 .uabb-timeline-main .inner-date-new,
.mod-7 .uabb-timeline-horizontal .uabb-timeline-card-date {
  display: none;
}

.mod-7 .uabb-timeline__line {
  width: 2px;
}

.mod-7 .uabb-timeline-connector::before {
  height: 2px;
}

.mod-7 .uabb-timeline-connector::before {
  bottom: 6px;
}

.mod-7 .uabb-timeline-marker,
.mod-7 .uabb-timeline-connector .uabb-timeline-marker i {
  min-height: 12px;
  min-width: 12px;
  line-height: 12px;
}

.mod-7 .uabb-timeline-arrow {
  height: 12px;
}

.mod-7 .uabb-timeline--left .uabb-timeline__line {
  left: 6px;
}

.mod-7 .uabb-timeline--right .uabb-timeline__line {
  right: 6px;
}

.rtl .mod-7 .uabb-timeline--left .uabb-timeline__line {
  right: 6px;
}

.rtl .mod-7 .uabb-timeline--right .uabb-timeline__line {
  left: 6px;
}

.mod-7 .uabb-timeline-field:not(:last-child) {
  margin-bottom: 20px;
}

.mod-7 .uabb-timeline-heading {
  margin-bottom: 10px;
}

.mod-7 .uabb-timeline-main .uabb-content .uabb-timeline-heading {
  color: rgb(133, 130, 126);
}

.mod-7 .uabb-timeline-main .in-view .uabb-content .uabb-timeline-heading,
.mod-7 .uabb-timeline-main .slick-current .uabb-content .uabb-timeline-heading {
  color: rgb(133, 130, 126);
}

.mod-7 .uabb-timeline-main .animate-border:hover .uabb-content .uabb-timeline-heading {
  color: rgb(133, 130, 126);
}

.mod-7 .uabb-timeline-main .uabb-timeline-desc-content,
.mod-7 .uabb-timeline-main .inner-date-new,
.mod-7 .uabb-timeline-main a .uabb-timeline-desc-content,
.mod-7 .uabb-timeline-card-date {
  color: rgb(133, 130, 126);
}

.mod-7 .uabb-events-inner-new {
  background-color: rgb(255, 255, 255);
}

.mod-7 .uabb-timeline--center .uabb-day-right .uabb-timeline-arrow::after,
.mod-7 .uabb-timeline--right .uabb-day-right .uabb-timeline-arrow::after,
.mod-7 .uabb-timeline--right .uabb-day-left .uabb-timeline-arrow::after,
.rtl .mod-7 .uabb-timeline--left .uabb-day-right .uabb-timeline-arrow::after,
.rtl .mod-7 .uabb-timeline--center .uabb-day-left .uabb-timeline-arrow::after,
.rtl .mod-7 .uabb-timeline--left .uabb-day-left .uabb-timeline-arrow::after,
.mod-7 .uabb-timeline--center .uabb-timeline-responsive-tablet.uabb-timeline-res-right .uabb-day-right .uabb-timeline-arrow::after,
.mod-7 .uabb-timeline--center .uabb-timeline-responsive-tablet.uabb-timeline-res-right .uabb-day-left .uabb-timeline-arrow::after,
.mod-7 .uabb-timeline--center .uabb-timeline-responsive-mobile.uabb-timeline-res-right .uabb-day-right .uabb-timeline-arrow::after,
.mod-7 .uabb-timeline--center .uabb-timeline-responsive-mobile.uabb-timeline-res-right .uabb-day-left .uabb-timeline-arrow::after,
.rtl .mod-7 .uabb-timeline--center .uabb-timeline-responsive-tablet .uabb-day-right .uabb-timeline-arrow::after,
.rtl .mod-7 .uabb-timeline--center .uabb-timeline-responsive-tablet .uabb-day-left .uabb-timeline-arrow::after,
.rtl .mod-7 .uabb-timeline--center .uabb-timeline-responsive-mobile .uabb-day-right .uabb-timeline-arrow::after,
.rtl .mod-7 .uabb-timeline--center .uabb-timeline-responsive-mobile .uabb-day-left .uabb-timeline-arrow::after {
  border-left-color: rgb(255, 255, 255);
}

.rtl .mod-7 .uabb-timeline--center .uabb-day-right .uabb-timeline-arrow::after,
.rtl .mod-7 .uabb-timeline--right .uabb-day-right .uabb-timeline-arrow::after,
.rtl .mod-7 .uabb-timeline--right .uabb-day-left .uabb-timeline-arrow::after,
.mod-7 .uabb-timeline--left .uabb-day-right .uabb-timeline-arrow::after,
.mod-7 .uabb-timeline--center .uabb-day-left .uabb-timeline-arrow::after,
.mod-7 .uabb-timeline--left .uabb-day-left .uabb-timeline-arrow::after,
.mod-7 .uabb-timeline--center .uabb-timeline-responsive-tablet .uabb-day-right .uabb-timeline-arrow::after,
.mod-7 .uabb-timeline--center .uabb-timeline-responsive-tablet .uabb-day-left .uabb-timeline-arrow::after,
.mod-7 .uabb-timeline--center .uabb-timeline-responsive-mobile .uabb-day-right .uabb-timeline-arrow::after,
.mod-7 .uabb-timeline--center .uabb-timeline-responsive-mobile .uabb-day-left .uabb-timeline-arrow::after,
.rtl .mod-7 .uabb-timeline--center .uabb-timeline-responsive-tablet.uabb-timeline-res-right .uabb-day-right .uabb-timeline-arrow::after,
.rtl .mod-7 .uabb-timeline--center .uabb-timeline-responsive-tablet.uabb-timeline-res-right .uabb-day-left .uabb-timeline-arrow::after,
.rtl .mod-7 .uabb-timeline--center .uabb-timeline-responsive-mobile.uabb-timeline-res-right .uabb-day-right .uabb-timeline-arrow::after,
.rtl .mod-7 .uabb-timeline--center .uabb-timeline-responsive-mobile.uabb-timeline-res-right .uabb-day-left .uabb-timeline-arrow::after {
  border-right-color: rgb(255, 255, 255);
}

.mod-7 .uabb-timeline-horizontal .slick-active .uabb-timeline-arrow {
  border-bottom-color: rgb(255, 255, 255);
}

.mod-7 .uabb-day-right .uabb-events-inner-new,
.mod-7 .uabb-day-left .uabb-events-inner-new {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.mod-7 .uabb-timeline-main .uabb-day-right .uabb-events-inner-new,
.mod-7 .uabb-timeline-main .uabb-day-left .uabb-events-inner-new {
  padding: 30px 30px 0px;
}

.mod-7 .uabb-timeline-main .timeline-icon-new,
.mod-7 .uabb-timeline-connector .uabb-timeline-marker i {
  font-size: 12px;
}

.mod-7 .uabb-timeline--center .uabb-timeline__line,
.mod-7 .uabb-timeline--left .uabb-timeline__line,
.mod-7 .uabb-timeline--right .uabb-timeline__line,
.mod-7 .uabb-timeline-connector::before {
  background-color: rgb(133, 130, 126);
}

.mod-7 .uabb-timeline__line__inner {
  background-color: rgb(23, 23, 23);
}

.mod-7 .uabb-timeline-main .animate-border .timeline-icon-new,
.mod-7 .timeline-icon-new {
  color: rgb(133, 130, 126);
}

.mod-7 .uabb-timeline-main .uabb-days .in-view .in-view-timeline-icon .timeline-icon-new,
.mod-7 .uabb-timeline-connector .slick-current .uabb-timeline-marker .timeline-icon-new {
  color: rgb(255, 255, 255);
}

.mod-7 .uabb-timeline-main .uabb-days .uabb-timeline-field.in-view .uabb-timeline-marker-wrapper.in-view-timeline-icon,
.mod-7 .uabb-timeline-connector .slick-current .uabb-timeline-marker i {
  background-color: rgb(23, 23, 23);
}

.mod-8 .uabb-image-carousel {
  margin: -10px;
}

.mod-8 .uabb-image-carousel-item {
  width: 16.6667%;
  padding: 10px;
}

.mod-8 .slick-prev i,
.mod-8 .slick-next i,
.mod-8 .slick-prev i:hover,
.mod-8 .slick-next i:hover,
.mod-8 .slick-prev i:focus,
.mod-8 .slick-next i:focus {
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
  color: rgb(133, 130, 126);
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(239, 239, 239);
}

.mod-8 .uabb-image-carousel ul.slick-dots li button::before {
  color: rgb(133, 130, 126);
}

.mod-8 .uabb-image-carousel ul.slick-dots li.slick-active button::before {
  color: rgb(133, 130, 126);
  opacity: 1;
}

.mod-8 .uabb-image-carousel-caption {
  background-color: rgb(247, 247, 247);
}

@media (max-width: 768px) {
  .mod-8 div.uabb-image-carousel .slick-prev,
  .mod-8 [dir="rtl"] div.uabb-image-carousel .slick-next {
    left: 10px;
  }

  .mod-8 div.uabb-image-carousel .slick-next,
  .mod-8 [dir="rtl"] div.uabb-image-carousel .slick-prev {
    right: 10px;
    transform: translate(50%, -50%);
  }

  .mod-8 .uabb-image-carousel .slick-prev i,
  .mod-8 .uabb-image-carousel .slick-next i,
  .mod-8 .uabb-image-carousel .slick-prev i:hover,
  .mod-8 .uabb-image-carousel .slick-prev i:focus,
  .mod-8 .uabb-image-carousel .slick-next i:focus,
  .mod-8 .uabb-image-carousel .slick-next i:hover {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
  }
}

.mod-8 > .mod-body {
  margin-top: 40px;
  margin-bottom: 0px;
}

@media (max-width: 768px) {
  .mod-8 > .mod-body {
    margin-top: 20px;
  }
}

.mod-9 .heading {
  font-size: 47px;
  letter-spacing: 7px;
  text-align: left;
}

@media (max-width: 768px) {
  .mod-9 .heading {
    font-size: 47px;
  }
}

.mod-10 .photo {
  text-align: center;
}

.mod-10 img,
.mod-10 .photo-content {
  width: 160px;
}

.mod-11 .heading {
  font-size: 18px;
  letter-spacing: 7px;
  text-align: center;
}

@media (max-width: 768px) {
  .mod-11 .heading {
    font-size: 20px;
  }
}

.mod-11 > .mod-body {
  margin-top: 29px;
}

@media (max-width: 768px) {
  .mod-11 > .mod-body {
    margin-top: 20px;
  }
}

.mod-12 .photo {
  text-align: center;
}

.mod-12 img,
.mod-12 .photo-content {
  width: 170px;
}

.mod-13 .heading {
  font-size: 18px;
  letter-spacing: 7px;
  text-align: center;
}

@media (max-width: 768px) {
  .mod-13 .heading {
    font-size: 20px;
  }
}

.mod-13 > .mod-body {
  margin-top: 30px;
}

@media (max-width: 768px) {
  .mod-13 > .mod-body {
    margin-top: 20px;
  }
}

.mod-14 .photo {
  text-align: center;
}

.mod-14 img,
.mod-14 .photo-content {
  width: 230px;
}

.mod-15 .heading {
  font-size: 18px;
  letter-spacing: 7px;
  text-align: center;
}

@media (max-width: 768px) {
  .mod-15 .heading {
    font-size: 20px;
  }
}

.mod-15 > .mod-body {
  margin-top: 30px;
}

@media (max-width: 768px) {
  .mod-15 > .mod-body {
    margin-top: 20px;
  }
}

.mod-16 .photo {
  text-align: center;
}

.mod-16 img,
.mod-16 .photo-content {
  width: 165px;
}

.mod-17 .heading {
  font-size: 18px;
  letter-spacing: 7px;
  text-align: center;
}

@media (max-width: 768px) {
  .mod-17 .heading {
    font-size: 20px;
  }
}

.mod-18 .photo {
  text-align: center;
}

.mod-18 img,
.mod-18 .photo-content {
  width: 208px;
}

.mod-19 .heading {
  font-size: 18px;
  letter-spacing: 7px;
  text-align: center;
}

@media (max-width: 768px) {
  .mod-19 .heading {
    font-size: 20px;
  }
}

.mod-20 .heading {
  font-size: 47px;
  letter-spacing: 7px;
  text-align: left;
}

@media (max-width: 768px) {
  .mod-20 .heading {
    font-size: 46px;
  }
}

.mod-21 .gallery,
.mod-21 .uabb-masonary-content {
  margin: -3.5px;
}

.mod-21 .uabb-grid-sizer {
  width: 33.3333%;
}

.mod-21 .uabb-masonary-item {
  width: 33.3333%;
  padding: 3.5px;
}

.mod-21 .gallery-caption {
  background-color: rgb(247, 247, 247);
}

@media (max-width: 992px) {
  .mod-21 .uabb-grid-sizer {
    width: 50%;
  }

  .mod-21 .uabb-masonary-item {
    width: 50%;
  }
}

@media (max-width: 768px) {
  .mod-21 .uabb-grid-sizer {
    width: 100%;
  }

  .mod-21 .uabb-masonary-item {
    width: 100%;
  }
}

.mod-21 .uabb-photo__gallery-filter:hover,
.mod-21 .uabb-photo__gallery-filter.uabb-filter__current {
  background-color: rgb(0, 181, 36);
}

.mod-21 .uabb-photo__gallery-filters {
  text-align: center;
}

.mod-21 .uabb-photo__gallery-filter:hover,
.mod-21 .uabb-photo__gallery-filter.uabb-filter__current {
  
}

@media (max-width: 992px) {
  .mod-21 .uabb-photo__gallery-filter {
    
  }

  .mod-21 .uabb-masonary-item {
    padding: 0px;
  }
}

@media (max-width: 768px) {
  .mod-21 .uabb-photo__gallery-filter {
    
  }

  .mod-21 .uabb-masonary-item {
    padding: 0px;
  }
}

.mod-22 .heading {
  font-size: 47px;
  letter-spacing: 7px;
  text-align: left;
}

@media (max-width: 768px) {
  .mod-22 .heading {
    font-size: 40px;
  }
}

.mod-23 .text,
.mod-23 .text :not(b, strong) {
  font-size: 22px;
}

.mod-23 > .mod-body {
  margin-top: 0px;
}

.mod-24 a.button,
.mod-24 a.button:hover,
.mod-24 a.button:visited {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(255, 0, 0, 0);
}

.mod-24 a.button:hover {
  background-color: rgba(255, 0, 0, 0);
}

.mod-24 a.button,
.mod-24 a.button:visited,
.mod-24 a.button,
.mod-24 a.button:visited {
  color: rgb(139, 136, 133);
}

.mod-24 a.button:hover,
.mod-24 a.button:hover,
.mod-24 a.button:hover {
  color: rgb(139, 136, 133);
}

.mod-24 a.button {
  width: 377px;
}

.mod-24 .button-wrap {
  text-align: left;
}

.mod-24 a.button,
.mod-24 a.button:visited {
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  background-clip: border-box;
  border-top-color: rgb(139, 136, 133);
  border-right-color: rgb(139, 136, 133);
  border-bottom-color: rgb(139, 136, 133);
  border-left-color: rgb(139, 136, 133);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.mod-24 a.button:hover,
.mod-24 a.button:focus {
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  background-clip: border-box;
  border-top-color: rgb(139, 136, 133);
  border-right-color: rgb(139, 136, 133);
  border-bottom-color: rgb(139, 136, 133);
  border-left-color: rgb(139, 136, 133);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.mod-24 > .mod-body {
  margin-top: 0px;
}

.mod-25 .heading {
  font-size: 33px;
  letter-spacing: 7px;
}

.mod-25 > .mod-body {
  margin-bottom: 0px;
}

.mod-26 .separator {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(139, 136, 133, 0.23);
  max-width: 77%;
  margin: 0px;
}

.mod-27 .text,
.mod-27 .text :not(b, strong) {
  font-size: 22px;
}

.mod-27 > .mod-body {
  margin-top: 0px;
}

.mod-28 .photo {
  text-align: center;
}

.mod-28 img,
.mod-28 .photo-content {
  width: 400px;
}

@media (max-width: 992px) {
  .mod-28 img,
  .mod-28 .photo-content {
    width: 330px;
  }
}

@media (max-width: 768px) {
  .mod-28 img,
  .mod-28 .photo-content {
    width: 250px;
  }

  .mod-28.mod > .mod-body {
    margin-top: 0px;
  }
}

/* button group (read from the original) */
.button-group-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: normal;
  gap: normal;
}
.group-button {
  flex: 0 0 auto;
  padding: 5px;
  margin: 0px;
}
/* timeline (read from the original) */
.timeline {
  position: relative;
}
.tl-line {
  position: absolute;
  left: 5px;
  top: 31px;
  bottom: 48px;
  width: 2px;
  background: rgb(133, 130, 126);
}
.tl-line-fill {
  height: 100%;
  background: rgb(23, 23, 23);
}
.tl-item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.tl-card, .tl-side {
  flex: 1 1 calc((100% - 12px) / 2);
  min-width: 0;
  box-sizing: border-box;
}
.tl-marker {
  flex: none;
  position: relative;
  width: 12px;
  height: 12px;
  margin: 0px 0px 0px 0px;
  border-radius: 999px;
  background: rgb(238, 238, 238);
  color: rgb(133, 130, 126);
  font-size: 12px;
  line-height: 12px;
  text-align: center;
}
.tl-text-left .tl-card {
  padding: 30px 30px 0px 30px;
  margin: 0px 0px 0px 14px;
  text-align: left;
}
.tl-text-right .tl-card {
  padding: 30px 30px 0px 30px;
  margin: 0px 0px 0px 14px;
  text-align: left;
}
.tl-title {
  font-family: Tinos, serif;
  font-weight: 400;
  color: rgb(133, 130, 126);
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 10px;
}