.gsc-heading{
	padding: 0 0 30px;
	display: block;
	width: 100%;
	@include clearfix();
	@include media-breakpoint-down(sm){
		padding: 0 0 30px;
		&.heading-bg-white{
			padding: 30px 20px!important;
			background: $white;
		}
	}
	.title{
		position: relative;
		margin: 0;
	}
	.sub-title{
		color: $theme-color;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 600;
		letter-spacing: 3px;
		margin-bottom: 5px;
		font-family: $headings-font-family;
		display: inline-block;
	}
	.heading-action{
		margin-top: 15px;
	}
	&.align-center{
		text-align: center;
		margin: 0 auto;
	}
	&.align-left{
		text-align: left;
		.title-desc{
			float: left; 
		}
		.title-icon{
			padding-left: 50px;
		}
	}
	&.align-right{
		text-align: right;
		float: right;
		@include clearfix();
	}
	&.align-right{
		text-align: right;
		.title-desc{
			float: right;
		}
	}
	&.style-1{
		.title{
			font-size: 46px;
			position: relative;
			font-weight: 800;
			@include media-breakpoint-down(lg){
				font-size: 42px;
			}
			@include media-breakpoint-down(md){
				font-size: 36px;
			}
			@include media-breakpoint-down(sm){
				font-size: 30px;
			}
		}
		.title-desc{
			margin-top: 12px;
			p:last-child{
				margin-bottom: 0;
			}
		}
		&.align-left{
			.title{
				&:after{
					left: 0;
					margin-left: 0;
				}
			}
		}
		&.align-right{
			.title{
				&:after{
					right: 0;
					margin-left: 0;
				}
			}
		}
	}
	&.style-2{
		padding: 0 0 45px;
		.sub-title{
			color: $theme-color;
			font-size: 70px;
			text-transform: capitalize;
			line-height: 1;
			font-family: $font-second;
			font-weight: 400;
			@media(max-width: 1024px){
				font-size: 50px;
				line-height: 50px;
			}
			@media(max-width: 992px){
				font-size: 40px;
				line-height: 40px;
			}
		}
		.title{  
			font-size: 66px;
			line-height: 75px;
			font-weight: 800;
			margin-bottom: 20px;
			@include media-breakpoint-down(lg){
				font-size: 60px;
				line-height: 70px;
			}
			@include media-breakpoint-down(md){
				font-size: 50px;
				line-height: 60px;
			}
			@include media-breakpoint-down(sm){
				font-size: 45px;
				line-height: 50px;
			}
		}
		.title-desc{
			margin-bottom: 25px;
		}
	}
	&.style-3{
		padding: 0 0 25px;
		.sub-title{
			color: $theme-color;
			font-size: 70px;
			text-transform: capitalize;
			line-height: 1;
			font-family: $font-second;
			font-weight: 400;
			@media(max-width: 1024px){
				font-size: 50px;
				line-height: 50px;
			}
			@media(max-width: 992px){
				font-size: 40px;
				line-height: 40px;
			}
		}
		.title{  
			font-size: 80px;
			font-weight: 800;
			margin-bottom: 10px;
			text-transform: uppercase;
			@include media-breakpoint-down(lg){
				font-size: 60px;
			}
			@include media-breakpoint-down(md){
				font-size: 50px;
			}
			@include media-breakpoint-down(sm){
				font-size: 45px;
			}
		}
		.title-desc{
			margin-bottom: 25px;
			font-size: 18px;
			font-weight: 500;
		}
	}
	&.text-light{
		.title-sub{
			color: $white;
		}
		.title{
			color: $white;
		}
		.sub-title span{
			color: rgba(255, 255, 255, 0.9);
		}
		.title-desc{
			color: rgba(255, 255, 255, 0.9);
		}
	}
}