@import url('https://fonts.googleapis.com/css2?family=Khand:wght@300;400;500;600;700&display=swap')
@import url('https://fonts.googleapis.com/css2?family=Jockey+One&display=swap')

.custom-fifth-container
	max-width: 1920px
	margin: 0 auto
.custom-container-fluid
	max-width: 85%
	margin: 0 auto
.row
	margin-left: 0 !important
	margin-right: 0 !important
.fifth-logo-section
	padding: 7rem 0 0 0
	background-color: #DFDFDF
	@include phone
		padding: 1rem 0
	.main-logo-section
		width: 100%
		position: relative
		img
			width: 54%
			left: 26%
			top: -5rem			
			position: absolute
			@include phone
				position: unset
	.border-only
		border-bottom: 5px solid #009246 
		@include phone
			border: none
			text-align: center
	.border-only-2
		border-bottom: 5px solid #BCBEC0
		@include phone
			display: none		
	.border-only-3
		border-bottom: 5px solid #BE1E2D
		@include phone
			display: none		
.fifth-landing-hero
	.hero-movable-div
		width: 100%
		margin: 0 auto
		padding: 10rem 0 0rem 0 !important
		@include phone
			padding: 1rem 0 0rem 0 !important
		@include desktop
			padding: 7rem 0 4rem 0 !important
		.left-hero-section 
			@include phone
				text-align: center
			h1
				@include phone
					font-size: 45.808px
					br
						display: none
		.left-hero-section
			width: 65%
			margin: 0 auto
			margin-top: 1rem
			@include phone
				width: 100%
				padding: 0 12px
			@include desktop
				margin-top: 0
			button 
				a
					border-radius: 20.635px
					background: #FF8A00
					box-shadow: 6.449px 7.093px 5.159px 0px rgba(0, 0, 0, 0.47)					
		.right-hero-section
			width: 100%
			img
				max-width: 100%
				margin-top: -14rem
				z-index: 999
				position: relative
				@include phone
					margin-top: 2rem
.red-bg-image
	padding: 4rem 0 0 0
	margin-top: -7rem
	background-color: #D40E0E
	background-size: 100% 100%
	background-repeat: no-repeat
	position: relative
	@include phone
		background-size: cover
		padding: 7rem 0 0 0
	.fifth-landing-pricing-btn
		display: flex
		align-items: center
		justify-content: center
		padding: .5rem 0
		a
			border-radius: 20.635px
			background: #FF8A00
			box-shadow: 6.449px 7.093px 5.159px 0px rgba(0, 0, 0, 0.47)	
			color: #FFF
			text-shadow: 0px 2.579px 2.579px rgba(0, 0, 0, 0.25)
			font-family: Inter
			font-size: 23.542px
			font-style: normal
			font-weight: 700
			line-height: normal	
			padding: .7rem 1.5rem		
			margin-bottom: -2rem
			z-index: 99		
	.pricing-section-latest
		background-color: transparent
		border: 2px dashed #fff
		height: 16rem
		width: 16rem
		@include phone
			height: 11rem
			width: 11rem
			margin-bottom: 3rem
		@include desktop
			height: 13rem
			width: 13rem
	.second-image-latest
		padding-right: 0 !important
	.image-section-latest
		width: 100%
		img
			width: 100%
	.description-section-latest 
		h3
			color: #fff
			font-family: Karantina
			line-height: 1
			margin-bottom: 1rem
			font-size: 64px
		p
			color: #fff
			line-height: 1.5
			font-size: 16px
	.margin-for-pricing-section
		border-bottom: 2px dashed #FFD600
		&:nth-child(4)
			border-bottom: 0 !important
	.pricing-main-heading
		margin: 0 0 6rem 0
		h3
			color: #fff
.fifth-landing-easy-steps
	margin-top: 5rem
	.easy-steps 
		.similar-sections 
			h3
				font-family: Karantina
				color: #2F2F2F
				font-size: 64px !important
			p
				font-family: 'Khand', sans-serif
				color: #404040
				font-size: 24px
.upper-section-tricolor
	.border-only
		border-bottom: 5px solid #009246 
	.border-only-2
		border-bottom: 5px solid #BCBEC0
	.border-only-3
		border-bottom: 5px solid #BE1E2D	
.fifth-landing-doosteps
	.doorteps 
		.doorteps-right 
			h3
				color: #404040
			button
				background-color: #FF8A00 !important
.final-logo-section-fifth
	margin-top: -6rem !important
	height: auto !important
	.final-copyright-section
		img
			width: 15%
			margin-bottom: 2rem
			@include phone
				width: 50%
				margin-bottom: 1rem
		h2
			color: #404040
.final-copyright-section
	background-color: transparent !important
	height: auto !important
.custom-cucina-italiana-form
	background-color: #2C9311
	padding: 5rem 0 5rem 0
	@include phone
		.custom-container-fluid
			max-width: 100%
	h3
		color: #FFF
		text-align: center
		font-family: Inter
		font-size: 41.98px
		font-style: italic
		font-weight: 900
		line-height: normal		
		margin-bottom: 4rem
		letter-spacing: 4.198px
		@include phone
			font-size: 26.98px
			padding: 0 12px
	.col-lg-6
		margin-bottom: 1rem !important
	.mauticform-button-wrapper
		display: flex
		align-items: center
		justify-content: center
		margin-top: 2rem
	.final-textarea
		padding: 0 28px !important
.third-description-new
	@include desktop
		padding-left: 8rem
.description-section-latest
	@include desktop
		width: 100%
.margin-for-pricing-section
	&:nth-child(2)
		.description-section-latest
			width: 80% !important
			margin: 0 auto
			margin-left: 0 !important
			@include phone
				width: 100% !important
.red-bg-image
	.margin-for-pricing-section
		.col-sm-2
			@include phone
				margin: 0rem auto 2rem auto !important
				width: 100% !important
				text-align: center !important
		@include phone
			&:nth-child(2)	
				flex-direction: column-reverse
.hero-movable-div 
	@include desktop
		.left-hero-section 
				h1
					font-size: 48.808px
				h2
					font-size: 22.061px
				p
					font-size: 14.266px
				button
					a
						font-size: 17.542px
.custom-fifth-container
	.doorteps
		@include phone
			padding-bottom: 0 !important
			.doorteps-right
				margin-bottom: 2rem
			.row
				flex-direction: column-reverse
.cucina-italiana-main-form
	.mauticform_cucinaitalianaeventform_message
		color: #fff
		text-align: center
	.mauticform_wrapper
		max-width: 90% !important
		.mauticform-button
			border-radius: 20px !important
			background: #F7941D !important
			box-shadow: 0px 5.621px 5.621px 0px rgba(0, 0, 0, 0.25) !important
			text-align: center !important
			color: #FFF !important
			text-shadow: 0px 2.579px 2.579px rgba(0, 0, 0, 0.25) !important
			font-family: Inter !important
			font-size: 23.542px !important
			font-style: normal !important
			font-weight: 700 !important
			line-height: normal   !important
			padding: 1rem 5rem !important
			margin-bottom: 50px !important
			display: flex
			align-items: center
			justify-content: center
			&:hover
				color: #fff !important
				opacity: 0.9 !important
		.mauticform-page-1
			display: flex !important
			flex-wrap: wrap
			align-items: center
			justify-content: space-between
			flex-direction: row !important
			label
				color: #fff
				font-family: 'Jockey One', sans-serif
				font-size: 22.006px
				font-style: normal
				font-weight: 400
				line-height: normal  
				margin-bottom: .5rem 			 			
		.mauticform-field-1
			width: 49% !important
			@include phone
				width: 100% !important
		.mauticform-field-2
			width: 49% !important
			@include phone
				width: 100% !important
		.mauticform-field-3
			width: 49% !important
			@include phone
				width: 100% !important
		.mauticform-field-4
			width: 49% !important
			@include phone
				width: 100% !important	
		.mauticform-field-5
			width: 100% !important
		.mauticform-field-6
			width: 20%
			margin: 0 auto
			margin-top: 2rem																
.final-logo-section-fifth-fifth
	height: auto !important