.ft-contact-section {
	z-index: 1;
	overflow: hidden;
	padding: 105px 0px 140px;
	&:before {
		top: 0;
		width: 70%;
		z-index: -1;
		content: '';
		left: -22%;
		height: 100%;
		position: absolute;
		transform: skew(-43deg);
		background-color: #f4f4f4;
	}
}
.ft-contact-content {
	max-width: 580px;
}
.ft-contact-form-wrapper {
	margin-top: 30px;
	input,textarea {
		width: 100%;
		height: 55px;
		border-radius: 5px;
		margin-bottom: 20px;
		padding-left: 20px;
		border: 1px solid #cbcbcb;
	}
	textarea {
		height: 140px;
		padding-top: 15px;
	}
	.ft-sb-button {
		background-color: $color-2;
	}
}
.ft-contact-cta-items {
	padding: 30px;
	margin-bottom: 20px;
	background-color: #f4f4f4;
	transition: 500ms all ease;
	border-top: 5px solid #f4f4f4;
	.ft-contact-cta-icon {
		width: 70px;
		height: 70px;
		margin-right: 30px;
		border-radius: 8px;
		background-color: #f4d5d6;
		i {
			font-size: 45px;
			color: $base-color;
		}
	}
	.ft-contact-cta-text {
		max-width: 275px;
		h3 {
			color: #002a34;
			font-size: 20px;
			font-weight: 700;
			padding-bottom: 10px;
		}
	}
	&:hover {
		border-top: 5px solid $base-color;
	}
}
.ft-contact-page-form-wrapper {
	padding: 30px;
	background-color: #f4f4f4;
	h3 {
		color: #043641;
		font-size: 36px;
		font-weight: 700;
		padding-bottom: 30px;
	}
	input,textarea {
		width: 100%;
		height: 50px;
		border: none;
		padding-left: 20px;
		margin-bottom: 20px;
		border-radius: 5px;
		background-color: #fff;
	}
	textarea {
		height: 210px;
		padding-top: 15px;
	}
	button {
		color: #fff;
		width: 100%;
		height: 55px;
		border: none;
		border-radius: 6px;
		font-family: $heading;
		background-color: $base-color;
	}
}