#index_hero-section
	height: 90vh
	@include phone
		height: auto 
	.section-inner 
		text-align: center 
		margin-top: 4rem
		@include phone
			padding: 0 12px 	
		h1 
			font-size: 4rem 
			font-weight: 700 
			text-transform: uppercase 
			line-height: 1.5
			@include desktop
				font-size: 3.372rem
			@include phone
				font-size: 2.372rem
		h6 
			font-size: 2.1rem 
			font-weight: 400
			@include desktop
				font-size: 1.8rem
			@include phone
				font-size: 1.7rem
		.btn-container 
			margin: 3rem 0 
			display: flex
			justify-content: center
			button
				background-color: #FFBD00 
				color: rgb(10, 6, 6) 
				box-shadow: 0px 4px 0px rgba(132, 132, 132, 1) 
				text-transform: uppercase 
				font-size: 1.25rem 
				width: auto 
				margin: 0 1rem
				border: none
				&:hover
					color: #fff
					background: #57a1ef
			a 
				display: inline-block 
				margin: 0 1rem 
				&:first-child 
					background-color: #FFBD00 
					color: rgb(10, 6, 6) 
					box-shadow: 0px 4px 0px rgba(132, 132, 132, 1) 
					text-transform: uppercase 
					font-size: 1.25rem 
	.features-container 
		display: inline-flex 
		flex-direction: row 
		justify-content: center 
		align-items: center 
		padding: 25px 40px 
		column-gap: 5em 
		border: 2px dashed #FFBD00 
		border-radius: 1.5rem
		@include desktop
			.list-inline-item
				display: none
		@include phone
			text-align: left
			display: block
			padding: 14px 54px 8px 14px
			.list-inline-item
				display: none
		p 
			font-size: 1.4rem
			@include phone
				margin-bottom: .6rem
				
					 
			img 
				margin-right: 4px 
				position: relative 
	.add_color 
		background: linear-gradient(173deg, #FFBD00 12.51%, #53A3ED 93.66%) 
		-webkit-background-clip: text 
		-webkit-text-fill-color: transparent 
		background-clip: text 
		text-fill-color: transparent 
		display: inline-block 

html
	@include phone
		font-size: 60%
	@include tablet
		font-size: 60%
	@include tablet-ls
		font-size: 70%
	@include desktop
		font-size: 80%
.hero-section
	.custom-container
		height: 100%
		display: flex
		align-items: center
		justify-content: center
	.custom-container-fluid
		padding-bottom: 3rem 	
		background-position: center 
		background-repeat: no-repeat 
		background-size: cover
		height: 100%	
.custom-container
	max-width: 1600px !important
	margin: 0 auto
	padding-left: 15px
	padding-right: 15px
.custom-container-fluid
	max-width: 1920px !important
	margin: 0 auto
	padding-left: 15px
	padding-right: 15px
.modal 
	.modal-body 
		p
			font-size: 1.1rem !important
			font-weight: 400
		article
			@include phone
				font-size: 1.5rem
				padding-bottom: 4rem
			@include tablet
				font-size: 1.5rem
				padding-bottom: 4rem
br
	@include phone
		display: none