.ct-heading {
	.slide-in-container {
		padding-bottom: 7px;
		margin-top: -7px;
	}
	cite {
		font-style: normal;
		color: $primary_color;
		&.ct-text-highlight {
			color: inherit;
			@extend .text-gradient;
		}
	}
	&.highlight-style2 cite.ct-text-highlight {
		background-image: linear-gradient(45deg, $m_gradient_color5_color 0%, $m_gradient_color4_color 27%, $m_gradient_color3_color 48%, $m_gradient_color2_color 69%, $m_gradient_color1_color 100%);
	}
	&.item-st-default {
		position: relative;
		z-index: 1;
	}
	&.item-st-hexagon {
		padding-left: 66px;
		position: relative;
		padding-top: 24px;
		padding-bottom: 24px;
		z-index: 1;
		@media #{$max-sm} {
			padding-left: 56px;
		}
		&:before {
			content: '';
			width: 1155px;
			background-color: #353535;
			position: absolute;
			height: 2px;
			top: 0;
			left: 16px;
			@media #{$max-sm} {
				width: calc(100vw - 45px);
				width: -webkit-calc(100vw - 45px);
			}
		}
	}
	&.item-st-line-right {
		.item--title span {
			padding-right: 54px;
			position: relative;
			&:before {
				content: '';
				width: 45px;
				height: 2px;
				position: absolute;
				top: 50%;
				right: 0;
				@include transform(translate(0, -50%));
				background: linear-gradient(45deg, $m_gradient_color1_color 0%, $m_gradient_color2_color 27%, $m_gradient_color3_color 48%, $m_gradient_color4_color 69%, $m_gradient_color5_color 100%);
			}
		}
	}
	.ct-heading-text-below {
		position: absolute;
		top: 10px;
		right: 100%;
		z-index: -1;
		font-size: 200px;
		line-height: 1;
		@include font-family-heading($heading_default_font);
		color: transparent;
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: rgba(#c0c0c0, 0.15);
		-ms-text-stroke-color: rgba(#c0c0c0, 0.15);
		-o-text-stroke-color: rgba(#c0c0c0, 0.15);
		margin-right: -100px;
		white-space: nowrap;
		@media #{$max-lg} {
			right: auto;
			transform: translateX(0px) !important;
			left: 0;
			margin-right: 0;
		}
	}
	.ct-heading-hexagon-line {
		position: absolute;
		top: 0;
		left: 0;
		&:before, &:after {
			content: '';
			height: 18px;
			width: 2px;
			background-color: #353535;
			position: absolute;
			left: 50%;
			@include transform(translate(-50%, 0));
		}
		&:before {
			top: 0;
		}
		&:after {
			bottom: 0;
		}
	}
	.ct-heading-hexagon {
		background: transparent;
		overflow: hidden;
		margin: 0 auto;
		width: 34.68px;
		height: 40.05px;
		@include transform(rotate(0deg) skewY(30deg));
		margin: 33px 0 34px;
		&:before {
			@include transform(skewY(-30deg) rotate(60deg) translate(0));
			display: block;
			width: inherit;
			height: inherit;
			@include background-gradient-rotate(45deg, $gradient_color_from, $gradient_color_to);
			background-size: auto;
			background-size: cover;
			content: '';
		}
	}
	.item--sub-title {
		font-size: 16px;
		margin-bottom: 9px;
		&.style-button {
			margin-bottom: 15px;
			color: $secondary_color;
			span {
				line-height: 36px;
				font-size: 20px;
				position: relative;
				z-index: 1;
				padding: 0 50px;
				display: inline-block;
				font-weight: 700;
				&:before {
					content: '';
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					border-radius: 5px;
					z-index: -1;
					@include background-gradient-rotate(135deg, $gradient_color_from, $gradient_color_to);
					opacity: 0.2;
				}
			}
		}
	}
	.ct-heading-icon {
		display: inline-block;
	}
	&:hover .ct-heading-icon {
		animation: icon-bounce 800ms ease-out infinite;
		-webkit-animation: icon-bounce 800ms ease-out infinite;
	}
}

.ct-title-number1 {
	.item--title {
		margin-bottom: 0;
		font-size: 22px;
		font-weight: 700;
		font-family: 'Inter', sans-serif;
		display: initial;
		@extend .text-gradient;
		background-image: linear-gradient(45deg, $m_gradient_color1_color 0%, $m_gradient_color2_color 27%, $m_gradient_color3_color 48%, $m_gradient_color4_color 69%, $m_gradient_color5_color 100%);
		overflow: hidden;
		padding: 4px 0;
	}
	.item--number {
		font-size: 16px;
		font-weight: 600;
		color: #fff;
		font-family: 'Inter', sans-serif;
		width: 37px;
		height: 37px;
		background-color: #252525;
		@include border-radius(37px);
		line-height: 37px;
		text-align: center;
		min-width: 37px;
	}
	.item--title-meta {
		margin-right: 20px;
		flex-grow: 1;
	}
	.ct-title-number-inner {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		padding-bottom: 8px;
		border-bottom: 1px solid #252525;
	}
	.slide-in-container {
		position: static;
		display: initial;
		overflow: visible;
		.d-inline-block {
			display: initial !important;
		}
	}
}