/*
|-----------------------------------
|      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-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;
}

.ctl-wrapper .ctl-vertical-wrapper.ctl-design-6 .ctl-story.ctl-story-left {
	--ctw-cbx-title-text-align: right;
	--ctw-cbx-text-align: right;
}

.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;
}
/* ------------------------- 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 0.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) + 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) - 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;
}

.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-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: -1;
	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;
}

.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);
}

.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
	);
}

.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
	);
	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
	);
	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 .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;
}

.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;
}

.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 + 1px);
}

.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 + 1px);
}

.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: 0.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: 0.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 0.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 0.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: 0.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 0.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: 0.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: 0.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 0.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: 0.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: 0.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
	);
	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
	);
}

.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;
}

@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 0.5s ease-in-out;
	}
}

@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;
	}
}