 
   /*
|-----------------------------------
|      Slideshow 
|-----------------------------------
*/
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-slideshow {
            width: 100%;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-icon {
            -webkit-box-shadow: 0 0 0 4px white, inset 0 0 0 2px rgba(0, 0, 0, 0.05), 0 0 0 8px var(--ctw-line-bg);
            box-shadow: 0 0 0 2px white, inset 0 0 0 2px rgba(0, 0, 0, 0.05), 0 0 0 5px var(--ctw-line-bg);
        }
        /* ----------------------------- Vertical Styles ---------------------------- */
        /* ---------------------------- Vertical Wrapper ---------------------------- */
        
        .ctl-wrapper .ctl-vertical-wrapper {
            --ctw-ibx-position: 0;
            --ctw-cbx-text-align: left;
            --ctw-cbx-img-order: 2;
            max-width: 1600px;
            padding: calc(var(--ctw-line-width) * 3) 10px;
            margin: 0 auto;
        }
        .ctl-wrapper .ctl-content .ctl-description .ast-oembed-container{
            height:auto !important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.dark-skin {
            --ctw-cbx-img-padding: 2%;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.light-skin {
            --ctw-cbx-img-padding: 2%;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.dark-skin.ctl-design-5 {
            --ctw-cbx-des-padding: 5px 10px 10px 10px;
            --ctw-cbx-img-padding: 15px 15px 15px 15px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.dark-skin.ctl-design-6 {
            --ctw-cbx-des-padding: 5px 10px 0px 10px;
            --ctw-cbx-des-background: #000000;
            --ctw-cbx-padding: 10px 10px 10px 10px;
            --ctw-cbx-title-color: #ffffff;
            --ctw-cbx-title-padding: 8px 15px 8px 8px;
            --ctw-cbx-img-padding: 0px;
            --ctw-lbel-big-color: #ffffff;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.light-skin:where(.ctl-design-6, .ctl-design-3) {
            --ctw-cbx-bd-top-width: 0px;
            --ctw-cbx-bd-right-width: 0px;
            --ctw-cbx-bd-bottom-width: 0px;
            --ctw-cbx-bd-left-width: 0px;
            --ctw-ibx-color: #fff;
        }
        
        .ctl-wrapper .ctl-one-sided .ctl-story {
            --ctw-cbx-bottom-margin: 50px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.light-skin.ctl-design-3 {
            --ctw-arw-bg: #aeaeae;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.light-skin.ctl-design-4 {
            --ctw-arw-bg: #ccc;
            --ctw-ibx-color: #fff;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.light-skin.ctl-design-6 {
            --ctw-cbx-img-padding: 0px 0px 0px 0px;
            --ctw-arw-bg: #ccc;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:not(.light-skin) .ctl-story.odd {
            --ctw-arw-bg: var( --ctw-first-story-color, var(--ctw-second-story-color, var(--ctw-cbx-title-color)));
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:not(.light-skin) .ctl-story.even {
            --ctw-arw-bg: var(--ctw-second-story-color, var(--ctw-first-story-color, var(--ctw-cbx-title-color)));
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-3 {
            --ctw-cbx-img-order: 0;
        }
        
        .ctl-wrapper .ctl-design-3.dark-skin {
            --ctw-cbx-des-background: #ffffff;
            --ctw-cbx-des-color: #000000;
            --ctw-cbx-padding: 0px 0px 0px 0px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper).ctl-design-5 {
            --ctw-cbx-des-padding: 5px 15px 15px 15px;
            --ctw-line-width: 2px;
            --ctw-cbx-img-padding: 0px 10px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 {
            --ctw-cbx-des-padding: 5px 15px 0px 15px;
            --ctw-ibx-size: 45px;
            --ctw-cbx-bottom-margin: 80px;
            --ctw-cbx-title-padding: 0px 15px 5px 15px;
            --ctw-cbx-date-text-align: left;
            --ctw-line-width: 2px;
            --ctw-cbx-padding: 0px 10px 10px 10px;
            /* Disable image radius for Design 6 regardless of global/story setting */
            --ctw-cbx-img-radius: 0px !important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-7:where(.defaul-skin, .dark-skin):not(.ctl-compact-wrapper) {
            --ctw-cbx-title-padding: 20px 15px 20px 15px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6.ctl-one-sided {
            --ctw-cbx-des-padding: 0px 15px 15px 15px;
        }
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6.ctl-one-sided .ctl-content {
            padding-top: 10px;
        }
        /* ------------------------- Vertical Wrapper - END ------------------------- */
        /* -------------------- Timeline Start/End Dots Vertical -------------------- */
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-start,
        .ctl-wrapper .ctl-vertical-wrapper .ctl-end {
            background-color: var(--ctw-line-bg);
            width: calc(var(--ctw-line-width) * 3);
            height: calc(var(--ctw-line-width) * 3);
            display: inline-block;
            position: absolute;
            left: calc(50% - var(--ctw-line-width) * 1.5);
            z-index: 1;
            border-width: calc(var(--ctw-line-bd-width) * 1px);
            border-style: var(--ctw-line-bd-style);
            border-color: var(--ctw-line-bd-color);
            border-radius: calc(var(--ctw-ibx-radius) * 1%);
            -webkit-border-radius: calc(var(--ctw-ibx-radius) * 1%);
            -moz-border-radius: calc(var(--ctw-ibx-radius) * 1%);
            -ms-border-radius: calc(var(--ctw-ibx-radius) * 1%);
            -o-border-radius: calc(var(--ctw-ibx-radius) * 1%);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-start-fill .ctl-start,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-end-fill .ctl-end {
            background-color: var(--ctw-line-filling-color);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-content-empty :where(.ctl-start, .ctl-end, .ctl-timeline:before, .ctl-inner-line) {
            display: none !important;
        }
        
        .ctl-wrapper .ctl-post-timeline .ctl-end {
            bottom: inherit !important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-start:after, .ctl-end:after) {
            content: "";
            position: absolute;
            height: calc(var(--ctw-line-bd-width) * 1px + var(--ctw-line-width) * 0.1);
            width: calc(var(--ctw-line-width) - var(--ctw-line-bd-width) * 2px);
            background-color: var(--ctw-line-bg);
            left: calc(50% - (var(--ctw-line-width) - var(--ctw-line-bd-width) * 2px) / 2);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-start:after {
            bottom: calc(0px - var(--ctw-line-bd-width) * 1px);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-end:after {
            top: calc(0px - var(--ctw-line-bd-width) * 1px);
        }
        /* ----------------- Timeline Start/End Dots Vertical - END ----------------- */
        /* ------------------------- Timeline Line Vertical ------------------------- */
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-timeline {
            position: relative;
            margin: 0px;
            padding: 22px 0;
            display: flow-root;
            width: 100% !important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-timeline:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: calc(50% - var(--ctw-line-width) / 2);
            display: block;
            width: var(--ctw-line-width);
            background-color: var(--ctw-line-bg);
            border-width: 0px calc(var(--ctw-line-bd-width) * 1px) 0px calc(var(--ctw-line-bd-width) * 1px);
            border-color: var(--ctw-line-bd-color);
        }
        /* ---------------------- Timeline Line Vertical - END ---------------------- */
        /* --------------------- Timeline Line Filling Vertical --------------------- */
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-inner-line {
            position: absolute;
            top: 0;
            bottom: 0;
            left: calc(50% - var(--ctw-line-width) / 2);
            display: block;
            width: var(--ctw-line-width);
            background-color: var(--ctw-line-filling-color);
            height: 0px;
            max-height: 100%;
            transition: all .6 ease-in-out;
        }
        /* ------------------ Timeline Line Filling Vertical - END ------------------ */
        /* ------------------------- Line Year Box Vertical ------------------------- */
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-year {
            position: relative;
            margin: 22px 0 50px 0px;
            justify-content: center;
            width: 100%;
            z-index: 2;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-year:first-child {
            margin-top: 0px !important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-year-text:before, .ctl-year-text:after) {
            height: calc(var(--ctw-ybx-bd-width) + var(--ctw-line-width) * 0.1);
            width: calc(var(--ctw-line-width) - var(--ctw-line-bd-width) * 2px);
            left: calc(50% - (var(--ctw-line-width) - var(--ctw-line-bd-width) * 2px) / 2);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-year-text:before {
            top: 0;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-year-text:after {
            bottom: 0;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-design-6) .ctl-media.small {
            align-items: start;
            padding: 15px 15px;
        }
        /* ---------------------- Line Year Box Vertical - END ---------------------- */
        /* ----------------------------- Labels Vertical ---------------------------- */
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-labels {
            justify-content: space-between;
            top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 - (var(--ctw-lbl-big-size) / 2 - var(--ctw-ibx-size) / 1.5));
            right: calc(100% + var(--ctw-ibx-size) * 2);
            text-align: var(--ctw-cbx-date-text-align);
            color: var(--ctw-lbl-big-color);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-labels {
            left: calc(100% + var(--ctw-ibx-size) * 2);
            text-align: left;
            color: var(--ctw-lbl-big-color);
        }
        
        .ctl-post-timeline.ctl-vertical-wrapper.ctl-vertical-left .ctl-story-left .ctl-labels {
            left: calc(100% + var(--ctw-ibx-size) * 2);
            text-align: left;
            right: auto;
        }
        /* ------------------------- Icon / Dot Box Vertical ------------------------ */
        
        .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-both-sided, .ctl-one-sided) .timeline-year~.ctl-story:nth-child(3) {
            margin-top: 0px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-both-sided, .ctl-one-sided) .ctl-story:nth-child(2) {
            margin-top: 50px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-icon {
            left: calc(0px - var(--ctw-ibx-size) - (var(--ctw-ibx-size) - 5px) / 2);
            top: calc(
                var(--ctw-ibx-position) * 1% -
                (var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100) +
                7px
            );
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-icon {
            top: calc(
                var(--ctw-ibx-position) * 1% -
                (var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100) -
                4px
            );
            transform: rotate(45deg)!important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-design-6, .ctl-design-5) .ctl-year-label.ctl-year-text {
            border: 2px solid var(--ctw-line-bg);
            box-shadow: inset 0 0 0 2px #fff;
            width: calc(var(--ctw-ybx-size) * 1.1);
            height: calc((var(--ctw-ybx-size) * 1.1) * ((60 + var(--ctw-ibx-radius)/ 1.25)/ 100));
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-design-6, .ctl-design-5) .innerViewPort .ctl-year-label.ctl-year-text {
            border: 2px solid var(--ctw-line-filling-color);
            box-shadow: inset 0 0 0 2px #fff;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-year-label.ctl-year-text {
            height: calc(var(--ctw-ybx-size) + 5px);
            transform: rotate(45deg);
            width: calc(var(--ctw-ybx-size) + 5px);
            overflow: visible;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-year-label.ctl-year-text span {
            transform: rotate(315deg);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-icon {
            border: 2px solid var(--ctw-line-bg);
            box-shadow: inset 0 0 0 2px #fff;
            z-index: 1;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .swiper-backface-hidden .swiper-slide {
            width: 100%!important;
            overflow: hidden;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .innerViewPort .ctl-icon {
            border: 2px solid var(--ctw-line-filling-color);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:not(.light-skin, .ctl-compact-wrapper) .ctl-story.innerViewPort .ctl-icon {
            background-color: var(--ctw-line-filling-color)!important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story.ctl-story-left .ctl-icon {
            right: calc(var(--ctw-ibx-size) / 2 - var(--ctw-ibx-size) * 1.95);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-icon :where(i, svg),
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-icon img {
            transform: rotate(316deg);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-icon img {
            min-width: 30%;
            max-height: 20px;
            width: 20px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-media.small {
            align-items: start;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper) .ctl-story.ctl-story-left .ctl-content .ctl-media {
            left: calc(100% + var(--ctw-ibx-size) * 2 + var(--ctw-line-width) / 2);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story.ctl-story-left .ctl-content .ctp-media-slider,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story.ctl-story-left .ctl-content .full-width {
            left: calc(100% + var(--ctw-ibx-size) * 2 + var(--ctw-line-width) / 2);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story.ctl-story-right .ctp-media-slider,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story.ctl-story-right .ctl-content .full-width {
            right: calc(100% + var(--ctw-ibx-size) * 2 + var(--ctw-line-width) / 2);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-media,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctp-media-slider,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .full-width {
            overflow: visible;
            position: absolute;
            min-height: 15vw;
            max-height: 100%;
            right: calc(100% + var(--ctw-ibx-size) * 2 + var(--ctw-line-width) / 2);
            top: 0px;
            width: 100%;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-comapct-wrapper, .ctl-one-sided) .ctl-story .ctl-content .ctl-media.full img {
            height: 15vw;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctp-media-slider {
            top: 2px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-story .ctl-content .ctl-media a,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-story .ctl-content .ctp-media-slider a,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-story .ctl-content .full-width a {
            width: calc(var(--ctw-cbx-img-width) - (var(--ctw-cbx-img-margin-left) + var(--ctw-cbx-img-margin-right)));
            align-self: flex-start;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-content {
            position: unset;
        }
        .ctl-wrapper .ctl-one-sided.ctl-design-6 .ctl-content {
            padding-top: 10px;
        }
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-story.ctl-story-left .ctl-labels {
            right: calc(10% - var(--ctw-ibx-size) * 2);
            text-align: right;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-arrow {
            width: var(--ctw-ibx-size);
            height: 2px !important;
            position: absolute;
            top: 14px;
            z-index: -1;
            background: var(--ctw-arw-bg);
            transform: rotate(180deg);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-story .ctl-arrow {
            background: var(--ctw-line-bg)!important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-story.innerViewPort .ctl-arrow,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story.ctl-story-left.innerViewPort .ctl-content .ctl-media:before,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story.innerViewPort .ctl-content .ctp-media-slider:before,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story.innerViewPort .ctl-content .full-width:before,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story.ctl-story-right.innerViewPort .ctl-content .ctl-media:after {
            background: var(--ctw-line-filling-color)!important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-comapct-wrapper, .ctl-one-sided) .ctl-story.innerViewPort .ctl-icondot {
            border-color: var(--ctw-line-filling-color)!important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-one-sided).ctl-design-6 .ctl-labels {
            position: unset;
            padding: 0px 25px 8px;
            text-align: left;
            display: block;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.dark-skin:not(.ctl-one-sided).ctl-design-6 .ctl-labels {
            padding: 0px 20px 8px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story.ctl-story-left .ctl-content .ctl-media:before,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story .ctl-content .ctp-media-slider:before,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story .ctl-content .full-width:before,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story.ctl-story-right .ctl-content .ctl-media:after {
            content: '';
            position: absolute;
            width: var(--ctw-ibx-size);
            height: 2px;
            z-index: 0;
            background: var(--ctw-line-bg);
            top: 14px;
            right: calc(0px - var(--ctw-ibx-size));
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story.ctl-story-left .ctl-content .ctl-media:before {
            left: calc(0% - var(--ctw-ibx-size));
            right: unset;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story .ctl-content .ctp-media-slider:before,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story .ctl-content .full-width:before {
            position: absolute;
            top: 12px;
            margin-top: 0px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story .ctl-content .full-width:before {
            top: 14px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story.ctl-story-left .ctl-content .ctp-media-slider:before,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story.ctl-story-left .ctl-content .full-width:before {
            left: calc(0% - var(--ctw-ibx-size));
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story.ctl-story-right .ctl-content .ctp-media-slider:before,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story.ctl-story-right .ctl-content .full-width:before {
            right: calc(0px - var(--ctw-ibx-size));
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .swiper-wrapper .swiper-slide img {
            border-style: none;
            height: 100%;
            max-width: 100%;
            object-fit: cover;
            object-position: center;
            border: 1px solid #000000;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .swiper-autoheight .swiper-slide {
            height: 15vw!important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story .ctp-media-slider .ctp-story-slider {
            overflow: hidden;
            position: relative;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-story .ctl-icondot {
            border: 2px solid var(--ctw-line-bg);
            top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + var(--ctw-ibx-size) / 12);
            box-shadow: inset 0 0 0 2px #fff;
            transform: rotate(45deg) !important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .swiper-autoheight .swiper-wrapper {
            height: auto!important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .innerViewPort .ctl-icondot {
            border: 2px solid var(--ctw-line-filling-color);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-story.ctl-story-left .ctl-title {
            display: unset;
            --ctw-cbx-title-text-align: right;
            --ctw-cbx-text-align: left;
          }
          .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-story.ctl-story-left .ctl-description {
            --ctw-cbx-desc-text-align: justify;
          }
          .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-story.ctl-story-right .ctl-description {
            --ctw-cbx-desc-text-align: justify;
          }

        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story {
            margin-bottom: var(--ctw-cbx-bottom-margin);
            padding: 10px;
            min-height: 13vw;
        }

        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper) .ctl-story{
            background: var(--ctw-cbx-des-background);
            /* padding-top: 10px !important; */
        }

        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6.dark-skin:not(.ctl-compact-wrapper) .ctl-story {
            background: var(--ctw-second-story-color, var(--ctw-first-story-color));
            padding: 10px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6.dark-skin .ctl-labels .ctl-label-big {
            color: #ffffff;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-icon {
            left: auto;
            right: calc(var(--ctw-ibx-size) / 2 - var(--ctw-ibx-size) * 1.9);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-icondot {
            left: calc(0px - var(--ctw-ibx-size) - var(--ctw-ibx-size) / 4 - var(--ctw-line-width) / 6);
            top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + var(--ctw-ibx-size) / 2.5);
            z-index: 1;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-design-5, .ctl-design-6) .ctl-icondot {
            left: calc(var(--ctw-ibx-size) * 0.76 - var(--ctw-ibx-size) * 2);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-icondot {
            left: auto;
            right: calc(0px - var(--ctw-ibx-size) - var(--ctw-ibx-size) / 4 + var(--ctw-line-width) / 4);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper :where(.ctl-icondot:before, .ctl-icondot:after, .ctl-icon:before, .ctl-icon:after) {
            height: calc(var(--ctw-ibx-bd-width) + var(--ctw-line-width) * 0.1);
            width: calc(var(--ctw-line-width) - var(--ctw-line-bd-width) * 2px);
            left: calc(50% - (var(--ctw-line-width) - var(--ctw-line-bd-width) * 2px) / 2);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-icondot:before, .ctl-icon:before) {
            top: calc(0px - var(--ctw-ibx-bd-width));
        }
        
        .ctl-wrapper .ctl-vertical-wrapper :where(.ctl-icondot:after, .ctl-icon:after) {
            bottom: calc(0px - var(--ctw-ibx-bd-width));
        }

        /* ---------------------- Icon / Dot Box Vertical - END --------------------- */
        /* ------------------------ Story Box Arrow Vertical ------------------------ */
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-arrow {
            background: linear-gradient(to right, var(--ctw-arw-bg) 50%, transparent 48%);
            left: calc(var(--ctw-ibx-size) / 6 - var(--ctw-ibx-size) / 2 + var(--ctw-cbx-bd-left-width) / 3 + 3px);
            border-width: 0 0 var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-left-width);
            box-shadow: unset;
            top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + var(--ctw-ibx-size) / 2 - var(--ctw-ibx-size) / 4);
        }

        .ctl-wrapper .ctl-vertical-wrapper.light-skin:not(.ctl-design-5) .ctl-arrow{
            background: linear-gradient(to right, var(--ctw-arw-bd-color) 50%, transparent 48%);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.light-skin:not(.ctl-design-5) .ctl-story.ctl-story-left .ctl-arrow{
            background: linear-gradient(to left, var(--ctw-arw-bd-color) 50%, transparent 48%);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.light-skin .ctl-arrow{
            border: unset;
        }
      
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-bg-hover:hover .ctl-arrow {
            background: linear-gradient(to top right, var(--ctw-cbx-title-bg, var(--ctw-cbx-bg-hover)) 52%, transparent 48%);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-bg-hover.ctl-story-left:hover .ctl-arrow {
            background: linear-gradient(to bottom left, var(--ctw-cbx-title-bg, var(--ctw-cbx-bg-hover)) 52%, transparent 48%);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-arrow {
            left: auto;
            right: calc(var(--ctw-ibx-size) / 6 - var(--ctw-ibx-size) / 1.9 + var(--ctw-cbx-bd-left-width) / 3 + 3px);
            background: linear-gradient(to left, var(--ctw-arw-bg) 50%, transparent 48%);
            border-width: var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-left-width) 0px 0px;
            box-shadow: unset;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-design-4,.ctl-design-6) .ctl-arrow{
            clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%, 0% 50%);
        }

        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-5:not(.light-skin,.dark-skin) .ctl-arrow::before,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-5:not(.light-skin,.dark-skin) .ctl-story.ctl-story-left .ctl-arrow::before{
            content: '';
            position: absolute;
            background: var(--ctw-cbx-des-background);
            clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%, 0% 50%);
        }

        .ctl-wrapper .ctl-vertical-wrapper.light-skin:not(.ctl-design-3,.ctl-design-4,.ctl-design-5,.ctl-design-6) .ctl-arrow::before,
        .ctl-wrapper .ctl-vertical-wrapper.light-skin:not(.ctl-design-3,.ctl-design-4,.ctl-design-5,.ctl-design-6) .ctl-story.ctl-story-left .ctl-arrow::before{
            content: '';
            position: absolute;
            background: var(--ctw-arw-bg);
            clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%, 0% 50%);
        }

        .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-design-5,.light-skin) .ctl-arrow::before {
            top: 1px;
            left: 1px;
            width: calc(100% - 2px);
            height: calc(100% - 2px);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-arrow-line {
            left: calc(0px - var(--ctw-ibx-size) * 0.5);
            top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + var(--ctw-ibx-size) / 2 - var(--ctw-line-width) / 2);
            width: calc(var(--ctw-ibx-size) * 0.5);
            height: var(--ctw-line-width);
            border-width: calc(var(--ctw-line-bd-width) * 1px) 0px calc(var(--ctw-line-bd-width) * 1px) 0px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-arrow-line {
            left: auto;
            right: calc(0px - var(--ctw-ibx-size) * 0.5);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-story-dot-icon .ctl-arrow-line {
            width: calc(var(--ctw-ibx-size) * 0.75);
            left: calc(0px - var(--ctw-ibx-size) * 0.75);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-story-dot-icon .ctl-arrow-line {
            left: auto;
            right: calc(0px - var(--ctw-ibx-size) * 0.75);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-arrow-line:before, .ctl-arrow-line:after) {
            height: var(--ctw-line-width);
            top: calc(0px - calc(var(--ctw-line-bd-width) * 1px));
            border-width: calc(var(--ctw-line-bd-width) * 1px) 0px calc(var(--ctw-line-bd-width) * 1px) 0px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-arrow-line:before {
            width: calc(var(--ctw-ibx-bd-width));
            left: calc(0px - var(--ctw-ibx-bd-width));
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-arrow-line:before {
            left: auto;
            right: calc(0px - var(--ctw-ibx-bd-width));
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-arrow-line:after {
            width: calc(var(--ctw-cbx-bd-left-width));
            right: calc(0px - var(--ctw-cbx-bd-left-width));
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-arrow-line:after {
            right: auto;
            left: calc(0px - var(--ctw-cbx-bd-left-width));
        }

        /* --------------------- Story Box Arrow Vertical - END --------------------- */
        /* --------------------------- Story Box Vertical --------------------------- */
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-story {
            position: relative;
            width: calc(50% - var(--ctw-ibx-size));
            float: right;
            clear: both;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left {
            float: left;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper, .ctl-design-4) .ctl-story.ctl-story-right .ctl-content {
            margin-left: 3px;
        }
        .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper, .ctl-design-4) .ctl-story.ctl-story-left .ctl-content {
            margin-right: 3px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-content {
            box-shadow: var(--ctw-cbx-shadow);
            border-width: var(--ctw-cbx-bd-top-width) var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-bottom-width) var(--ctw-cbx-bd-right-width);
            border-radius: var(--ctw-cbx-radius-left);
            -webkit-border-radius: var(--ctw-cbx-radius-left);
            -moz-border-radius: var(--ctw-cbx-radius-left);
            -ms-border-radius: var(--ctw-cbx-radius-left);
            -o-border-radius: var(--ctw-cbx-radius-left);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left:hover .ctl-content {
            box-shadow: var(--ctw-cbx-shadow);
            border-radius: var(--ctw-cbx-radius-left-hover);
            -webkit-border-radius: var(--ctw-cbx-radius-left-hover);
            -moz-border-radius: var(--ctw-cbx-radius-left-hover);
            -ms-border-radius: var(--ctw-cbx-radius-left-hover);
            -o-border-radius: var(--ctw-cbx-radius-left-hover);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-design-3, .light-skin, .ctl-compact-wrapper) .ctl-story.even .ctl-title {
            background: var(--ctw-second-story-color);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-media {
            justify-content: var(--ctw-cbx-img-align);
            align-self: flex-start;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-description {
            text-align: var(--ctw-cbx-desc-text-align);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-button {
            justify-content: var(--ctw-cbx-btn-align);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:not(.light-skin, .ctl-compact-wrapper) .ctl-story.odd .ctl-title {
            background: var(--ctw-first-story-color);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-5 .ctl-story .ctl-title a {
            color: var(--ctw-arw-bg);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.dark-skin .ctl-content {
            background: var(--ctw-arw-bg);
            padding: 10px;
            /* border-radius: 8px !important; */
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-7:not(.light-skin, .ctl-compact-wrapper) .ctl-story.odd .ctl-content {
            background: var(--ctw-first-story-color);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-7:not(.light-skin, .ctl-compact-wrapper) .ctl-story.even .ctl-content {
            background: var(--ctw-second-story-color);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-5.dark-skin .ctl-story .ctl-title,
        .ctl-wrapper .ctl-vertical-wrapper.dark-skin .ctl-story .ctl-description {
            background: #ffffff00!important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-3.dark-skin .ctl-content {
            background: #ffffff!important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-5.dark-skin .ctl-story .ctl-title a {
            color: var(--ctw-cbx-title-color);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6.dark-skin .ctl-story .ctl-title {
            background: #bf2b2b00!important;
            padding-top: 10px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:not(.light-skin) .odd .ctl-icon {
            background-color: var(--ctw-first-story-color);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-5:not(.light-skin) .ctl-icon {
            background-color: #ffffff;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-5:not(.light-skin) .ctl-icon i {
            color: var(--ctw-arw-bg);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-5 .innerViewPort .ctl-icon i {
            color: #ffffff;
        }
        
        .ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-design-5 .innerViewPort .ctl-year-text {
            background-color: var(--ctw-line-filling-color);
            color: #ffffff;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-5.dark-skin .ctl-year-text {
            color: var(--ctw-line-bg);
            background-color: #ffffff!important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-5 .innerViewPort .ctl-icon {
            background-color: var(--ctw-line-filling-color);
            box-shadow: 0 0 0 1px white, inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 0 3px var(--ctw-line-filling-color);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-5:not(.light-skin) .ctl-icon {
            box-shadow: 0 0 0 1px white, inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 0 2px var(--ctw-arw-bg);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-5 .ctl-content {
            border-radius: 8px 8px 5px 5px !important;
            border: 1px solid var(--ctw-arw-bg)!important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-5 .ctl-arrow {
            left: calc(0px - (var(--ctw-ibx-size) / 1.4) / 2 + 4px);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-5.dark-skin .ctl-arrow {
            background: var(--ctw-arw-bg)!important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-5 .ctl-story-left .ctl-arrow {
            right: calc(0px - (var(--ctw-ibx-size) / 1.4) / 2 + 4px);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.dark-skin:where(.ctl-default, .ctl-design-1, .ctl-design-5, .ctl-design-6) .ctl-description .ctl_meta_tags :where(.cat-links, .tags-links) a {
            color: #ffffff;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-7 .ctl-story .ctl_read_more {
            margin: 5px;
            font-size: var(--ctw-cbx-desc-font-size);
            font-weight: var(--ctw-cbx-desc-font-weight);
        }
        /* ------------------------ Story Box Vertical - END ------------------------ */
        /* -------------------------- Vertical Styles - END ------------------------- */
        
        .ctl-vertical-wrapper .ctl-year-label.ctl-year-text {
            box-shadow: 0 0 0 2px white, inset 0 0 0 2px rgba(0, 0, 0, 0.05), 0 0 0 5px var(--ctw-line-bg);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-4 .ctl-year-label.ctl-year-text,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-4 .ctl-story .ctl-icon,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-4 .timeline-year.innerViewPort .ctl-year-label.ctl-year-text {
            box-shadow: unset;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-design-5, .ctl-design-6) .innerViewPort .ctl-year-label.ctl-year-text {
            box-shadow: 0 0 0 2px white, inset 0 0 0 2px rgba(0, 0, 0, 0.05), 0 0 0 5px var(--ctw-line-filling-color);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.dark-skin .ctl-year-label.ctl-year-text {
            background: #000000;
        }
        /* ---------------------------- One Sided Styles ---------------------------- */
        /* ------one sided layout css start--------- */
        
        .ctl-wrapper .ctl-one-sided.light-skin {
            --ctw-lbl-big-color: #444444;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.light-skin .ctl-labels,
        .ctl-wrapper .ctl-vertical-wrapper.light-skin .ctl-story.ctl-story-left .ctl-labels {
            color: var(--ctw-cbx-title-color);
        }
        
        .ctl-wrapper .ctl-one-sided {
            max-width: 1200px;
            margin-left: 0px;
            width: 100%;
            position: relative;
            margin-right: 0px;
            padding-left: 300px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-year {
            justify-content: flex-start;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-inner-line,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-timeline:before {
            left: calc(0px - var(--ctw-line-width) / 2);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-start,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-end {
            left: calc(300px - var(--ctw-line-width) * 3 / 2);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-start,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-end {
            transform: rotate(45deg);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-6 .ctl-arrow {
            top: 25px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-6 .ctl-icon {
            top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) + 6px);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-year.innerViewPort:after {
            background: var(--ctw-line-filling-color);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6.ctl-one-sided .ctl-story .ctl-content :where(.ctl-media, .ctp-media-slider) a img {
            width: auto!important;
            min-width: unset;
            max-width: 100%;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided:where(.ctl-design-2, .ctl-design-3, .ctl-design-4) .ctl-year {
            left: -155px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided:where(.ctl-design-6) .ctl-year {
            left: -140px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-6 .ctl-year-text:before {
            height: 2px;
            opacity: 1;
            top: 21px;
            right: calc(-47% + var(--ctw-ybx-bd-width));
            top: calc(-19% - var(--ctw-line-width) / 2);
            transform: rotate(314deg);
            width: 40px;
        }

        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-6 .innerViewPort .ctl-year-text:before {
            background: var(--ctw-line-filling-color);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-6 .ctl-year:after {
            display: none;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided:where(.ctl-default, .ctl-design-1, .ctl-design-7) .ctl-year {
            left: -115px;
        }

        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-5 .ctl-year {
            left: calc(0px - var(--ctw-ybx-size) * 1.1 - 37px);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-6.light-skin .ctl-story {
            background: var(--ctw-cbx-des-background);
            padding: 8px 0px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided:not(.light-skin, .ctl-compact-wrapper) .ctl-story.ctl-story-right.odd .ctl-title {
            background: var(--ctw-first-story-color);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided:not(.light-skin) .ctl-story.ctl-story-right.odd {
            --ctw-arw-bg: var(--ctw-first-story-color, var(--ctw-second-story-color, var(--ctw-cbx-title-color)));
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided:not(.light-skin, .ctl-design-5) .ctl-story-right.odd .ctl-icon {
            background-color: var(--ctw-first-story-color);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-6 .ctl-icondot {
            left: calc(0px - 31px - var(--ctw-ibx-size) / 4 - var(--ctw-ibx-size) / 4 + var(--ctw-line-width) / 2);
            top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + var(--ctw-ibx-size) / 3);
        }
        
        .ctl-wrapper .ctl-one-sided .ctl-story.even {
            --ctw-lbl-big-color: var(--ctw-lbel-big-color, var(--ctw-second-story-color));
        }
        
        .ctl-wrapper .ctl-one-sided .ctl-story.odd {
            --ctw-lbl-big-color: var( --ctw-lbel-big-color, var(--ctw-first-story-color));
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-7:not(.light-skin, .ctl-compact-wrapper) .ctl-story.ctl-story-right.odd .ctl-content {
            background: var(--ctw-first-story-color);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-7:not(.light-skin, .ctl-compact-wrapper) .ctl-story.ctl-story-right.even .ctl-content {
            background: var(--ctw-second-story-color);
        }
        /* one-sided layout css end */

        /* Year navigation style css start */
        /* Year Navigation style 2 start */
        .ctl-vertical-wrapper nav.ctl-navigation-bar.ctl-nav-style-2:not(.ctl-nav-position-bottom) ul li{
            border-left: 0px;
            padding-block: .2rem;
            background-color: transparent;
        }
        .ctl-vertical-wrapper nav.ctl-navigation-bar.ctl-nav-style-2:not(.ctl-nav-position-bottom) ul li::after{
            content: '';
            position: absolute;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            left: auto;
            right: 4px;
            background-color: var(--ctw-second-story-color);
            border-width: 0px;
            top: calc(50% - 7px);
            z-index: 2;
        }
        .ctl-vertical-wrapper nav.ctl-navigation-bar.ctl-nav-style-2:not(.ctl-nav-position-bottom) ul li a{
            opacity: 0;
            width: auto;
            margin: 0px 39px 0px 9px;
            padding: .1rem 1.5rem;
            border-radius: 1rem;
            background-color: var(--ctw-cbx-des-color);
            color:  white;
            visibility: hidden;
            cursor: pointer;
        }

        
        .ctl-vertical-wrapper nav.ctl-navigation-bar.ctl-nav-style-2:not(.ctl-nav-position-bottom) ul li.current a{
            opacity: 1;
            visibility: visible;
            transition: all .4s ease-in;
        }
        
        .ctl-vertical-wrapper nav.ctl-navigation-bar.ctl-nav-style-2:not(.ctl-nav-position-bottom) ul li a::after{
            right: auto;
            left: calc(100% - 0px);
            width: 30px;
            border-radius: 0px;
            height: 2px;
            background-color: var(--ctw-second-story-color);
            top: 12px;
        }
        .ctl-vertical-wrapper nav.ctl-navigation-bar.ctl-nav-style-2:not(.ctl-nav-position-bottom) ul li:last-child::before{
            height: calc(50% + 0px);
        }
        .ctl-vertical-wrapper nav.ctl-navigation-bar.ctl-nav-style-2:not(.ctl-nav-position-bottom) ul li:nth-child(1)::before{
            height: 50%;
            top: calc(50% - 0px);
        }

        
        /* Year Navigation style 2 end */

        .ctl-vertical-wrapper:not(.dark-skin) .ctl-navigation-bar.ctl-nav-style-2:not(.ctl-nav-position-bottom) .ctl-navigation-items li:nth-child(2n+1)::after,
        .ctl-vertical-wrapper:not(.dark-skin) .ctl-navigation-bar.ctl-nav-style-2:not(.ctl-nav-position-bottom) .ctl-navigation-items li:nth-child(2n+1) a::after {
            background-color: var(--ctw-first-story-color);
        }

        /* Year navigation style 3 start */
        .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-style-3:not(.ctl-nav-position-bottom){
            padding-left: 5px;
            transform: translateX(calc(100% - 44px));
            transition: all .4s ease-in-out;
        }
        .ctl-vertical-wrapper nav.ctl-navigation-bar:where(.ctl-nav-style-1,.ctl-nav-style-3):not(.ctl-nav-position-bottom) .ctl-nav-icon{
            width: 45px;
            height: 45px;
            background: #54595f;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            row-gap: .4rem;
            transform: translate(-5px, 100%);
            cursor: pointer;
        }

        .ctl-vertical-wrapper nav.ctl-navigation-bar.ctl-out-viewport .ctl-nav-icon{
            display: none;
        }

        .ctl-vertical-wrapper .ctl-navigation-bar:where(.ctl-nav-style-1,.ctl-nav-style-3):not(.ctl-nav-position-bottom).ctl-nav-active{
            transform: translateX(0%) !important;
        }
        .ctl-vertical-wrapper nav.ctl-navigation-bar:where(.ctl-nav-style-1,.ctl-nav-style-3):not(.ctl-nav-position-bottom) .ctl-nav-icon span{
            width: 70%;
            height: 4px;
            background: white;
            opacity: 1;
            transition: all .4s ease-in-out;
        }
        .ctl-vertical-wrapper nav.ctl-navigation-bar:where(.ctl-nav-style-1,.ctl-nav-style-3):not(.ctl-nav-position-bottom).ctl-nav-active .ctl-nav-icon span:nth-child(1){
            transform: translateY(10px) rotate(45deg);
            height: 3px;
        }
        .ctl-vertical-wrapper nav.ctl-navigation-bar:where(.ctl-nav-style-1,.ctl-nav-style-3):not(.ctl-nav-position-bottom).ctl-nav-active .ctl-nav-icon span:nth-child(2){
            opacity: 0;
        }
        .ctl-vertical-wrapper nav.ctl-navigation-bar:where(.ctl-nav-style-1,.ctl-nav-style-3):not(.ctl-nav-position-bottom).ctl-nav-active .ctl-nav-icon span:nth-child(3){
            transform: translateY(-10px) rotate(-45deg);
            height: 3px;
        }
        /* Year navigation style 3 end */
        /* Year navigation style css end */
        
        @media only screen and (min-width: 768px) {
            /* ------------------------ Both Sided Vertical start ------------------------ */
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided,.dark-skin,.light-skin) .ctl-story{
                padding: 0px;
            }
            /* ------------------------ Both Sided Vertical end ------------------------ */

            /* ------------------------ One Sided Vertical Right ------------------------ */
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-start,
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-end {
                left: calc(33.33% - var(--ctw-line-width) * 1.5);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-timeline:before,
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-inner-line {
                left: calc(33.33% - var(--ctw-line-width) / 2);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-year {
                justify-content: left;
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-year-text:before,
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-year-text:after {
                left: calc(25.33% - (var(--ctw-line-width) - var(--ctw-line-bd-width) * 2px) / 2);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-year-text:before,
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-year-text:after {
                left: calc(66.66% - (var(--ctw-line-width) - var(--ctw-line-bd-width) * 2px) / 2);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-labels {
                right: auto;
                left: calc((-100% + var(--ctw-ibx-size)) / 2 - var(--ctw-ibx-size) * 2);
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 - (var(--ctw-lbl-big-size) / 2 - var(--ctw-ibx-size) / 2));
                width: calc((100% + var(--ctw-ibx-size)) / 2 - var(--ctw-ibx-size));
                text-align: right;
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-story {
                width: calc(66.66% - var(--ctw-ibx-size));
                float: right;
                margin-bottom: var(--ctw-cbx-bottom-margin);
                text-align: left;
                top: auto;
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-content {
                border-width: var(--ctw-cbx-bd-top-width) var(--ctw-cbx-bd-right-width) var(--ctw-cbx-bd-bottom-width) var(--ctw-cbx-bd-left-width);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-icon {
                right: auto;
                left: calc(var(--ctw-ibx-size) / 2 - var(--ctw-ibx-size) * 2);
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-icondot {
                right: auto;
                left: calc(var(--ctw-ibx-size) * 0.75 - var(--ctw-ibx-size) * 2);
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + var(--ctw-ibx-size) / 4);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-arrow {
                background: linear-gradient(to top right, var(--ctw-arw-bg) 52%, transparent 48%);
                border-width: 0 0 var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-left-width);
                right: auto;
                left: calc(var(--ctw-ibx-size) / 7 - var(--ctw-ibx-size) / 3.5 + var(--ctw-cbx-bd-left-width) / 3 + 1px);
                box-shadow: -4px 4px 8px -4px rgb(0, 0, 0, 0.4);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-arrow-line {
                right: auto;
                left: calc(0px - var(--ctw-ibx-size) * 0.5);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-arrow-line:before {
                right: auto;
                left: calc(0px - var(--ctw-ibx-bd-width));
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-arrow-line:after {
                left: auto;
                right: calc(0px - var(--ctw-cbx-bd-left-width));
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-story-dot-icon .ctl-arrow-line {
                right: auto;
                left: calc(0px - var(--ctw-ibx-size) * 0.75);
            }
            .ctl-wrapper .ctl-one-sided .ctl-story {
                max-width: calc(100% - var(--ctw-ibx-size));
                width: 100%;
            }
            /* --------------------- One Sided Vertical Right - END --------------------- */
            /* ------------------------ One Sided Vertical Left ------------------------ */
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-year:after {
                content: '';
                width: calc(115px - var(--ctw-ybx-size));
                height: var(--ctw-line-width);
                background: var(--ctw-line-bg);
                z-index: -1;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-5 .ctl-year:after{
                width: calc(var(--ctw-ybx-size) * 1.1 - (var(--ctw-ybx-size) * 1.1 - 37px));
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-start,
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-end {
                left: calc(66.66% - var(--ctw-line-width) * 1.5);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-timeline:before,
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-inner-line {
                left: calc(66.66% - var(--ctw-line-width) / 2);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-year {
                justify-content: left;
                padding-left: calc(66.66% - var(--ctw-ybx-size) / 2);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-story .ctl-labels {
                left: auto;
                right: calc((-100% + var(--ctw-ibx-size)) / 2 - var(--ctw-ibx-size) * 2);
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 - (var(--ctw-lbl-big-size) / 2 - var(--ctw-ibx-size) / 2));
                width: calc((100% + var(--ctw-ibx-size)) / 2 - var(--ctw-ibx-size));
                text-align: left;
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-story {
                float: left;
                width: calc(66.66% - var(--ctw-ibx-size));
                margin-bottom: var(--ctw-cbx-bottom-margin);
                text-align: left;
                top: auto;
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-content {
                border-width: var(--ctw-cbx-bd-top-width) var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-bottom-width) var(--ctw-cbx-bd-right-width);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-icon {
                left: auto;
                right: calc(var(--ctw-ibx-size) / 2 - var(--ctw-ibx-size) * 2);
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-icondot {
                left: auto;
                right: calc(var(--ctw-ibx-size) * 0.75 - var(--ctw-ibx-size) * 2);
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + var(--ctw-ibx-size) / 4);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-arrow {
                left: auto;
                right: calc(var(--ctw-ibx-size) / 7 - var(--ctw-ibx-size) / 3.5 + var(--ctw-cbx-bd-left-width) / 3);
                background: linear-gradient(to bottom left, var(--ctw-arw-bg) 52%, transparent 48%);
                border-width: var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-left-width) 0px 0px;
                box-shadow: 4px -4px 8px -4px rgb(0, 0, 0, 0.4);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-arrow-line {
                left: auto;
                right: calc(0px - var(--ctw-ibx-size) * 0.5);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-arrow-line:before {
                left: auto;
                right: calc(0px - var(--ctw-ibx-bd-width));
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-arrow-line:after {
                right: auto;
                left: calc(0px - var(--ctw-cbx-bd-left-width));
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-story-dot-icon .ctl-arrow-line {
                left: auto;
                right: calc(0px - var(--ctw-ibx-size) * 0.75);
            }
            .ctl-vertical-wrapper.ctl-one-sided nav.ctl-pagination {
                text-align: left;
            }
            /* --------------------- One Sided Vertical left - END --------------------- */
            /* ------------------------ One Sided Vertical Center ----------------------- */
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-center .ctl-labels {
                top: calc(0px - var(--ctw-ibx-size) * 2 - (var(--ctw-lbl-big-size) / 2 - var(--ctw-ibx-size) / 2));
                left: calc(50% + var(--ctw-ibx-size));
                width: calc(50% - var(--ctw-ibx-size));
                text-align: left;
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-center .ctl-icon {
                top: calc(0px - var(--ctw-ibx-size) * 2);
                left: calc(50% - var(--ctw-ibx-size) / 2);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-center .ctl-icondot {
                top: calc(0px - var(--ctw-ibx-size) * 1.75);
                left: calc(50% - var(--ctw-ibx-size) / 4);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-center:where(.ctl-arrow, .ctl-arrow-line) {
                display: none;
                opacity: 0;
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-center .ctl-story {
                width: 100%;
                margin-left: auto;
                margin-right: auto;
                float: none;
                text-align: center;
                top: calc(var(--ctw-ibx-size) * 2.5);
                margin-bottom: calc(var(--ctw-ibx-size) * 2.5 + var(--ctw-cbx-bottom-margin));
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-center .ctl-content {
                border-width: var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-right-width) var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-right-width);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-center:where(.ctl-story:before, .ctl-story:after) {
                content: " ";
                position: absolute;
                height: calc(var(--ctw-cbx-bd-left-width) + 10px);
                width: calc(var(--ctw-line-width) - var(--ctw-line-bd-width) * 2px);
                background: var(--ctw-line-bg);
                left: calc(50% - (var(--ctw-line-width) - var(--ctw-line-bd-width) * 2px) / 2);
                opacity: var(--ctw-line-bd-width);
                z-index: 1;
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-center .ctl-story:before {
                top: -10px;
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-center .ctl-story:after {
                bottom: -10px;
            }
            /* --------------------- One Sided Vertical Center - END -------------------- */
            .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-position-bottom {
                width: 100%;
                height: auto;
                padding: 0px;
                margin: 0px auto;
                bottom: 0;
                text-align: center;
                top: unset;
                display: flex;
                left: 50%;
                overflow-y: unset;
                overflow-x: unset;
            }
            .ctl-vertical-wrapper .ctl-nav-position-bottom .ctl-navigation-items li a {
                padding: 6px 9px 6px 9px;
            }
            .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-position-bottom .ctl-navigation-items {
                display: flex!important;
                flex-direction: row;
                padding-left: 0px;
                transform: translate(-50%, 0px);
                position: relative;
            }
            .ctl-vertical-wrapper .ctl-nav-position-bottom .ctl-navigation-items li.current:after {
                top: 0px;
                left: 25px;
            }
            .ctl-vertical-wrapper .ctl-nav-position-bottom .ctl-navigation-items li {
                border-top: 4px solid #222;
                padding: 0px 0px 12px;
                border-left: unset;
            }
            .ctl-vertical-wrapper .ctl-nav-position-bottom .ctl-navigation-items li:before {
                width: 100%;
                height: 3px;
                bottom: 12px;
                top: unset;
                left: 0px;
            }
            .ctl-wrapper .ctl-vertical-wrapper.dark-skin:not(.ctl-design-3) .ctl-navigation-bar:not(.ctl-nav-position-bottom) .ctl-navigation-items li.current:after {
                border-right-color: #fff!important;
                border-left-color: #ff000000;
            }
            .ctl-vertical-wrapper.dark-skin .ctl-nav-position-bottom .ctl-navigation-items li.current {
                border-top: 4px solid #fff;
            }
            .ctl-vertical-wrapper .ctl-nav-position-bottom .ctl-navigation-items li a:after {
                right: 25.5px;
                top: 30px;
            }
            .ctl-wrapper .ctl-vertical-wrapper:not(.dark-skin) .ctl-nav-position-bottom .ctl-navigation-items li:nth-child(2n+1).current {
                border-top-color: var(--ctw-first-story-color);
            }
            .ctl-wrapper .ctl-vertical-wrapper:not(.dark-skin) .ctl-nav-position-bottom .ctl-navigation-items li:nth-child(2n).current {
                border-top-color: var(--ctw-second-story-color);
            }
            .ctl-wrapper .ctl-vertical-wrapper.dark-skin .ctl-nav-position-bottom .ctl-navigation-items li.current:after {
                border-top-color: #ffffff;
                border-left-color: #000000;
            }
            .ctl-wrapper .ctl-vertical-wrapper:not(.dark-skin) .ctl-nav-position-bottom .ctl-navigation-items li.current:nth-child(2n):after {
                border-top-color: var(--ctw-second-story-color);
                border-left-color: #ff000000;
            }
            .ctl-wrapper .ctl-vertical-wrapper:not(.dark-skin) .ctl-nav-position-bottom .ctl-navigation-items li.current:nth-child(2n+1):after {
                border-top-color: var(--ctw-first-story-color);
                border-left-color: #ff000000;
            }
            .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-position-left {
                left: 0;
            }
            .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-position-left .ctl-navigation-items li {
                border-right: 4px solid #222;
                border-left: unset;
                padding-left: 8px;
            }

            .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-position-left.ctl-nav-style-2 .ctl-navigation-items li{
                padding-left: 8px;
            }

            .ctl-wrapper .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-position-left .ctl-navigation-items li.current:nth-child(2n):after {
                border-right-color: var(--ctw-second-story-color);
                border-left-color: #ff000000;
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-position-left .ctl-navigation-items li.current:nth-child(2n+1):after {
                border-right-color: var(--ctw-first-story-color);
                border-left-color: #ff000000;
            }
            .ctl-wrapper .ctl-vertical-wrapper:not(.dark-skin) .ctl-navigation-bar.ctl-nav-position-left .ctl-navigation-items li:nth-child(2n):where(.current:after, .current) {
                border-right-color: var(--ctw-second-story-color);
            }
            .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-position-left .ctl-navigation-items li a {
                padding: 6px 20px 6px 20px;
            }
            .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-position-left .ctl-navigation-items {
                padding-left: 0px;
            }
            .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-position-left.ctl-nav-style-2 .ctl-navigation-items {
                padding-left: 11px;
            }
            .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-position-left .ctl-navigation-items li.current:after {
                right: 0;
            }
            .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-position-left.ctl-nav-style-2 .ctl-navigation-items li:after {
                left: -1px;
            }
            .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-position-left .ctl-navigation-items li:before {
                left: 12px;
            }
            .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-position-left .ctl-navigation-items li a:after {
                left: -0.5px;
                top: 13px;
            }

            /* navigation style 1 css start */
            .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-style-1 .ctl-nav-icon{
                display: none !important;
            }
            /* navigation style 2 css start */
            .ctl-vertical-wrapper nav.ctl-navigation-bar.ctl-nav-position-left.ctl-nav-style-2 ul li a{
                margin: 0px 0px 0px 32px;
                padding: .1rem 1.5rem;
            }
            .ctl-vertical-wrapper nav.ctl-navigation-bar.ctl-nav-position-left.ctl-nav-style-2 ul li{
                border-right: 0px;
            }
            .ctl-vertical-wrapper nav.ctl-navigation-bar.ctl-nav-position-left.ctl-nav-style-2 ul li a::after{
                right: 100%;
                left: unset;
                top: 11px;
            }
            /* navigation style 3 css start */
            .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-position-left.ctl-nav-style-3{
                padding: 0px 45px 0px 0px;
                transform: translateX(calc(-100% + 44px));
            }

            .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-position-left.ctl-nav-style-3.ctl-nav-active{
                transform: translateX(0%);
            }
            .ctl-vertical-wrapper nav.ctl-navigation-bar.ctl-nav-style-3.ctl-nav-position-left .ctl-nav-icon{
                position: absolute;
                transform: unset;
                left: calc(100% - 45px);
            }
        }
        /* ------------------------- One Sided Styles - END ------------------------- */
        /* --------pagination css-------- */
        
        .ctl-vertical-wrapper .ctl-pagination a,
        .ctl-vertical-wrapper .ctl-pagination span {
            display: inline-block;
            padding: 2px 10px;
        }
        
        .ctl-vertical-wrapper .ctl-pagination a {
            background-color: #ebebeb;
            color: #777;
            text-decoration: none;
            font-size: 15px;
        }

        @keyframes ctl-btn-effect {
            0% {
                transform: scale3d(0.3, 0.3, 1);
            }
            25%, 50% {
                opacity: .2;
            }
            100% {
                opacity: 0;
                transform: scale3d(1.2, 1.2, 1);
            }
        }
        
        .ctl-vertical-wrapper .ctl-pagination :where(.prev.page-numbers, .next.page-numbers) {
            fill: #777;
        }
        
        .ctl-vertical-wrapper .ctl-pagination :is(.prev.page-numbers, .next.page-numbers) svg {
            margin-bottom: -2px;
        }
        
        .ctl-vertical-wrapper .ctl-pagination .prev.page-numbers:hover,
        .ctl-vertical-wrapper .ctl-pagination .next.page-numbers:hover {
            fill: #ffffff;
        }
        
        .ctl-vertical-wrapper .ctl-pagination a:hover {
            background-color: var(--ctw-line-bg);
            color: #fff;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.dark-skin .ctl-pagination .page-numbers.ctl-page-num {
            color: #000000;
        }
        
        .ctl-vertical-wrapper .ctl-pagination span.dots {
            padding: 0;
            color: #858383;
        }
        
        .ctl-vertical-wrapper .ctl-pagination span.current {
            background-color: var(--ctw-line-bg);
            color: #fff;
        }
        
        .ctl-vertical-wrapper.light-skin .ctl-pagination span.current {
            color: #000;
        }
        
        .ctl-vertical-wrapper nav.ctl-pagination {
            text-align: center;
            position: relative;
            margin: 20px 0px;
        }
        
        .ctl-vertical-wrapper .ctl-category-dropdown ul li a {
            color: var(--ctw-line-bg);
            text-decoration: none !important;
        }
        
        .ctl-vertical-wrapper .ctl-category-dropdown ul li:hover {
            background-color: var(--ctw-line-bg);
            text-decoration: none;
        }
        
        .ctl-vertical-wrapper .ctl-category-dropdown ul li:hover a {
            color: #ffffff;
        }
        
        .ctl-vertical-wrapper .ctl-category-dropdown button,
        .ctl-vertical-wrapper .ctl_load_more_pagination button {
            color: var(--ctw-line-bg);
            border: 1px solid var(--ctw-line-bg);
            padding: 8px 10px;
            background: #fff;
            fill: #fff;
        }
        
        .ctl-vertical-wrapper.ctl-one-sided .ctl_load_more_pagination {
            text-align: left;
        }
        
        .ctl-vertical-wrapper .ctl_load_more_pagination button .ctl-loader-spinner {
            margin-bottom: -4px;
        }
        
        .ctl-vertical-wrapper.light-skin .ctl-category-dropdown button,
        .ctl-vertical-wrapper.light-skin .ctl_load_more_pagination button {
            color: #444444;
            border: 1px solid #444444;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-3.light-skin .ctl-icon {
            background-color: #dcdcdc;
        }
        
        .ctl-vertical-wrapper.light-skin .ctl-category-dropdown button:where(:hover, :focus),
        .ctl-vertical-wrapper.light-skin .ctl_load_more_pagination button:where(:hover, :focus) {
            background-color: #444444;
            border: 1px solid var(--ctw-line-bg);
            color: #ffffff;
            outline: 0px;
        }
        
        .ctl-vertical-wrapper .ctl-category-dropdown button:where(:hover, :focus),
        .ctl-vertical-wrapper .ctl_load_more_pagination button:where(:hover, :focus) {
            background-color: var(--ctw-line-bg);
            border: 1px solid var(--ctw-line-bg);
            color: #ffffff;
            outline: 0px;
        }
        
        .ctl-vertical-wrapper .ctl_load_more_pagination {
            margin-top: 30px;
        }
        
        @media (min-width: 280px) {
            .ctl-vertical-wrapper nav.ctl-pagination {
                top: 0;
            }
        }
        
        @media only screen and (max-width: 325px) {
            .ctl-wrapper .ctl-vertical-wrapper .ctl-year .ctl-year-text:before {
                width: calc(var(--ctw-ibx-size) - var(--ctw-line-width) / 10 + var(--ctw-line-bd-width) * 1px + 1px);
            }
            .ctl-wrapper .ctl-vertical-wrapper.cool-timeline-wrapper:not(.ctl-compact-wrapper, .ctl-one-sided, .ctl-design-5) .ctl-start,
            .ctl-wrapper .ctl-vertical-wrapper.cool-timeline-wrapper:not(.ctl-compact-wrapper, .ctl-one-sided, .ctl-design-5) .ctl-end {
                left: calc(6% - var(--ctw-line-width) / 10)!important;
            }
            .ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-design-4 .ctl-timeline .ctl-story .ctl-arrow {
                left: calc(0px - (var(--ctw-ibx-size) *1.6 - var(--ctw-ibx-size) / 2));
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-story {
                left: calc(5% - var(--ctw-line-width) - 7.8px)!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-6 .ctl-icondot {
                left: calc(var(--ctw-ibx-size) * 0.6 - var(--ctw-ibx-size) * 2);
            }
            .ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper:not(.ctl-design-6,.ctl-design-5) .ctl-year,
            .ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-one-sided:not(.ctl-design-6,.ctl-design-5) .ctl-timeline .ctl-year {
                left: -6px!important;
            }
            .ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-one-sided.ctl-design-4 .ctl-timeline .ctl-year {
                left: calc(5% - var(--ctw-line-width) / 1)!important;
            }
            .ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-design-4 .ctl-year {
                left: calc(5% - var(--ctw-line-width) / 1)!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-year {
                margin: 22px 0 50px 0px!important;
            }
            .ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-one-sided .ctl-story {
                left: 5px;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-year {
                margin: 22px 0 50px -9px!important;
            }
            .ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-design-6 .ctl-year{
                left: -2px !important;
            }
            .ctl-wrapper .ctl-vertical-wrapper.cool-timeline-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-start,
            .ctl-wrapper .ctl-vertical-wrapper.cool-timeline-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-end {
                left: calc(7% - var(--ctw-line-width) / 2.5)!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-compact-wrapper.ctl-design-6 .ctl-timeline:before,
            .ctl-wrapper .ctl-vertical-wrapper.ctl-compact-wrapper.ctl-design-6 .ctl-inner-line {
                left: calc(4% - var(--ctw-line-width) / 1)!important;
            }
        }
        
        @media only screen and (min-width: 769px) {
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided:where(.ctl-design-5, .ctl-design-6) .ctl-start,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided:where(.ctl-design-5, .ctl-design-6) .ctl-end {
            left: calc(300px - ((var(--ctw-line-width) * 3) / 2)) !important;
        }
            .ctl-vertical-wrapper nav.ctl-pagination {
                top: 15px;
                margin-bottom: 30px;
            }
            /* one-sided css start */
            /* one-sided css start */
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-story {
                width: 600px;
                left: calc(31px + var(--ctw-ibx-size) / 4);
                float: unset;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-story.ctl-story-icon {
                left: calc(31px + var(--ctw-ibx-size) / 2);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-icondot {
                left: calc(-31px + var(--ctw-ibx-size) / 4 - var(--ctw-ibx-size) / 2 - var(--ctw-ibx-size) / 4 - var(--ctw-line-width) / 4);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-icon {
                left: calc(0px - calc(31px + var(--ctw-ibx-size) / 2) - (var(--ctw-ibx-size) - 5px) / 2);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided:where(.ctl-design-3, .ctl-design-6) .ctl-content {
                display: block;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided:where(.ctl-design-3, .ctl-design-6) .ctl-story:not(.ctl-no-media) :where(.ctp-media-slider, .ctl-media, .full-width) {
                overflow: hidden;
                padding: 15px 0 15px 15px;
                max-width: 40%;
                float: left;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided:where(.ctl-design-3, .ctl-design-6) .ctl-story:not(.ctl-no-media) .ctl-description {
                width: 60%;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided:where(.ctl-design-3, .ctl-design-6) .ctl-story:not(.ctl-no-media) .ctl-title {
                float: right;
                max-width: 60%;
            }
            /* one-sided css end */
        }
        /* --------Category Filters css-------- */
        
        .ctl-vertical-wrapper .cat-filter-wrp ul {
            text-align: center;
        }
        
        .ctl-vertical-wrapper .cat-filter-wrp ul li {
            display: inline-block;
        }
        
        .ctl-vertical-wrapper .cat-filter-wrp ul li a {
            text-decoration: none !important;
            display: block;
            border: 1px solid #000;
            padding: 5px 10px;
            margin: 5px;
            box-shadow: none;
        }
        /* --------year navigation-------- */
        
        .ctl-vertical-wrapper .ctl-navigation-bar {
            display: block;
            position: fixed;
            top: 0px;
            height: 100%;
            z-index: 1049;
            font-weight: normal;
            height: 70vh;
            overflow-x: hidden;
            overflow-y: auto;
            margin: 15vh auto;
            opacity: 1;
            transform: scale(1);
            transition: opacity .3s ease-in-out;
        }
        
        .ctl-vertical-wrapper nav.ctl-navigation-bar.ctl-out-viewport {
            opacity: 0;
            transform: scale(0);
            z-index: -99999;
        }
        
        .ctl-vertical-wrapper .ctl-navigation-items {
            transition-duration: .3s;
            list-style: none;
            margin: 0;
            vertical-align: middle;
            padding-left: 40px;
            min-height: 45px;
            max-height: 65vh;
            overflow: hidden auto;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.dark-skin:not(.ctl-design-3) .ctl-navigation-bar.ctl-nav-position-left .ctl-navigation-items li:where(.current:after, .current) {
            border-right-color: #fff;
        }
        
        .ctl-vertical-wrapper .ctl-navigation-items li {
            background: var(--ctw-cbx-des-background);
            display: block;
            border-left: 4px solid #222;
            text-align: left;
            font-size: 13px;
            position: relative;
            margin-bottom: 0px!important;
        }
        
        .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-position-right {
            right: 0;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:not(.dark-skin) .ctl-navigation-items li:nth-child(2n+1):where(.current:after, .current) {
            border-right-color: var(--ctw-first-story-color);
        }
        
        .ctl-vertical-wrapper .ctl-navigation-items li a {
            position: relative;
            display: inline-block;
            transition-duration: .3s;
            width: 100%;
            margin-right: 5px;
            padding: 6px 20px 6px 9px;
            text-decoration: none;
            color: var(--ctw-cbx-des-color);
            font-size: 16px;
            font-weight: 600;
        }
        
        .ctl-vertical-wrapper .ctl-navigation-items li a:after {
            content: ' ';
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: #000;
            position: absolute;
            right: 4.5px;
            top: 8px;
            z-index: 999;
        }
        
        .ctl-vertical-wrapper .ctl-navigation-items li a:before {
            content: ' ';
            width: 0;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
        }
        
        .ctl-vertical-wrapper .ctl-navigation-items li:before {
            bottom: 0;
            position: absolute;
            content: " ";
            width: 3px;
            background-color: #222;
            margin-right: -1.5px;
            z-index: 1;
            top: 0;
            right: 11px;
        }
        
        .ctl-vertical-wrapper .ctl-navigation-items li.current a:before {
            width: 100%;
        }
        
        .ctl-vertical-wrapper .ctl-navigation-items li.current:after {
            position: absolute;
            top: calc(50% - 4px);
            left: 0;
            z-index: 1;
            border: solid transparent;
            content: " ";
            border-left-color: var(--ctw-first-story-color);
            border-width: 4px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:not(.dark-skin) .ctl-navigation-items li:nth-child(2n+1):where(.current:after, .current) {
            border-left-color: var(--ctw-first-story-color);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:not(.dark-skin) .ctl-navigation-items li:nth-child(2n):where(.current:after, .current) {
            border-left-color: var(--ctw-second-story-color);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper .ctl-navigation-items li.current:nth-child(2n):after {
            border-left-color: var(--ctw-second-story-color);
        }
        
        .ctl-vertical-wrapper .ctl-navigation-items li:nth-child(2n).current a:after {
            background-color: var(--ctw-second-story-color);
        }
        
        .ctl-vertical-wrapper:not(.dark-skin) .ctl-navigation-items li:nth-child(2n+1).current a:after {
            background-color: var(--ctw-first-story-color);
        }
        
        .ctl-vertical-wrapper.dark-skin .ctl-navigation-items :where(li a:after, li:before) {
            background-color: var(--ctw-cbx-des-background)!important;
        }
        
        .ctl-vertical-wrapper.dark-skin .ctl-navigation-items :where(li.current:after, li.current) {
            border-left-color: var(--ctw-cbx-title-color);
        }
        
        .ctl-vertical-wrapper.dark-skin:not(.ctl-design-3) .ctl-navigation-items li:before {
            background: #fff;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.dark-skin .ctl-navigation-items a.current:after {
            background: #fff!important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.dark-skin:not(.ctl-design-3) .ctl-navigation-bar:not(.ctl-nav-position-bottom, .ctl-nav-position-left) .ctl-navigation-items li.current:after {
            border-left-color: #fff!important;
            border-right-color: #ff000000!important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-3.dark-skin .ctl-nav-position-bottom .ctl-navigation-items li.current:after {
            border-left-color: #ffffff;
            border-top-color: #000000;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.light-skin .ctl-arrow {
            left: calc(var(--ctw-ibx-size) / 10 - var(--ctw-ibx-size) / 2.3 + var(--ctw-cbx-bd-left-width) / 3 + 3px);
            box-shadow: unset!important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.light-skin .ctl-icondot {
            background: #eaeaea;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.light-skin:where(.ctl-design-3, .ctl-design-5) .ctl-story .ctl-title a {
            color: var(--ctw-cbx-title-color);
        }
        
        .ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper .innerViewPort .ctl-icondot {
            background: var(--ctw-line-filling-color)!important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.light-skin:not(.ctl-compact-wrapper):where(.ctl-design-2, .ctl-design-7) .ctl-story.ctl-story-left .ctl-arrow {
            right: calc(var(--ctw-ibx-size) / 7 - var(--ctw-ibx-size) / 2 + var(--ctw-cbx-bd-left-width) / 3 + 3px);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-design-2, .ctl-design-3, .ctl-design-4, .ctl-design-6) {
            --ctw-ibx-radius: 0;
            --ctw-cbx-radius: 0;
            --ctw-cbx-radius-left: 0px 0px 0px 0px;
            --ctw-cbx-radius-left-hover: 0px 0px 0px 0px;
            --ctw-cbx-radius-hover: 0px 0px 0px 0px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-design-2, .ctl-design-3, .ctl-design-4) .ctl-year-text {
            width: calc(var(--ctw-ybx-size) * 1.5);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-2:not(.light-skin) .ctl-content {
            border: none;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-3 .ctl-content .ctl-title,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-5:not(.ctl-compact-wrapper) .ctl-title,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-title {
            background-color: var(--ctw-cbx-des-background) !important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-3:not(.light-skin) .ctl-content .ctl-title a {
            color: var(--ctw-arw-bg);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-3 .ctl-content .ctl-description,
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-5 .ctl-content .ctl-description {
            padding: var(--ctw-cbx-des-padding);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-3 .ctl-media {
            order: var(--ctw-cbx-img-order);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-3 .ctl-story.ctl-story-left .ctl-content {
            border-right: 6px solid var(--ctw-arw-bg);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-3 .ctl-story.ctl-story-right .ctl-content {
            border-left: 6px solid var(--ctw-arw-bg);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-3.light-skin .ctl-story.ctl-story-left .ctl-content {
            border-right: 6px solid #aeaeae;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-4:where(.dark-skin, .light-skin) .ctl-content {
            margin-top: -10px;
            padding: 0px 10px 10px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-4 .ctl-arrow {
            width: var(--ctw-ibx-size);
            height: 3px;
            position: absolute;
            top: 24px;
            z-index: -1;
            background: var(--ctw-arw-bg) !important;
            right: calc(0px - var(--ctw-ibx-size))!important;
            transform: rotate(180deg);
            left: calc(0px - var(--ctw-ibx-size));
        }
        
        .ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-design-4 .ctl-story.innerViewPort .ctl-arrow {
            background: var(--ctw-line-filling-color)!important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.dark-skin:not(.ctl-design-3) .ctl-content {
            border: unset!important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-7 .ctl_popup_hide {
            display: none;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-7 .ctl-content {
            margin-top: -12px;
            padding: 5px;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-design-6, .ctl-design-4) .ctl-story.ctl-story-left .ctl-arrow {
            right: calc(0% - var(--ctw-ibx-size));
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper,.ctl-one-sided) .ctl-story.ctl-story-right .ctl-arrow {
            left: calc(0% - var(--ctw-ibx-size));
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6.ctl-one-sided .ctl-story.ctl-story-right .ctl-arrow {
            left: calc(var(--ctw-ibx-size) / 7 - var(--ctw-ibx-size) / 1.09 + var(--ctw-cbx-bd-left-width) / 3 - 7px);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-4 .ctl-story.ctl-story-left .ctl-arrow {
            background: var(--ctw-arw-bg)!important;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-story .ctl-content :where(.ctl-media:before, .ctl-media:after, .ctp-media-slider:before, .full-width:before) {
            background: var(--ctw-arw-bg);
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-content-empty :where(.ctl-timeline .ctl-inner-line, .ctl-start, .ctl-end) {
            display: none;
        }
        
        .ctl-wrapper .ctl-vertical-wrapper.ctl-content-empty .ctl-timeline:before {
            display: none;
        }
         .ctl-both-sided.ctl-vertical-wrapper.ctl-design-4 a.read_more.ctl_read_more {
        padding: 0px;
        border: none;
        font-weight: 600;
    }
    .ctl-one-sided.ctl-vertical-wrapper.ctl-design-7.light-skin .ctl_read_more {
        margin: 0px;
    }
    .ctl-both-sided.ctl-vertical-wrapper.ctl-design-6.dark-skin .ctl-title {
        padding-top: 0px;
    }
    .ctl-one-sided.ctl-vertical-wrapper.ctl-design-3 .ctl-description {
        padding-top: 0px !important;
    }
    .ctl-one-sided.ctl-vertical-wrapper.ctl-design-6 .ctl-media.full {
        padding: 3px;
    }
        
        @media only screen and (max-width: 767px) {
            .ctl-wrapper .ctl-vertical-wrapper .ctl-timeline:before,
            .ctl-wrapper .ctl-vertical-wrapper .ctl-inner-line {
                left: calc(5% - var(--ctw-line-width) / 1)!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-start,
            .ctl-wrapper .ctl-vertical-wrapper .ctl-end {
                left: calc(5% - var(--ctw-line-width) / -1)!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-design-5, .ctl-design-6) .ctl-start,
            .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-design-5, .ctl-design-6) .ctl-end {
                left: calc(5% - var(--ctw-line-width) + 7px)!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-7 .ctl-labels~.ctl-content {
                margin-top: 0px;
            }
            .ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-design-4 .ctl-story .ctl-arrow {
                left: calc(0px - (var(--ctw-ibx-size) *1.6 - var(--ctw-ibx-size) / 2));
                width: calc(var(--ctw-ibx-size) *1.6 - var(--ctw-ibx-size) / 2);
                top: 35px;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-4 .ctl-story .ctl-labels~.ctl-arrow {
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap) - 1px) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) * var(--ctw-ibx-position) / 100) + 16px + var(--lbl-bd-width) * 2 + (var(--ctw-cbx-date-line-height) * 2) + 12px);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-4 .ctl-story .ctl-labels:not(.ctl-label-full)~.ctl-arrow {
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-gap) + 6px) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-gap)) * var(--ctw-ibx-position) / 100) + 16px + var(--lbl-bd-width) * 2 + var(--ctw-cbx-date-line-height) + 11px);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-4 .ctl-content {
                margin-top: 5px;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-3:not(.light-skin) .ctl-story.odd .ctl-content {
                border: none;
                border-left: 6px solid var(--ctw-arw-bg);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-3.light-skin .ctl-story.ctl-story-left .ctl-content {
                border-right: none!important;
                border-left: 6px solid var(--ctw-arw-bg);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-one-sided, .ctl-compact-wrapper) .ctl-media,
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-one-sided, .ctl-compact-wrapper) .full-width,
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-one-sided, .ctl-compact-wrapper) .ctp-media-slider {
                position: unset!important;
                padding: 0px!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .swiper-autoheight .swiper-slide {
                height: 40vw!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-3 .ctl-story.even .ctl-content {
                border-left: 6px solid var(--ctw-arw-bg);
                border-right: unset!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-story.ctl-story-left:where(.ctl-labels, .ctl-title, .ctl-description) {
                text-align: var(--ctw-cbx-title-text-align);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story.ctl-story-left .ctl-description {
                padding: 0px;
                text-align: var(--ctw-cbx-date-text-align);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided {
                padding-left: 10px;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-one-sided) .ctl-icon {
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) + var(--ctw-ibx-size) + var(--ctw-ibx-size) + var(--ctw-ibx-size) - 68px);
                left: calc(var(--ctw-ibx-size) / 2 - var(--ctw-ibx-size) * 2.13);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-arrow {
                left: calc(var(--ctw-ibx-size) / 7 - var(--ctw-ibx-size) / 1 + var(--ctw-cbx-bd-left-width) / 3);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story.ctl-story-left {
                padding-left: 10px;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-6 .ctl-arrow {
                top: 34px!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-6 .ctl-icon {
                top: 15px;
                left: calc(var(--ctw-ibx-size) / 2 - var(--ctw-ibx-size) * 2.13);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-6 .ctl-icondot {
                top: 23px;
                left: calc(var(--ctw-ibx-size) * 0.56 - var(--ctw-ibx-size) * 2)!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-6 .ctl-story .ctl-labels {
                margin: 0px 5px 20px;
                display: block;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story .ctl-content .ctp-media-slider:before,
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story .ctl-content .full-width:before,
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story .ctl-content .ctl-media:after,
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-story.ctl-story-left .ctl-content .ctl-media:before {
                display: none!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story.ctl-story-left .ctl-title {
                text-align: var(--ctw-cbx-date-text-align)!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-arrow {
                top: calc(var(--ctw-ibx-size) - 4px) !important;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-story .ctl-icondot {
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) + var(--ctw-ibx-size) + var(--ctw-ibx-size) - 15px);
                left: calc(var(--ctw-ibx-size) * 0.56 - var(--ctw-ibx-size) * 2);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-story .ctl-arrow {
                width: 53px;
                left: calc(var(--ctw-ibx-size) / 11 - var(--ctw-ibx-size) / 1 + var(--ctw-cbx-bd-left-width) / 3 - 12px)!important;
            }
            .ctl-vertical-wrapper .ctl-pagination a,
            .ctl-vertical-wrapper .ctl-pagination span {
                margin: 2px 0px;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-story .ctl-content .ctl-media.full img {
                height: auto!important;
            }
            .ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-design-6 .ctl-labels {
                margin: 20px 0px 0px!important;
                padding: 0px 11px 8px;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-labels,
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-description {
                padding: 0px;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-title {
                padding: 0px 0px 5px;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-content {
                padding: 10px;
            }
            .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper) .ctl-label-small {
                margin-bottom: -15px;
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-icondot,
            .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-icondot {
                left: calc(var(--ctw-ibx-size) * 0.6 - var(--ctw-ibx-size) * 2);
            }
            .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-timeline:before, .ctl-inner-line) {
                left: calc(0px - var(--ctw-line-width) / 2 + var(--ctw-ibx-size) / 2);
            }
            .ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper .ctl-year {
                justify-content: flex-start;
                left: calc(5% - 22px);
            }
            .ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-design-4 .ctl-year {
                left: calc(5% - var(--ctw-line-width) / 1)!important;
                margin: 22px 0 50px 0px;
            }
            .ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-design-5 .ctl-year {
                justify-content: flex-start;
                left: calc(5% - var(--ctw-line-width) / 1)!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-year .ctl-year-text:after {
                left: calc(0px + var(--ctw-ibx-size) / 2 - var(--ctw-line-width) / 2 + var(--ctw-line-bd-width) / 2);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-story {
                width: calc(100% - var(--ctw-ibx-size) * 1.52);
                float: right;
                text-align: left;
                margin-bottom: 20px;
                top: 0;
                left: calc(5% - var(--ctw-line-width) - 13.8px)!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-story {
                float: right;
            }
            .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper) .ctl-story .ctl-labels {
                position: relative;
                left: 0;
                top: 0;
                text-align: left!important;
                width: 100%;
                margin: 20px 5px 20px 0px;
            }
            .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper).ctl-design-6 .ctl-story .ctl-labels.ctl-label-full {
                padding: 0px 11px 15px;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-story-left .ctl-labels {
                padding: 0px 10px;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-5 .ctl-icondot {
                left: calc(var(--ctw-ibx-size) * 0.6 - var(--ctw-ibx-size) * 2);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-icon {
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap) - 20px) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap) + 12px) * var(--ctw-ibx-position) / 100) - 5px + var(--lbl-bd-width) * 2);
                transform: translateY(-50%)!important;
                left: calc(var(--ctw-ibx-size) / 2 - var(--ctw-ibx-size) * 2.08);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-4 .ctl-icon {
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap) - 5px) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap) + 12px) * var(--ctw-ibx-position) / 100) - 5px + var(--lbl-bd-width) * 2);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-4 .ctl-icondot {
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap) - 17px) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap) + 12px) * var(--ctw-ibx-position) / 100) - 5px + var(--lbl-bd-width) * 2);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-labels~.ctl-icon {
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap) + 13px) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) * var(--ctw-ibx-position) / 100) + 16px + var(--lbl-bd-width) * 2 + var(--ctw-cbx-date-line-height) - 11px);
            }
            .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-design-6,.ctl-design-4) .ctl-labels.ctl-label-full~.ctl-icon {
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) * var(--ctw-ibx-position) / 100) + 25px + var(--lbl-bd-width) * 2 + (var(--ctw-cbx-date-line-height) * 2) + 6px);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-4 .ctl-labels.ctl-label-full~.ctl-icon {
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) * var(--ctw-ibx-position) / 100) + 16px + var(--lbl-bd-width) * 2 + (var(--ctw-cbx-date-line-height) * 2) + 13px);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-labels~.ctl-icondot {
                top: calc(var(--ctw-ibx-size) * var(--ctw-ibx-position) + var(--ctw-ibx-size) / 2 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) * var(--ctw-ibx-position) / 10) + var(--lbl-bd-width) * 2 + var(--ctw-cbx-date-line-height) + 14px)
            }
            .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-design-6) .ctl-labels:not(.ctl-label-full)~.ctl-icondot {
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-gap) + 6px) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-gap)) * var(--ctw-ibx-position) / 100) + 8px + var(--lbl-bd-width) * 2 + var(--ctw-cbx-date-line-height) + 11px);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-4 .ctl-labels~.ctl-icondot {
                top: calc(var(--ctw-ibx-size) * var(--ctw-ibx-position) + var(--ctw-ibx-size) / 2 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) * var(--ctw-ibx-position) / 10) + var(--lbl-bd-width) * 2 + var(--ctw-cbx-date-line-height) + 13px);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-4 .ctl-labels:not(.ctl-label-full)~.ctl-icondot {
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-gap) + 6px) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-gap)) * var(--ctw-ibx-position) / 100) + 8px + var(--lbl-bd-width) * 2 + var(--ctw-cbx-date-line-height) + 11px);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-4 .ctl-labels~.ctl-icon {
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap) + 13px) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) * var(--ctw-ibx-position) / 100) + 16px + var(--lbl-bd-width) * 2 + var(--ctw-cbx-date-line-height) + 14px);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-4 .ctl-labels:not(.ctl-label-full)~.ctl-icon {
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-gap) + 7px) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-gap)) * var(--ctw-ibx-position) / 100) + 16px + var(--lbl-bd-width) * 2 + var(--ctw-cbx-date-line-height) + 12px);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left {
                float: right;
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-labels {
                right: 0;
            }
            .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-design-6,.ctl-design-4) .ctl-arrow,
            .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-design-6,.ctl-design-4) .ctl-story.ctl-story-left .ctl-arrow {
                border-width: 0 0 var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-left-width);
                left: calc(var(--ctw-ibx-size) / 2 - var(--ctw-ibx-size) / 1.2 + var(--ctw-cbx-bd-left-width) / 3);
                box-shadow: unset;
                clip-path: polygon(0% 50%, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 50%);
            }
            .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-design-6, .ctl-design-4, .ctl-design-5) .ctl-arrow,
            .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-design-6, .ctl-design-4, .ctl-design-5) .ctl-story.ctl-story-left .ctl-arrow {
                background: linear-gradient(to right, var(--ctw-arw-bg) 52%, transparent 48%)!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper.light-skin:not(.ctl-design-6, .ctl-design-4, .ctl-design-5) .ctl-arrow,
            .ctl-wrapper .ctl-vertical-wrapper.light-skin:not(.ctl-design-6, .ctl-design-4, .ctl-design-5) .ctl-story.ctl-story-left .ctl-arrow {
                background: linear-gradient(to right, var(--ctw-arw-bd-color) 52%, transparent 48%)!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-5 .ctl-story-left .ctl-arrow {
                background: linear-gradient(to right, var(--ctw-arw-bg) 52%, transparent 48%);
                border-image: linear-gradient(to right top, var(--ctw-arw-bg, var(--ctw-cbx-title-bg)) 51%, transparent 48%);
                border-image-slice: 1;
                left: calc(var(--ctw-ibx-size) / 12 - var(--ctw-ibx-size) / 3 + var(--ctw-cbx-bd-left-width) / 3);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-5 .ctl-story.ctl-story-left .ctl-arrow::before{
                right: auto;
                left: 1px;
            }
            .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper, .ctl-design-4) .ctl-labels~.ctl-arrow,
            .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper, .ctl-design-4) .ctl-story.ctl-story-left .ctl-labels~.ctl-arrow {
                top: calc(var(--ctw-ibx-size) * var(--ctw-ibx-position) + var(--ctw-ibx-size) / 3 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) * var(--ctw-ibx-position) / 10) + var(--lbl-bd-width) * 2 + var(--ctw-cbx-date-line-height) - 10px);
                left: calc(var(--ctw-ibx-size) / 8 - var(--ctw-ibx-size) / 2.1 + var(--ctw-cbx-bd-left-width) / 3);
            }
            .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-design-5,.light-skin) .ctl-story.ctl-story-left .ctl-arrow::before{
                right: auto;
                left: 1px;
            }
            .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper, .ctl-design-4) .ctl-labels.ctl-label-full~.ctl-arrow,
            .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper, .ctl-design-4) .ctl-story.ctl-story-left .ctl-labels.ctl-label-full~.ctl-arrow {
                top: calc(var(--ctw-ibx-size) * var(--ctw-ibx-position) + var(--ctw-ibx-size) / 2 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) * var(--ctw-ibx-position) / 10) + var(--lbl-bd-width) * 2 + (var(--ctw-cbx-date-line-height) * 2) - 5px);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-arrow-line,
            .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-arrow-line {
                right: auto;
                left: calc(0px - var(--ctw-ibx-size) * 0.5);
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + var(--ctw-ibx-size) / 2 - var(--ctw-line-width) / 2 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) * var(--ctw-ibx-position) / 100) + var(--lbl-bd-width) * 2 + var(--ctw-cbx-date-line-height) - 11px);
            }
            .ctl-wrapper .ctl-vertical-wrapper :where( .ctl-arrow-line) {
                top: calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) / 100 + var(--ctw-ibx-size) / 2 - var(--ctw-line-width) / 2 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) * var(--ctw-ibx-position) / 100) + var(--lbl-bd-width) * 2 + var(--ctw-cbx-date-line-height) - 11px);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-story-dot-icon .ctl-arrow-line {
                right: auto;
                left: calc(0px - var(--ctw-ibx-size) * 0.75);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-arrow-line:before {
                right: auto;
                left: calc(0px - var(--ctw-ibx-bd-width));
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-arrow-line:after {
                left: auto;
                right: calc(0px - var(--ctw-cbx-bd-left-width));
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-icon {
                left: calc(var(--ctw-ibx-size) / 2 - var(--ctw-ibx-size) * 2.13);
                right: auto;
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-story .ctl-title {
                text-align: left;
                justify-content: left!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-media {
                justify-content: var(--ctw-cbx-img-align, var(--ctw-cbx-text-align));
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-button {
                justify-content: var(--ctw-cbx-btn-align, var(--ctw-cbx-text-align));
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-year .ctl-year-text {
                position: relative;
                overflow: visible;
                left: calc(var(--ctw-ibx-size) * 1.5);
                right: auto;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-4 .ctl-year .ctl-year-text {
                left: calc(var(--ctw-ibx-size) - var(--ctw-line-width) / 10 + var(--ctw-line-bd-width) * 1px - 3px);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-5 .ctl-year .ctl-year-text {
                left: calc(var(--ctw-ibx-size) - var(--ctw-line-width) / 10 + var(--ctw-line-bd-width) * 1px - 3px);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-year .ctl-year-text:before {
                height: var(--ctw-line-width);
                left: auto;
                right: calc(95% + var(--ctw-ybx-bd-width)) !important;
                width: calc(var(--ctw-ibx-size) - var(--ctw-line-width) / 10 + var(--ctw-line-bd-width) * 1px);
                background-color: var(--ctw-line-bg);
                opacity: 1;
                z-index: -1;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-5 .ctl-year .ctl-year-text:before {
                right: calc(96% + var(--ctw-ybx-bd-width)) !important;
            }
            .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-design-5,.ctl-one-sided.ctl-design-4) .ctl-year .ctl-year-text:before {
                width: calc(var(--ctw-ibx-size) - var(--ctw-line-width) / 10 + var(--ctw-line-bd-width) * 1px - 3px);
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-year .ctl-year-text:before {
                right: calc(94% + var(--ctw-ybx-bd-width) / 2) !important;
                top: calc(113% - var(--ctw-line-width) / 2) !important;
                transform: rotate(314deg);
                width: 28px;
            }

            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-6 .ctl-year-text:before {
                right: calc(92% + var(--ctw-ybx-bd-width)) !important;
                top: calc(113% - var(--ctw-line-width) / 2) !important;
                width: 27px;
            }
            .ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-design-6 .ctl-year {
                margin: 22px 0 50px -3px;
                left: calc(5% - 22px);
                padding-top: 1rem;
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-year.innerViewPort .ctl-year-text:before {
                background-color: var(--ctw-line-filling-color);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-year-label.ctl-year-text::after {
                right: 100%;
                left: auto;
                width: var(--ctw-ybx-bd-width);
                height: var(--ctw-line-width);
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-year-label.ctl-year-text::after,
            .ctl-wrapper .ctl-vertical-wrapper .ctl-year .ctl-year-text:before {
                top: calc(50% - var(--ctw-line-width) / 2) !important;
                border-width: calc(var(--ctw-line-bd-width) * 1px) 0 calc(var(--ctw-line-bd-width) * 1px) 0;
                border-style: var(--ctw-line-bd-style);
                border-color: var(--ctw-line-bd-color);
            }
            .ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-one-sided:where(.ctl-design-2, .ctl-design-3, .ctl-design-4, .ctl-design-6) .ctl-year-text {
                width: calc(var(--ctw-ybx-size) * 1);
            }
            .ctl-wrapper .ctl-vertical-wrapper:not(.dark-skin) .ctl-navigation-items li:nth-child(2n+1).current {
                border-left-color: var(--ctw-first-story-color)!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper:not(.dark-skin) .ctl-navigation-items li:nth-child(2n).current {
                border-left-color: var(--ctw-second-story-color)!important;
            }
            .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-position-bottom {
                right: 0px;
            }
            .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-position-left {
                right: 0;
            }
            .ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.dark-skin .ctl-navigation-items li.current:after {
                border-left-color: #fff;
            }
            /* .ctl-wrapper .ctl-vertical-wrapper.light-skin:not(.ctl-design-4, .ctl-design-6, .ctl-compact-wrapper) .ctl-arrow {
                left: calc(var(--ctw-ibx-size) / 7 - var(--ctw-ibx-size) / 2.6 + var(--ctw-cbx-bd-left-width) / 3)!important;
            } */
            .ctl-vertical-wrapper .ctl-navigation-bar {
                height: auto!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-design-2, .ctl-design-3, .ctl-design-4, .ctl-design-5) .ctl-year {
                margin: 22px 0px 50px -2px;
            }
            .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-style-1:not(.ctl-nav-position-bottom,.ctl-out-viewport){
                padding-left: 5px;
                transform: translateX(calc(100% - 44px));
                transition: all .5s ease-in-out;
            }
            .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper,.ctl-design-4) .ctl-story.ctl-story-right .ctl-content {
                margin-left:0px;
            }
            
            .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper,.ctl-design-4) .ctl-story.ctl-story-left .ctl-content {
                margin-right: 0px;
            }
        }
        
        @media only screen and (max-width: 950px) {
            .ctl-vertical-wrapper nav.ctl-pagination {
                margin: 40px 0px;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided.ctl-design-6 .ctl-icondot {
                left: calc(var(--ctw-ibx-size) * 0.76 - var(--ctw-ibx-size) * 2);
            }
        }
        
        @media only screen and (max-width: 428px) {
            .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-design-5, .ctl-design-6, .ctl-design-4) .ctl-year .ctl-year-text:before {
                right: calc(100% + var(--ctw-ybx-bd-width)) !important;
            }
            .ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-one-sided .ctl-year:after {
                display: none!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper .ctl-start,
            .ctl-wrapper .ctl-vertical-wrapper .ctl-end {
                left: calc(5% - var(--ctw-line-width) + 6px)!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-design-5, .ctl-design-6) .ctl-start,
            .ctl-wrapper .ctl-vertical-wrapper:where(.ctl-design-5, .ctl-design-6) .ctl-end {
                left: calc(5% - var(--ctw-line-width) + 7px)!important;
            }
            .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-one-sided).ctl-design-5 .ctl-year {
                margin: 22px 0 50px -3px!important;
            }
            .ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper:not(.ctl-design-4, .ctl-design-6, .ctl-design-5) .ctl-year {
                margin: 22px 0 50px 3px;
            }
        }
        
        @media only screen and (max-width: 1024px) and (min-width: 769px) {
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctl-media,
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .ctp-media-slider,
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .full-width {
                min-height: 28vw;
            }
            .ctl-wrapper .ctl-vertical-wrapper.ctl-design-6:not(.ctl-compact-wrapper, .ctl-one-sided) .swiper-autoheight .swiper-slide {
                height: 28vw!important;
            }
        }