/* ----------------------------------------------------------- */
/* SECTION: FUTURE  */
#blogs_future {
	background: #f3f3f3;
	height: 41.4rem;
	width: 100%;
	position: relative;
}
.blogs__future__image {
	width: 41.3rem;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	object-fit: cover;
}
.blogs__future__image--res {
	display: none;
}
#blogs_future .container {
	display: flex;
	align-items: center;
}
#blogs_future .blogs__future__content {
	width: 37rem;
	height: fit-content;
}
#blogs_future .blogs__future__title {
	color: var(--Shinnec-Color-Primary-Primary, #006b1d);
	font-family: Lexend;
	font-size: 3rem;
	font-weight: 600;
	line-height: 140%;
	letter-spacing: -0.0625rem;
	text-transform: uppercase;
	margin-top: 5.25rem;
}
#blogs_future .blogs__future__description {
	color: var(--Text-Blue-blue-400, #4e6285);
	font-family: Lexend;
	font-size: 1rem;
	font-weight: 400;
	line-height: 150%;
	margin-top: 0.94rem;
	margin-bottom: 3.5rem;
}
#blogs_future .blogs__future__logo {
	width: 5.375rem;
	height: auto;
	object-fit: cover;
	display: block;
	margin-top: 6.3rem;
}
.blogs__future__form {
	height: 5.125rem;
	width: 100%;
	position: relative;
	display: block;
	padding: 0 1.5px;
}
.blogs__future__form .cf7sg-container {
	display: flex;
	height: 100%;
	align-items: center;
	border-radius: 3.75rem;
	border: 1.5px solid var(--outline-neutral-16, rgba(112, 115, 124, 0.16));
	background: var(--text-text-grey-0, #fff);
}
.blogs__future__form .wpcf7 ,
.blogs__future__form .cf7sg-container>div {
	width: 100%;
	height: 100%;
}
.blogs__future__form form {
	width: 100%;
	height: 100%;
}
.blogs__future__form form>p {
	width: 100%;
	height: 100%;
}
.blogs__future__form input:focus {
	outline: none !important;
}
.blogs__future__form .wpcf7-not-valid-tip {
	position: absolute;
	top: -2.75rem;
	font-size: 0.875rem;
}
.blogs__future__label {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	padding-left: 2rem;
	padding-right: 5.5rem;
}
.blogs__future__form .blogs__future__label {
	background: #fff;
    border-radius: 2.5rem;
}
input#email-future {
	background: transparent;
	outline: none;
	width: 100%;
	font-family: Lexend;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.125rem; /* 128.571% */
	letter-spacing: -0.0175rem;
}
input#email-future::placeholder {
	color: #adb3b6;
}
.blogs__future__submit {
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 100%;
	overflow: hidden;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translate(0, -50%);
	background: var(--Shinnec-Color-Secondary-Blue-800, #0078d4);
}
.submit__wrapper {
	display: flex;
	width: fit-content;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0rem;
	transition: all 0.7s cubic-bezier(0.8, -0.02, 0.28, 0.98);
}
.submit__wrapper > div {
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.submit__wrapper img {
	width: 2.1rem;
	height: 2.1rem;
}
.blogs__future__submit_warrper {
	overflow: hidden;
	width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
	right: 1rem;
}
@media screen and (min-width: 1025px) {
	.blogs__future__submit_warrper:hover .submit__wrapper {
		transform: translateX(50%);
	}
	
}
@media screen and (max-width: 767px) {
	/* ----------------------------------------------------------- */
	/* SECTION: FUTURE  */
	#blogs_future {
		height: fit-content;
		background: white;
		padding-bottom: 3.5rem;
		overflow: hidden;
	}
	#blogs_future .container {
		width: 100%;
		flex-direction: column;
	}
	.blogs__future__image {
		display: none;
	}
	.blogs__future__image--res {
		display: block;
		height: 23.7rem;
		width: 100%;
		object-fit: cover;
	}
	#blogs_future .blogs__future__content {
		width: 100%;
		padding: 0 0.75rem;
	}
	#blogs_future .blogs__future__title {
		color: var(--Shinnec-Color-Primary-Primary, #006b1d);
		font-family: Lexend;
		font-size: 1.5rem;
		font-weight: 600;
		line-height: 140%;
		letter-spacing: -0.0625rem;
		text-transform: uppercase;
		margin-top: 4.4rem;
		width: 100%;
	}
	#blogs_future .blogs__future__description {
		margin-top: 0.94rem;
		margin-bottom: 2.5rem;
		color: #595959;
		font-feature-settings: "liga" off, "clig" off;
		font-family: Lexend;
		font-size: 0.875rem;
		font-weight: 400;
		line-height: 140%;
		letter-spacing: -0.03125rem;
	}
	.blogs__future__form {
		height: 4rem;
	}
	.blogs__future__label {
		padding-left: 2rem;
	}
	#blogs_future .blogs__future__logo {
		display: none;
	}
	.blogs__future__submit {
		width: 3rem;
		height: 3rem;
		right: 0.7rem;
	}
	.blogs__future__submit_warrper {
		right: 0.75rem;
	}
	.submit__wrapper > div {
		width: 3rem;
		height: 3rem;
	}
	.wpcf7-response-output {
		border: none !important;
		margin: 0 !important;
		margin-top: 0.75rem !important;
		font-size: 0.875rem !important;
		padding: 0 0.5rem !important;
	}
	.wpcf7-form-control-wrap input {
		width: 100%;
	}
	.blogs__future__label {
		border: 1.5px solid rgba(112, 115, 124);
    	border-radius: 2.5rem;
	}
}