/* --------------------------- Horizontal Wrapper --------------------------- */
.cptb-wrapper.cptb-horizontal-timeline {
    --tw-ibx-position: 50;
  
    --tw-cbx-text-align: center;
  
    --tw-cbx-bd-top-width: 3px;
    --tw-cbx-bd-right-width: 0px;
    --tw-cbx-bd-bottom-width: 0px;
    --tw-cbx-bd-left-width: 0px;
    --tw-line-filling-color: transparent;
    --tw-cbx-img-order: 2;
  
    --nav-icon-height: 24px;
    --nav-icon-width: 24px;
    --nav-icon-color: var(--tw-line-bg, #222);
    --nav-icon-radius: 0;
  
    overflow: visible;
  }
  .cptb-horizontal-timeline.cptb-wrapper.style-2 {
    --tw-cbx-img-order: 2;
  
    --tw-ibx-radius: 0;
    --tw-ibx-bd-width: calc(var(--tw-line-bd-width, var(--tw-line-width)));
  
    --tw-cbx-radius: 0px 0px 0px 0px;
    --tw-cbx-padding: 0px;
    --tw-cbx-bd-top-width: 0px;
  
    --tw-cbx-title-color: #fff;
    --tw-cbx-title-bg: var(--tw-ibx-bg);
    --tw-cbx-title-padding: 8px 12px 8px 12px;
    --tw-cbx-title-margin: 0px 0px 0px 0px;
  
    --tw-cbx-des-padding: 0px 10px 0px 10px;
  }
  .cptb-horizontal-timeline.cptb-wrapper.style-3 {
    --tw-cbx-radius: 0px 0px 0px 0px;
    --tw-cbx-padding: 0px;
    --tw-cbx-bd-top-width: 0px;
    --tw-cbx-bg: #fff;
    --tw-cbx-shadow: 0px;
  }
  .cptb-horizontal-timeline.cptb-wrapper.style-4 {
    --tw-cbx-radius: 0px 0px 0px 0px;
    --tw-cbx-bd-top-width: 0px;
    --tw-cbx-bg: #fff;
    --tw-cbx-shadow: 0px;
  }
  .cptb-horizontal-timeline.cptb-wrapper.style-4 .cptb-content {
    background: transparent !important;
  }
  .cptb-horizontal-timeline.cptb-wrapper {
    width: calc(100% - var(--nav-icon-width) * 2);
    margin: 0 var(--nav-icon-width);
  }
  .cptb-wrapper-inside {
    overflow: hidden;
  }
  /* ------------------------ Horizontal Wrapper - END ------------------------ */
  
  /* --------------------------------- Slider --------------------------------- */
  .cptb-horizontal-timeline.cptb-wrapper .cptb-slider-container {
    width: calc(100% - var(--tw-cbx-space));
    margin: 0 calc(var(--tw-cbx-space) * 0.5px);
    display: block;
    position: relative;
  
  }
  .cptb-horizontal-timeline.cptb-wrapper .cptb-slider-container.swiper-container {
    overflow: hidden;
  }
  /* ------------------------------ Slider - END ------------------------------ */
  
  /* --------------------------- Next / Prev Buttons -------------------------- */
  .cptb-horizontal-timeline.cptb-wrapper .cptb-button-prev,
  .cptb-horizontal-timeline.cptb-wrapper .cptb-button-next {
    position: absolute;
    top: calc(
      0px + var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) +
        20px + var(--tw-ibx-size) - var(--nav-icon-height) * 0.5
    );
    background: var(--nav-icon-background);
    color: var(--nav-icon-color);
    width: var(--nav-icon-width);
    height: var(--nav-icon-height);
    font-size: calc(var(--nav-icon-height) - 4px);
    line-height: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    cursor: pointer;
  }
  .cptb-horizontal-timeline.cptb-wrapper .cptb-button-next {
    right: calc(0px - var(--nav-icon-width));
  }
  .cptb-horizontal-timeline.cptb-wrapper .cptb-button-prev {
    left: calc(0px - var(--nav-icon-width));
  }
  /* ------------------------ Next / Prev Buttons - END ----------------------- */
  
  /* ---------------------------- Horizontal Line ---------------------------- */
  .cptb-horizontal-timeline.cptb-wrapper .cptb-story-line {
    position: absolute;
    top: calc(0px - var(--tw-ibx-size) - var(--tw-line-width) / 2);
    left: calc(0px - var(--tw-cbx-space) * 0.5px);
    display: block;
    width: calc(100% + var(--tw-cbx-space) * 1px);
    height: var(--tw-line-width);
    background-color: var(--tw-line-bg);
    border-width: calc(var(--tw-line-bd-width) * 1px) 0px
      calc(var(--tw-line-bd-width) * 1px) 0px;
    border-style: var(--tw-line-bd-style);
    border-color: var(--tw-line-bd-color);
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-bottom .cptb-story-line,
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-both
    .cptb-story:nth-child(2n + 1)
    .cptb-story-line {
    top: auto;
    bottom: calc(0px - var(--tw-ibx-size) - var(--tw-line-width) / 2);
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-both
    .cptb-story:nth-child(2n + 1):before,
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-both
    .cptb-story:nth-child(2n + 1):after {
    content: "";
    position: absolute;
    width: var(--tw-line-width);
    height: calc(
      100% -
        (
          var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) +
            20px - var(--tw-line-width)
        )
    );
    bottom: calc(0px - var(--tw-ibx-size) - var(--tw-line-width) / 2);
    background-color: var(--tw-line-bg);
    border-width: 0px calc(var(--tw-line-bd-width) * 1px) 0px
      calc(var(--tw-line-bd-width) * 1px);
    border-style: var(--tw-line-bd-style);
    border-color: var(--tw-line-bd-color);
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-both
    .cptb-story:nth-child(2n + 1):before {
    left: calc(0px - var(--tw-cbx-space) * 0.5px - var(--tw-line-width) / 2);
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-both
    .cptb-story:nth-child(2n + 1):after {
    right: calc(0px - var(--tw-cbx-space) * 0.5px - var(--tw-line-width) / 2);
  }
  /* -------------------------- Horizontal Line - END ------------------------ */
  
  /* -------------------------------- Line Fill ------------------------------- */
  .cptb-horizontal-timeline.cptb-wrapper .cptb-h-line {
    position: absolute;
    top: calc(
      0px + var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) +
        20px + var(--tw-ibx-size) - var(--tw-line-width) * 0.5
    );
    left: 0;
    display: block;
    width: 100%;
    height: var(--tw-line-width);
    background-color: var(--tw-line-bg);
    border-width: calc(var(--tw-line-bd-width) * 1px) 0px
      calc(var(--tw-line-bd-width) * 1px) 0px;
    border-style: var(--tw-line-bd-style);
    border-color: var(--tw-line-bd-color);
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-bottom .cptb-story-line {
    top: auto;
    bottom: calc(
      0px + var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) +
        20px + var(--tw-ibx-size) - var(--tw-line-width) * 0.5
    );
  }
  .cptb-line-fill.swiper-pagination-progressbar {
    position: absolute;
    top: calc(
      0px + var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) +
        20px + var(--tw-ibx-size) - var(--tw-line-width) * 0.5
    );
    left: 0;
    width: 100%;
    height: var(--tw-line-width);
    background: transparent;
  }
  .cptb-line-fill.swiper-pagination-progressbar
    .swiper-pagination-progressbar-fill {
    background: var(--tw-line-filling-color);
  }
  .cptb-line-filler .cptb-story-line {
    display: none;
  }
  /* ----------------------------- Line Fill - END ---------------------------- */
  
  /* ------------------------ Line Year Box Horizontal ------------------------ */
  .cptb-horizontal-timeline.cptb-wrapper .cptb-year {
    position: absolute;
    top: calc(
      var(--tw-ibx-size) / 2 - var(--tw-ibx-size) * 2 -
        (
          var(--tw-ybx-size) * ((60 + var(--tw-ibx-radius) / 1.25) / 100) -
            var(--tw-ibx-size)
        ) / 2
    );
    /* left: calc(0px - var(--tw-cbx-space) * 0.5px - var(--tw-ybx-size) / 2); */
    left: 10px;
    margin: 0;
    justify-content: flex-start;
    width: auto;
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-bottom .cptb-year,
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-both
    .cptb-story:nth-child(2n + 1)
    .cptb-year {
    top: auto;
    bottom: calc(
      var(--tw-ibx-size) / 2 - var(--tw-ibx-size) * 2 -
        (
          var(--tw-ybx-size) * ((60 + var(--tw-ibx-radius) / 1.25) / 100) -
            var(--tw-ibx-size)
        ) / 2
    );
  }
  .cptb-horizontal-timeline.cptb-wrapper .cptb-year-text:before,
  .cptb-horizontal-timeline.cptb-wrapper .cptb-year-text:after {
    width: calc(var(--tw-ybx-bd-width) + var(--tw-line-width) * 0.1);
    height: calc(var(--tw-line-width) - var(--tw-line-bd-width) * 2px);
    top: calc(50% - (var(--tw-line-width) - var(--tw-line-bd-width) * 2px) / 2);
  }
  .cptb-horizontal-timeline.cptb-wrapper .cptb-year-text:before {
    left: 0;
  }
  .cptb-horizontal-timeline.cptb-wrapper .cptb-year-text:after {
    right: 0;
  }
  /* --------------------- Line Year Box Horizontal - END --------------------- */
  
  /* ---------------------------- Labels Horizontal --------------------------- */
  .cptb-horizontal-timeline.cptb-wrapper .cptb-labels {
    justify-content: var(--tw-lbl-justify);
    top: calc(
      0px -
        (var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap)) -
        var(--tw-ibx-size) * 2
    );
    padding: 5px;;
    /* height: calc(
      var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap)
    ); */
    text-align: center;
    background-color: var(--tw-lbl-bg-color);
    /* margin-left: var(--tw-cbx-left-margin); */
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-bottom .cptb-labels,
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-both
    .cptb-story:nth-child(2n + 1)
    .cptb-labels {
    top: auto;
    bottom: calc(
      0px -
        (var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap)) -
        var(--tw-ibx-size) * 2
    );
  }
  .cptb-horizontal-timeline.cptb-wrapper .cptb-position-40-minus .cptb-labels {
    text-align: left;
    padding-left: calc(
      var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position) /
        100
    );
  }
  .cptb-horizontal-timeline.cptb-wrapper .cptb-position-40-50 .cptb-labels {
    width: calc(
      (
          var(--tw-ibx-position) * 1% - var(--tw-ibx-size) *
            var(--tw-ibx-position) / 100
        ) * 2 + var(--tw-ibx-size)
    );
  }
  .cptb-horizontal-timeline.cptb-wrapper .cptb-position-50-60 .cptb-labels {
    padding-left: calc(
      100% -
        (
          (
              100% -
                (
                  var(--tw-ibx-position) * 1% - var(--tw-ibx-size) *
                    var(--tw-ibx-position) / 100
                )
            ) * 2 - var(--tw-ibx-size)
        )
    );
  }
  .cptb-horizontal-timeline.cptb-wrapper .cptb-position-60-plus .cptb-labels {
    text-align: right;
    width: calc(
      var(--tw-ibx-size) + var(--tw-ibx-position) * 1% - var(--tw-ibx-size) *
        var(--tw-ibx-position) / 100
    );
  }
  /* ------------------------- Labels Horizontal - END ------------------------ */
  
  /* ------------------------ Icon / Dot Box Horizontal ----------------------- */
  .cptb-horizontal-timeline.cptb-wrapper .cptb-icon {
    left: calc(
      var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position) /
        100
    );
    margin-left: calc(
      var(--tw-cbx-left-margin) - var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position) /
        100 + var(--tw-ibx-size) / 2 - var(--tw-ibx-size) / 7
    );
    top: calc(var(--tw-ibx-size) / 2 - var(--tw-ibx-size) * 2);
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-bottom .cptb-icon,
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-both
    .cptb-story:nth-child(2n + 1)
    .cptb-icon {
    top: auto;
    bottom: calc(var(--tw-ibx-size) / 2 - var(--tw-ibx-size) * 2);
  }
  .cptb-horizontal-timeline.cptb-wrapper .cptb-icondot {
    top: calc(var(--tw-ibx-size) * 0.75 - var(--tw-ibx-size) * 2);
    left: calc(
      var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position) /
        100 + var(--tw-ibx-size) / 4
    );
    margin-left: calc(
      var(--tw-cbx-left-margin) - var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position) /
        100 + var(--tw-ibx-size) / 2 - var(--tw-ibx-size) / 7
    );
    z-index: 4;
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-bottom .cptb-icondot,
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-both
    .cptb-story:nth-child(2n + 1)
    .cptb-icondot {
    top: auto;
    bottom: calc(var(--tw-ibx-size) * 0.75 - var(--tw-ibx-size) * 2);
  }
  .cptb-horizontal-timeline.cptb-wrapper .cptb-icondot:before,
  .cptb-horizontal-timeline.cptb-wrapper .cptb-icondot:after,
  .cptb-horizontal-timeline.cptb-wrapper .cptb-icon:before,
  .cptb-horizontal-timeline.cptb-wrapper .cptb-icon:after {
    width: calc(var(--tw-ibx-bd-width) + var(--tw-line-width) * 0.1);
    height: calc(var(--tw-line-width) - var(--tw-line-bd-width) * 2px);
    top: calc(50% - (var(--tw-line-width) - var(--tw-line-bd-width) * 2px) / 2);
  }
  .cptb-horizontal-timeline.cptb-wrapper .cptb-icondot:before,
  .cptb-horizontal-timeline.cptb-wrapper .cptb-icon:before {
    left: calc(0px - var(--tw-ibx-bd-width));
  }
  .cptb-horizontal-timeline.cptb-wrapper .cptb-icondot:after,
  .cptb-horizontal-timeline.cptb-wrapper .cptb-icon:after {
    right: calc(0px - var(--tw-ibx-bd-width));
  }
  /* --------------------- Icon / Dot Box Horizontal - END -------------------- */
  
  /* ----------------------- Story Box Arrow Horizontal ----------------------- */
  .cptb-horizontal-timeline.cptb-wrapper .cptb-arrow {
    background: linear-gradient(
      to bottom right,
      var(--tw-cbx-title-bg, var(--tw-arw-bg)) 52%,
      transparent 48%
    );
    top: calc(
      var(--tw-ibx-size) / 7 - var(--tw-ibx-size) / 3.5 +
        var(--tw-cbx-bd-top-width) / 3
    );
    left: calc(
      var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position) /
        100 + var(--tw-ibx-size) / 2 - var(--tw-ibx-size) / 7
    );
    margin-left: calc(
      var(--tw-cbx-left-margin) - var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position) /
        100 + var(--tw-ibx-size) / 2 - var(--tw-ibx-size) / 7
    );
    border-width: var(--tw-cbx-bd-top-width) 0 0 var(--tw-cbx-bd-top-width);
  }
  .cptb-horizontal-timeline.cptb-wrapper
    .cptb-story.cptb-bg-hover:hover
    .cptb-arrow,
  .cptb-horizontal-timeline.cptb-wrapper.cptb-bg-gradient
    .cptb-story.cptb-bg-hover:hover
    .cptb-arrow,
  .cptb-horizontal-timeline.cptb-wrapper.cptb-bg-multicolor
    .cptb-story.cptb-bg-hover:hover
    .cptb-arrow {
    background: linear-gradient(
      to bottom right,
      var(--tw-cbx-title-bg, var(--tw-cbx-bg-hover)) 52%,
      transparent 48%
    );
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-bg-multicolor
    .cptb-story:nth-child(4n - 2)
    .cptb-arrow {
    background: linear-gradient(
      to bottom right,
      var(--tw-arw-bg2, var(--tw-arw-bg)) 52%,
      transparent 48%
    );
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-bg-multicolor
    .cptb-story:nth-child(4n - 1)
    .cptb-arrow {
    background: linear-gradient(
      to bottom right,
      var(--tw-arw-bg3, var(--tw-arw-bg)) 52%,
      transparent 48%
    );
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-bg-multicolor
    .cptb-story:nth-child(4n)
    .cptb-arrow {
    background: linear-gradient(
      to bottom right,
      var(--tw-arw-bg4, var(--tw-arw-bg)) 52%,
      transparent 48%
    );
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-bottom .cptb-arrow,
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-both
    .cptb-story:nth-child(2n + 1)
    .cptb-arrow {
    background: linear-gradient(
      to top left,
      var(--tw-arw-bg) 52%,
      transparent 48%
    );
    top: auto;
    bottom: calc(
      var(--tw-ibx-size) / 7 - var(--tw-ibx-size) / 3.5 +
        var(--tw-cbx-bd-top-width) / 3
    );
    border-width: 0px var(--tw-cbx-bd-bottom-width) var(--tw-cbx-bd-bottom-width)
      0px;
  }
  .cptb-horizontal-timeline.cptb-wrapper .cptb-arrow-line {
    top: calc(0px - var(--tw-ibx-size) * 1);
    left: calc(
      var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position) /
        100 + var(--tw-ibx-size) / 2 - var(--tw-line-width) / 2
    );
    margin-left: calc(
      var(--tw-cbx-left-margin) - var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position) /
        100 + var(--tw-ibx-size) / 2 - var(--tw-ibx-size) / 7
    );
    height: calc(var(--tw-ibx-size) * 1);
    width: var(--tw-line-width);
    border-width: 0px calc(var(--tw-line-bd-width) * 1px) 0px
      calc(var(--tw-line-bd-width) * 1px);
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-bottom .cptb-arrow-line,
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-both
    .cptb-story:nth-child(2n + 1)
    .cptb-arrow-line {
    top: auto;
    bottom: calc(0px - var(--tw-ibx-size) * 0.5);
  }
  .cptb-horizontal-timeline.cptb-wrapper .cptb-story-no-icon .cptb-arrow-line {
    height: calc(var(--tw-ibx-size) * 1);
    top: calc(0px - var(--tw-ibx-size) * 1);
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-bottom
    .cptb-story-no-icon
    .cptb-arrow-line,
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-both
    .cptb-story:nth-child(2n + 1).cptb-story-no-icon
    .cptb-arrow-line {
    top: auto;
    bottom: calc(0px - var(--tw-ibx-size) * 0.75);
  }
  .cptb-horizontal-timeline.cptb-wrapper .cptb-story-no-dot .cptb-arrow-line {
    height: calc(var(--tw-ibx-size) - var(--tw-line-width) * 0.5);
    top: calc(0px - var(--tw-ibx-size) + var(--tw-line-width) * 0.5);
  }
  .cptb-horizontal-timeline.cptb-wrapper .cptb-arrow-line:before,
  .cptb-horizontal-timeline.cptb-wrapper .cptb-arrow-line:after {
    width: var(--tw-line-width);
    left: calc(0px - calc(var(--tw-line-bd-width) * 1px));
    border-width: 0px calc(var(--tw-line-bd-width) * 1px) 0px
      calc(var(--tw-line-bd-width) * 1px);
  }
  .cptb-horizontal-timeline.cptb-wrapper .cptb-arrow-line:before {
    height: calc(var(--tw-ibx-bd-width));
    top: calc(0px - var(--tw-ibx-bd-width));
  }
  .cptb-horizontal-timeline.cptb-wrapper .cptb-arrow-line:after {
    height: calc(var(--tw-cbx-bd-top-width));
    bottom: calc(0px - var(--tw-cbx-bd-top-width));
  }
  /* -------------------- Story Box Arrow Horizontal - END -------------------- */
  
  /* -------------------------- Story Box Horizontal -------------------------- */
  .cptb-horizontal-timeline.cptb-wrapper .cptb-story {
    margin-top: calc(
      var(--tw-ibx-size) * 2 + var(--tw-lbl-big-size) + var(--tw-lbl-small-size) +
        var(--tw-lbl-gap) + 20px
    );
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-bottom .cptb-story,
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-both
    .cptb-story:nth-child(2n + 1) {
    margin-top: 0px;
    margin-bottom: calc(
      var(--tw-ibx-size) * 2 + var(--tw-lbl-big-size) + var(--tw-lbl-small-size) +
        var(--tw-lbl-gap) + 20px
    );
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-bottom.cptb-story {
    align-self: flex-end;
  }
  .cptb-horizontal-bottom.cptb-wrapper .equal-height-slides.cptb-story {
    align-self: stretch;
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-both
    .cptb-story:nth-child(2n + 1) {
    align-self: flex-start;
  }
  .cptb-horizontal-timeline.cptb-wrapper .equal-height-slides.cptb-story {
    /* align-self: flex-start !Important; */
    height: auto !important;
  }
  
  .cptb-horizontal-timeline.cptb-wrapper .cptb-story.swiper-slide {
    overflow: visible;
  }
  /* ----------------------- Story Box Horizontal - END ----------------------- */
  
  /* ------------------------ Story Content Horizontal ------------------------ */
  .cptb-horizontal-timeline.cptb-wrapper .cptb-content {
    height: 100%;
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-bg-gradient
    .cptb-story
    .cptb-content {
    background-image: linear-gradient(
      to bottom,
      var(--tw-cbx-bg),
      var(--tw-cbx-bg-gradient)
    );
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-bottom.cptb-bg-gradient
    .cptb-story
    .cptb-content,
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-both.cptb-bg-gradient
    .cptb-story:nth-child(2n + 1)
    .cptb-content {
    background-image: linear-gradient(
      to top,
      var(--tw-cbx-bg),
      var(--tw-cbx-bg-gradient)
    );
  }
  /* --------------------- Story Content Horizontal - END --------------------- */
  
  /* --------------Horizontal bottom start ------*/
  
  .cptb-horizontal-timeline.cptb-horizontal-bottom {
    --tw-cbx-bd-top-width: 0px;
    --tw-cbx-bd-bottom-width: 3px;
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-bottom .cptb-h-line,
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-bottom
    .cptb-line-fill.swiper-pagination-progressbar {
    bottom: calc(
      0px + var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) +
        20px + var(--tw-ibx-size) - var(--tw-line-width) * 0.5
    );
    top: auto;
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-bottom .cptb-button-next,
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-bottom
    .cptb-button-prev {
    bottom: calc(
      0px + var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) +
        20px + var(--tw-ibx-size) - var(--nav-icon-height) * 0.5
    );
    top: auto;
  }
  .cptb-horizontal-bottom .cptb-content {
    border-width: var(--tw-cbx-bd-top-width) var(--tw-cbx-bd-right-width)
      var(--tw-cbx-bd-bottom-width) var(--tw-cbx-bd-left-width);
  }
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-both
    .cptb-story:nth-child(odd)
    .cptb-arrow,
  .cptb-horizontal-timeline.cptb-wrapper.cptb-horizontal-bottom .cptb-arrow {
    bottom: calc(
      var(--tw-ibx-size) / 7 - var(--tw-ibx-size) / 3.5 +
        var(--tw-cbx-bd-bottom-width) / 3
    );
  }
  .cptb-wrapper.cptb-horizontal-bottom .cptb-story-no-dot .cptb-arrow-line {
    top: auto;
    bottom: calc(0px - var(--tw-ibx-size) + var(--tw-line-width) * 0.5);
  }

  .cptb-horizontal-timeline .cptb-auto-height {
    height: auto !important;
}
  /* --------------Horizontal bottom End ------*/