/* -------------------------- Compact Story - START ------------------------- */
.cptb-vertical.cptb-wrapper .cptb-compact .cptb-story {
    width: 50%;
    margin-top: calc(var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 70px);
  }
  .cptb-vertical.cptb-wrapper.cptb-post-timeline .cptb-compact .cptb-story {
    margin-top: calc(var(--tw-lbl-big-size) + 70px);
  }
  
  .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story.cptb-story-left {
    padding: 0px var(--tw-ibx-size) 0px 0px;
  }
  .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story.cptb-story-right {
    padding: 0px 0px 0px var(--tw-ibx-size);
  }
  
  .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story:nth-child(2) {
    margin-top: calc(var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 25px + var(--tw-ibx-size) + 70px) !Important;
  }
  .cptb-vertical.cptb-wrapper.cptb-post-timeline .cptb-compact .cptb-story:nth-child(2) {
    margin-top: calc(var(--tw-lbl-big-size) + 25px + var(--tw-ibx-size)) !Important;
  }
  /* --------------------------- Compact Story - END -------------------------- */
  
  
  .cptb-wrapper.cptb-compact .cptb-content{
    margin-top: 10px;
  }
  
/* slider image height */
  .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story .cptb-timeline-slider img{
    max-height: 350px !important;
    width: 100% !important;
    object-position: center;
    object-fit: cover;
    }

  .cptb-wrapper.cptb-compact .cptb-icon,
  .cptb-wrapper.cptb-compact .cptb-icondot,
  .cptb-wrapper.cptb-compact .cptb-arrow,
  .cptb-wrapper.cptb-compact .cptb-arrow-line{
    margin-top: 10px;
  }
  
  /* ----------------------------- Labels - START ----------------------------- */
  .cptb-vertical.cptb-wrapper .cptb-compact .cptb-labels {
    top: calc(0px - var(--tw-lbl-big-size) - var(--tw-lbl-small-size) - var(--tw-lbl-gap) - 10px);
    width: calc(100% - var(--tw-ibx-size));
  }
  .cptb-vertical.cptb-wrapper.cptb-post-timeline .cptb-compact .cptb-labels {
    top: calc(0px - var(--tw-lbl-big-size) - 10px);
  }
  
  .cptb-vertical.cptb-wrapper.cptb-compact .cptb-story-left .cptb-labels {
    right: var(--tw-ibx-size);
    text-align: right;
  }
  .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story-right .cptb-labels {
    left: var(--tw-ibx-size);
    text-align: left;
  }
  /* ------------------------------ Labels - END ------------------------------ */
  
  
  
  /* ------------------------------ Icon - START ------------------------------ */
  .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story.cptb-story-left .cptb-icon {
    right: calc(0px - var(--tw-ibx-size) / 2);
  }
  
  .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story.cptb-story-right .cptb-icon {
    left: calc(0px - var(--tw-ibx-size) / 2);
  }
  /* ------------------------------- Icon - END ------------------------------- */
  /* ---------------------------- Icon Dot - START ---------------------------- */
  .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story.cptb-story-left .cptb-icondot {
    right: calc(0px - var(--tw-ibx-size) / 4);
  }
  .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story.cptb-story-right .cptb-icondot {
    left: calc(0px - var(--tw-ibx-size) / 4);
  }
  /* ----------------------------- Icon Dot - END ----------------------------- */
  
  
  
  /* ------------------------------ Arrow - START ----------------------------- */
  .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story.cptb-story-left .cptb-arrow {
    right: calc(var(--tw-ibx-size) + var(--tw-ibx-size) / 7 - var(--tw-ibx-size) / 3.5 + var(--tw-cbx-bd-left-width) / 3);
  }
  .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story.cptb-story-right .cptb-arrow {
    left: calc(var(--tw-ibx-size) + var(--tw-ibx-size) / 7 - var(--tw-ibx-size) / 3.5 + var(--tw-cbx-bd-left-width) / 3);
  }
  /* ------------------------------- Arrow - END ------------------------------ */
  /* --------------------------- Arrow Line - START --------------------------- */
  .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story-left .cptb-arrow-line {
    right: calc(0px + var(--tw-ibx-size) / 24) !important;
  }
  .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story-right .cptb-arrow-line {
    left: calc(0px + var(--tw-ibx-size) / 14);
  }
  
  .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story-left.cptb-story-no-icon .cptb-arrow-line {
    right: calc(0px + var(--tw-ibx-size) / 4);
  }
  .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story-right.cptb-story-no-icon .cptb-arrow-line {
    left: calc(0px + var(--tw-ibx-size) / 24);
  }
  
  .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story-right.cptb-story-no-dot .cptb-arrow-line {
    left: calc(0px + var(--tw-line-width) / 2);
  }
  .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story-left.cptb-story-no-dot .cptb-arrow-line {
    right: calc(0px + var(--tw-line-width) / 2);
  }
  /* ---------------------------- Arrow Line - END ---------------------------- */
  
  
  
  /* --------------------------- Responsive - START --------------------------- */
  @media screen and (max-width: 767px) {
  
    /* -------------------------- Compact Story - START ------------------------- */
    .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story.cptb-story-left,
    .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story.cptb-story-right,
    .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story:nth-child(2),
    .cptb-vertical.cptb-wrapper.cptb-post-timeline .cptb-compact .cptb-story:nth-child(2) {
      padding: 0px 0px 0px calc(var(--tw-ibx-size) + var(--tw-ibx-size) / 2);
      width: 100% !Important;
      margin-top: 0 !Important;
    }
    /* --------------------------- Compact Story - END -------------------------- */
  
    /* ----------------------------- Labels - START ----------------------------- */
    .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story.cptb-story-right .cptb-labels,
    .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story.cptb-story-left .cptb-labels {
      top: 0;
      right: 0;
      left: auto;
      width: 100%;
      text-align: left;
    }
    /* ------------------------------ Labels - END ------------------------------ */
  
    /* ------------------------------ Arrow - START ----------------------------- */
    .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story.cptb-story-right .cptb-arrow,
    .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story.cptb-story-left .cptb-arrow {
      left: calc(var(--tw-ibx-size) + var(--tw-ibx-size) / 2 - var(--tw-ibx-size) / 7 + var(--tw-cbx-bd-left-width) / 3);
      right: auto;
    }
    /* ------------------------------- Arrow - END ------------------------------ */
    /* --------------------------- Arrow Line - START --------------------------- */
    .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story-right .cptb-arrow-line,
    .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story-left .cptb-arrow-line {
      width: calc(var(--tw-ibx-size) / 2);
      left: var(--tw-ibx-size);
      right: auto;
    }
    .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story-right.cptb-story-no-icon .cptb-arrow-line,
    .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story-left.cptb-story-no-icon .cptb-arrow-line {
      width: calc(var(--tw-ibx-size) - var(--tw-ibx-size) / 4);
      left: calc(var(--tw-ibx-size) / 2 + var(--tw-ibx-size) / 4);
      right: auto;
    }
    .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story-right.cptb-story-no-dot .cptb-arrow-line,
    .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story-left.cptb-story-no-dot .cptb-arrow-line {
      width: calc(var(--tw-ibx-size) - var(--tw-line-width) / 2);
      left: calc(var(--tw-ibx-size) / 2 + var(--tw-line-width) / 2);
      right: auto;
    }
    /* ---------------------------- Arrow Line - END ---------------------------- */
  
    /* ------------------------------ Icon - START ------------------------------ */
    .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story.cptb-story-right .cptb-icon,
    .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story.cptb-story-left .cptb-icon {
      left: 0px;
    }
    .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story.cptb-story-right .cptb-icondot,
    .cptb-vertical.cptb-wrapper .cptb-compact .cptb-story.cptb-story-left .cptb-icondot {
      left: calc(var(--tw-ibx-size) / 4);
    }
    /* ------------------------------- Icon - END ------------------------------- */
  }
  /* ---------------------------- Responsive - END ---------------------------- */