.coming-soon-content {
	padding: 290px 0px 200px;
	h2 {
		color: #fff;
		font-size: 72px;
		font-weight: 700;
	}
}
.coming-soon-countdown {
	margin-top: 35px;
	li {
		width: 100px;
		height: 100px;
		padding-top: 25px;
		margin-right: 25px;
		text-align: center;
		border-radius: 100%;
		border: 2px solid #fff;
		background-color: #0a3e4a;
		span {
			display: block;
		}
		.ft-count-down-number {
			color: #fff;
			font-size: 30px;
			line-height: 1;
			font-weight: 700;
			font-family: $heading;
		}
		.count-unit {
			color: #fff;
			font-weight: 500;
		}
	}
}
.coming-soon-newslatter-form {
	margin-top: 45px;
	max-width: 470px;
	h3 {
		color: #fff;
		font-size: 24px;
		font-weight: 700;
		padding-bottom: 12px;
	}
	p {
		color: #fff;
		padding-bottom: 25px;
	}
	form {
		position: relative;
	}
	input {
		width: 100%;
		height: 55px;
		padding-left: 15px;
		border-radius: 30px;
		border: 1px solid #fff;
		background-color: transparent;
		&::placeholder {
			color: rgba(255, 255, 255, .5);
		}
	}
	button {
		top: 5px;
		right: 5px;
		color: #fff;
		height: 45px;
		width: 145px;
		border:  none;
		font-weight: 600;
		position: absolute;
		border-radius: 30px;
		font-family: $heading;
		background-color: $base-color;
	}
}
.coming-soon-social {
	margin-top: 45px;
	a {
		width: 45px;
		color: #fff;
		height: 45px;
		display: flex;
		margin-right: 10px;
		border-radius: 100%;
		align-items: center;
		border: 1px solid #fff;
		justify-content: center;
		background-color: #002a34;
		&:hover {
			background-color: $base-color;
		}
	}
}