
//>>>>> Section Title Start <<<<<//

  .section-title{
	.sub-title {
		color: $theme-color-2; 
		font-family: "Epilogue",sans-serif;
		font-size: 20px;
		font-style: normal;
		font-weight: 900;
		line-height: 60px;  
		text-transform: uppercase;
	}

	.title {
	  margin-bottom: 45px;
	  color: $white;
	  font-family: "Epilogue",sans-serif;
	  font-size: 96px;
	  font-style: normal;
	  font-weight: 900;
	  line-height: 105px;  
	  text-transform: uppercase;

	  @include breakpoint (max-md) {
		font-size: 65px;
		line-height: 80px;
	  }
	}

	.text {
		color: $white ; 
		font-family: "Poppins", sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 26px;  
		margin-bottom: 35px;
	}

	@include breakpoint (max-md) {
	  position: relative;
	  padding: 110px 0 90px 0;
	  z-index: 9;
	}
	@include breakpoint (max-md) { 
	  padding: 110px 0 110px 0;
	}
  } 
.section-title-area	{
	@include flex;
	justify-content: space-between;
	position: relative;
	z-index: 5;

	@include breakpoint (max-lg) {
		flex-wrap: wrap; 
		gap: 30px;
	}

}

.title-area {
	position: relative;
	z-index: 5;
	.sub-title {
		color: $theme-color-2; 
		font-family: $title-font;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
		margin-bottom: 15px;
	}

	.title {
		color:  $title-color;
		text-align: center; 
		font-family: $title-font;
		font-size: 40px;
		font-style: normal;
		font-weight: 900;
		line-height: 50px;  
		text-transform: capitalize;
		margin-bottom: 10px;
	}

	.text {
		color: $text-color;
		text-align: center; 
		font-family: $body-font;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 28px;  
		margin-bottom: 45px;
	}
}


//>>>>> Section Title End <<<<<// 

