.employe-scheduling 
	padding: 3% 8% 
	@include phone
		padding: 3% 12px
	.inner-container 
		.bottom-section
			@include tablet
				width: 60%
				margin: 0 auto
		.text-section 
			text-align: center 
		h2 
			font-size: 3rem 
			font-weight: 700 
			background: linear-gradient(109.31deg, #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 
			margin-top: 1rem 
	.mid-section 
		p
			font-size: 1.25rem
			@include phone
				font-size: 1.5rem
				line-height: 1.5 
			@include tablet
				font-size: 1.5rem
		.left-cont 
			text-align: right 
			padding-top: 3rem 
			height: 100% 
			display: flex 
			flex-direction: column 
			justify-content: flex-start 
			row-gap: 5rem 
			@include phone
				text-align: center
			@include tablet
				text-align: center
		.right-cont 
			text-align: left 
			padding-top: 3rem 
			height: 100% 
			display: flex 
			flex-direction: column 
			justify-content: flex-start 
			row-gap: 5rem 
			@include phone
				text-align: center
			@include tablet
				text-align: center
		.mid-cont 
			display: flex 
			justify-content: center 
			padding-top: 3rem 
			img
				width: 100%
				@include phone
					width: 100%
	.btn_container 
		margin-top: 2.5rem   
		font-weight: 700 
		text-align: center 
		@include phone
			justify-content: center
	.ctn-btn-1 
		margin: 0 1rem 
		font-size: 1.125rem 
	.trail-btn 
		margin: 0 1.5rem 
		font-size: 1.125rem
		@include phone
			font-size: 1.5rem
		button
				color: #fff !important
		&:hover
			button
				color: #000 !important
			.right_arrow 
				img 	
					filter: invert(1)
		img 
			position: relative 1.3rem
			width: 0.9rem 
			@include phone
				width: 1.5rem
	.see-pricing-btn 
		background-color: white 
		border: 2px solid #a1a1aa 
		padding: 0.8rem 1rem 
		margin: 0 1.5rem 
		font-size: 1.125rem
		@include phone
			font-size: 1.5rem
		img 
			position: relative 
			width: 0.9rem 
			margin: 0 0.5rem 
			@include phone
				width: 1.5rem
		&:hover
			background: #6BA1D2
			color: #fff !important
			img
				filter: invert(1)
		
.employe-scheduling .inner-container .left-inner-cont h4, .employe-scheduling .inner-container .right-cont h4  
	font-size: 1.25rem 
	margin-top: 1.7rem 
	font-weight: 700 
	@include phone
		font-size: 1.5rem
.trail-btn 
	background-color: #53A3ED 
	color: white 
	box-shadow: 0px 4px 0px rgba(132, 132, 132, 1)