.mcd-webinar-main
	.main-form-section
		.mcd-main-form
			
	.sixth-section
		@include phone
			.row
				flex-wrap: wrap
		.sixth-section-image
			width: 40%
			position: relative
			left: 9rem
			@include phone
				width: 100%
				position: unset
			img
				max-width: 100%
		.sixth-section-description
			width: 60%
			@include phone
				width: 100%
			h2
				color: #232020
				text-align: center
				font-size: 24px
				font-style: normal
				font-weight: 600
				width: 80%
				margin: 0 auto 2rem auto
				@include phone
					width: 100%
			p
				color: #FFF
				text-align: center
				font-size: 24px
				font-style: normal
				font-weight: 400	
				border-radius: 14px
				background: #F2BD00
				padding: 2rem 0 2rem 7rem
				@include phone
					padding: 1rem 1rem
	.fifth-section
		text-align: center
		background-size: 100% 100%
		background-repeat: no-repeat
		padding: 12rem 0
		@include phone
			padding: 3rem 0
			background-size: 177% 133%
			background-position: bottom
		h2
			color: #232020
			text-align: center
			font-size: 42px
			font-style: normal
			font-weight: 600	
			width: 50%
			margin: 0 auto 2rem auto
			@include phone
				width: 100%
				font-size: 30px
		p
			color: #232020
			text-align: center
			font-size: 16px
			font-style: normal
			font-weight: 300
			line-height: normal
			width: 65%
			margin: 0 auto 3rem auto
		.fifth-section-main
			width: 100%
			img
				max-width: 100%
	.fourth-section
		margin-bottom: 1rem
		h2
			color: #232020
			text-align: center
			font-size: 42px
			font-style: normal
			font-weight: 600	
			width: 44%
			margin: 0 auto
			@include phone
				width: 100%
				font-size: 30px
			@include desktop
				width: 55%
			span
				font-size: 54px
				font-weight: 700
				color: #E50001
	.altametrics-payroll
		background-size: cover
		background-repeat: no-repeat
		padding-bottom: 14rem
		@include phone
			padding-bottom: 4rem
		h2
			color: #232020
			text-align: center
			font-size: 42px
			font-style: normal
			font-weight: 600		
			width: 60%
			margin: 5rem auto
			@include phone
				width: 100%
		.mcd-webinar-similar-description
			h3
				color: #FFF
				text-align: center
				font-size: 24px
				font-style: normal
				font-weight: 600
			p
				color: #FFF
				font-size: 19px
				font-style: normal
				font-weight: 400
				line-height: normal			
		.mcd-webinar-similar-card
			background-size: 100% 100%
			background-repeat: no-repeat
			height: 100%
			padding: 3rem 2rem 12rem 2rem
			position: relative
			@include desktop
				padding: 3rem 2rem 8rem 2rem
			@include phone
				padding: 3rem 2rem 0rem 2rem
				margin-bottom: 4rem
				height: 95%
			.mcd-webinar-similar-logo
				width: 100px
				margin: 0 auto
				img
					margin-top: -7rem
					max-width: 100%
					@include phone
						margin-top: -4rem
			.mcd-webinar-similar-image
				width: 100%
				img
					max-width: 90%
					position: absolute
					bottom: -11rem	
					@include desktop
						bottom: -8rem
					@include phone
						position: unset
	.mcd-webinar-hero
		background-size: 100% 100%
		padding: 2rem 0rem 16rem 0rem
		.mcd-logo-container
			width: 100%
			margin-bottom: 1.5rem
			img
				max-width: 80%
				@include phone
					max-width: 100%
		.mcd-main-hero-right
			width: 100%
			img
				max-width: 100%
	.mcd-custom-full-container
		max-width: 1920px
		margin: 0 auto
		.container
			max-width: 85%
			margin: 0 auto
			@include desktop
				max-width: 1270px
			@include phone
				max-width: 100%
.main-form-section
	margin-top: -16rem
	h3
		text-align: center
		color: #fff
		@include desktop
			font-size: 1.4rem
		@include desktop
			font-size: 1.2rem	
	.custom-mcd-form
		background-repeat: no-repeat
		background-size: cover	
		width: 65% !important
		padding: 3rem 1.5rem
		text-align: center
		position: relative
		margin: 0 auto
		border-radius: 0 4rem 4rem 0
		z-index: 1
		@include phone
			width: 100% !important
		.mauticform_wrapper
			max-width: 80%
		.mauticform-page-wrapper
			display: flex !important
			flex-wrap: wrap
			justify-content: space-between
			.mauticform-errormsg
				color: #430202
				margin-top: 0
				text-align: left
			.mauticform-row
				margin-bottom: 10px
			label
				color: #fff
				font-size: 0.8rem
				font-weight: normal
				text-align: left
			.mauticform-button
				border-radius: 10.357px
				background-color: #F2BD00 !important
				border-color: #F2BD00 !important
				color: #FFF
				font-family: Ubuntu
				font-size: 23.599px
				font-style: normal
				font-weight: 700
				letter-spacing: 0.118px	
				border: none
				padding: .6rem 3rem	
				margin-top: 0 !important
				&:hover
					background-color: #f7ca03 !important	
			.mauticform-field-13
				display: flex
				align-items: center
				justify-content: center
				flex-wrap: wrap
				justify-content: space-between			
			textarea
				height: 42px
			.mauticform-helpmessage
				display: none
			.mauticform-field-1,.mauticform-field-2,.mauticform-field-3,.mauticform-field-4
				width: 49%
			.mauticform-field-5
				width: 39%
			.mauticform-field-6
				width: 59%
			.mauticform-field-7
				width: 34%
			.mauticform-field-8
				width: 29%
			.mauticform-field-9
				width: 34%
			.mauticform-field-10
				width: 52%
			.mauticform-field-11
				width: 46%
			.mauticform-field-12
				width: 100%
				text-align: center