.scroll-box {
	position: fixed;
	display: flex;
	left: 50%;
	transform: translate(-50%);
	z-index: 15;
	width: calc(100% - 4rem);
	padding: 2rem;
	bottom: 4rem;
	flex-direction: column;
	gap: 2rem;
	border: 1px solid #F9F9F9;
	border-radius: 8px;
	box-shadow: 0 0 6.4rem -1.2rem rgba(16, 24, 40, 0.14);
	transition: all .5s;
}

.scroll-box .icon_close {
	position: absolute;
	right: 1.7rem;
	padding: 0;
	background: transparent;
	cursor: pointer;
}

.scroll-box i.icon_close::before {
	display: flex;
	width: 2rem;
	height: 2rem;
	align-items: center;
	justify-content: center;
}

.scroll-box h2 {
	margin: 0;
}

.scroll-box .title {
	display: flex;
	align-items: center;
	align-self: stretch;
	gap: 1.2rem;
}

.scroll-box .text-element p {
	margin: 0;
}

.scroll-box img {
	padding: .2rem;
}

.scroll-box a:hover {
	text-decoration: none;
}

.scroll-box-link {
	display: flex;
	height: 4rem;
	width: 100%;
	margin: auto;
	border-radius: 4px;
	padding: 1.2rem 2rem;
	justify-content: center;
	align-items: center;
	font-family: 'Oswald';
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.1rem;
	gap: .8rem;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.CTA.scroll-box-link:hover {
	background-color: #00254b !important;
}

.CTA.scroll-box-link i.icon_arrow_right_lite {
	width: 2rem;
	height: 2rem;
	transition: transform 0.3s ease;
}

.CTA.scroll-box-link:hover i.icon_arrow_right_lite {
	transform: translateX(.8rem);
}

@media screen and (min-width: 1024px) {
	.scroll-box {
		width: 40rem;
	}

	.scroll-box-link {
		width: fit-content;
	}
}