.offer--landing {
	.lead--section {
		margin: 80px auto;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		max-width: 1100px;

		@media screen and (max-width: 992px) {
			margin: 40px auto;
			align-items: start;
		}

		@media screen and (max-width: 640px) {
			margin: 20px auto;
			align-items: start;
		}

		h1,
		h2 {
			font-size: 44px;
			font-weight: 600;
			margin-top: 0px !important;
			text-align: center;

			@media screen and (max-width: 992px) {
				font-size: 32px !important;
				width: 100%;
			}

			@media screen and (max-width: 640px) {
				font-size: 28px !important;
				text-align: left;
			}
		}

		h3 {
			margin-top: 30px;
			font-size: 22px;
			font-weight: bold;

			@media screen and (max-width: 992px) {
				font-size: 18px;
			}
		}

		p {
			text-align: center;

			@media screen and (max-width: 992px) {
				text-align: start;
				font-size: 16px;
			}
		}
	}

	.section-newsletter {
		background: #20778e;
		padding: 2rem 0 3rem;
		color: #fff;

		.wrapper {
			width: 100%;
			margin: 0 auto;
			padding: 0px;
			max-width: 640px;
			padding: 0 20px;

			@media screen and (max-width: 640px) {
				padding: 0px 20px;
			}
		}

		h2,
		h3 {
			font-weight: 900;
			color: #fff;
			margin-bottom: 15px;
		}

		p {
			margin-bottom: 30px;
		}

		.sib-form {
			padding: 0;
		}

		#sib-form-container {
			#sib-form {
				overflow: hidden;
			}

			.button-secondary {
				color: white;
				background: #34384f;
				letter-spacing: 0.03rem;
				text-transform: uppercase;
			}

			#sib-container {
				background: transparent;
				padding: 0;
			}

			.entry__field {
				margin: 0;
				border: 0;
				border-radius: 0;

				&:focus-within {
					box-shadow: none;
				}
			}

			.button-secondary {
				width: 100%;
				min-height: 46px;

				&:hover {
					opacity: 0.85;
				}

				&:active,
				&:focus {
					outline: 0;
				}
			}

			.row {
				float: left;
				width: 100%;
				font-family: 'Montserrat', sans-serif !important;

				.sib-form-block {
					padding: 0;
				}

				.sib-input,
				.sib-optin,
				.sib-captcha {
					padding: 0;
				}

				.sib-captcha {
					margin-bottom: 20px;
				}
			}

			.row-name {
				.entry__error {
					margin-left: 12px;
				}
			}

			.row-name,
			.row-email {
				float: left;
				display: block;
				width: 50%;
				margin-bottom: 15px;

				@media screen and (max-width: 640px) {
					width: 100%;
				}

				.entry__label {
					display: inline-block;
					margin-bottom: 9px;
					color: #fff;
					font-family: 'Montserrat', sans-serif !important;
					font-size: 14px;
					font-weight: 300;

					&::after {
						color: #fff;
					}
				}

				input {
					width: 100% !important;
					height: 48px;
				}
			}

			.row-name {
				padding-right: 5px;
				margin-right: 10px;

				.entry__label {
					margin-left: 12px;
				}

				.entry__field {
					margin-left: 12px;
				}

				@media screen and (max-width: 640px) {
					padding-right: 0;
				}
			}

			.row-email {
				padding-left: 5px;

				.entry__label {
					@media screen and (max-width: 640px) {
						margin-left: 12px;
					}
				}

				@media screen and (max-width: 640px) {
					padding-left: 0;
				}
			}

			.row-accept {
				margin-left: 0px;
				font-size: 14px;
				line-height: 1.3;
				margin-bottom: 15px;

				input {
					position: absolute;
				}

				.checkbox {
					a {
						color: #fff;
					}

					p {
						margin-left: 25px;
						color: #fff;
						font-family: 'Montserrat', sans-serif !important;
						font-size: 14px;
					}

					.entry__label::after {
						color: #fff;
						font-size: 13px;
					}

					.checkbox_tick_positive {
						display: none;
					}
				}
			}

			.entry__error {
				padding: 5px 7px;
				background: #f3e3e3;
				color: rgb(179, 26, 26);
				font-size: 15px !important;
				border-radius: 0 !important;
			}

			.entry__error,
			.entry__specification,
			.form__error {
				display: none;
			}

			.checkbox {
				border-radius: initial;
			}

			.checkbox,
			.radio-button {
				background: initial;
				border: 0;
				cursor: default;
				display: block;
				height: auto;
				vertical-align: baseline;
				width: 100%;
				position: static;
			}

			.entry__choice {
				padding: 0;
				text-indent: 0;
			}

			.entry__label {
				display: inline;
				font-weight: normal;
			}

			.input,
			.input__button {
				color: #000;
			}
		}
	}

	.features--section {
		display: grid;
		grid-template-columns: 60% 40%;
		margin: 80px 0px;

		@media screen and (max-width: 992px) {
			display: flex;
			flex-direction: column-reverse;
		}

		@media screen and (max-width: 640px) {
			gap: 15px;
			margin-top: 30px;
			margin-bottom: 40px;
		}

		h3 {
			font-weight: bold;

			@media screen and (max-width: 992px) {
				font-size: 20px;
			}
		}

		.features--reasons {
			margin-top: 15px;
		}

		p {
			max-width: 600px;
		}

		ul {
			padding: 0px;
			margin: 0px;
			list-style-type: none;
			margin-bottom: 20px;

			li {
				display: flex;
				align-items: center;
				margin-bottom: 10px;

				@media screen and (max-width: 992px) {
					margin-bottom: 5px;
				}
			}

			svg {
				fill: red;
				width: 30px;
				height: 30px;
				margin-right: 15px;
			}
		}

		img {
			width: 100%;

			@media screen and (max-width: 992px) {
				width: 80%;
				display: block;
				margin: auto;
			}
		}
	}
}

.offer--landing {
	.features--image {
		@media screen and (max-width: 640px) {
			display: none;
		}
	}

	.features--image-mobile {
		display: none;
		@media screen and (max-width: 640px) {
			margin-top: 15px;
			display: block;
		}
	}
}

.offer--landing .tiles--section h2,
.offer--landing .tiles--section .h1 {
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 0;
}
