.ct-heading {
	&.h-align-left {
		position: relative;
		z-index: 1;
		.title-holder {
			position: absolute;
			top: -18px;
			left: -65px;
		}
	}
	&.h-align-center {
		z-index: 1;
		position: relative;
		.title-holder {
			text-align: center;
			position: absolute;
			top: -22px;
			left: 50%;
			@include transform(translateX(-50%));
		}
	}
	.title-holder {
		position: absolute;
	    text-stroke-color: rgba($third_color, 0.2);
	    -webkit-text-stroke-color: rgba($third_color, 0.2);
	    text-stroke-width: 1px;
	    -webkit-text-stroke-width: 1px;
	    color: transparent;
	    font-size: 100px;
	    z-index: -1;
	    @media #{$max-sm} {
	    	font-size: 40px;
	    }
	}
	@media #{$max-sm} {
		.item--title br {
			display: none;
		}
	}
	.item--title {
		font-size: 46px;
		line-height: 1.1428;
		cite {
			font-style: normal;
			@extend .text-gradient2;
		}
		@media #{ $max-lg } {
			font-size: 40px;
		}
		@media #{ $max-md } {
			font-size: 35px;
		}
		&.line-title {
			span {
				display: inline-block;
				position: relative;
				padding-bottom: 10px;
				&:after {
					content: "";
					width:28px;
					height: 3px;
					display: block;
					background-color: $primary_color;
					position: absolute;
					bottom: 0;
					left: 0;
				}
			}	
		}
	}
	.ct-text-highlight {
		color: $primary_color;
		font-style: normal;
	}
	.item--sub-title {
		font-size: 18px;
		font-weight: 700;
		color: $primary_color;
		margin-bottom: 9px;
		@media #{$max-sm} {
			font-size: 16px;
		}
		&.image-bg {
			position: relative;
			.img-bg {
				position: absolute;
				img {
					max-width: 100%;
					max-height: 40px;
				}
			}
		}
		&.line-subtitle {
			span {
				display: inline-block;
				position: relative;
				&:after {
					content: "";
					width: 100%;
					height: 3px;
					display: block;
					background-color: $primary_color;
					@include border-radius(6px);
					position: absolute;
					bottom: 2px;
					left: 0;
				}
			}
		}
	}
	&.h-align-left {
		.item--sub-title {
			&.image-bg {
				position: relative;
				padding-left: 25px;
				.img-bg {
					left: 0;
					top: -2px;
				}
			}
		}	
	}
	&.h-align-center {
		.item--sub-title {
			&.image-bg {
				position: relative;
				padding-left: 25px;
				.img-bg {
					left: 50%;
					@include transform(translateX(-50%));
					top: -2px;
					display: inline-block;
				}
			}
		}	
	}
	.heading-wrapper {
		display: inline-flex;
	}
}
.heading-custom {
	.ct-heading {
		.item--sub-title {
			color: $secondary_color;
			cite {
				color: #f10030;
				font-style: normal;
			}
		}
	}
}
.heading-custom3 {
	.ct-heading {
		.item--sub-title {
			display: inline-block;
			padding: 2px 10px;
			background: $primary_color;
			color: #fff;
			border-radius: 5px;
			font-size: 15px;
			margin-bottom: 15px;
		}
	}
}
.heading-subtitle-custom {
	.ct-heading {
		.item--sub-title {
	    	background-image: linear-gradient(-45deg, #f74f59 0%, #f74f59 37%, #f74f59 40%, #328eff 55%, #328eff 100%);
		    background-color: transparent;
		    background-clip: text;
		    -o-background-clip: text;
		    -ms-background-clip: text;
		    -moz-background-clip: text;
		    -webkit-background-clip: text;
		    text-fill-color: transparent;
		    -o-text-fill-color: transparent;
		    -ms-text-fill-color: transparent;
		    -moz-text-fill-color: transparent;
		    -webkit-text-fill-color: transparent;
		}
	}
}