/**
 * First screen block: .first_block_cover, .first_block (uses theme .tg-container).
 */

.first_block_cover {
	display: flex;
	align-items: center;
	margin-bottom: 0;
	position: relative;
	border-radius: 0 0 100px 100px;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: var(--firstscreen-bg-image, none);
}

.first_block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	width: 100%;
	color: #fff;
	position: relative;
	z-index: 3;
}

.first_block_cover::before,
.first_block_cover::after {
	content: "";
	position: absolute;
	pointer-events: none;
}

/* Texture layer between background image and content. */
.first_block_cover::before {
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: center / cover no-repeat url("../../assets/images/abstract-surface.jpg");
	opacity: 0.1;
}

/* Dark gradient overlay from provided SVG. */
.first_block_cover::after {
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	width: 500px;
	background: linear-gradient(281deg, rgba(38, 40, 49, 0) 0%, #262831 100%);
}

.first_block__line {
	text-align: left;
	color: #fff;
	position: relative;
	z-index: 3;
}

.first_block__line--1 {

	font-family: "Bebas Neue", sans-serif;
	font-size: 96px;
	font-weight: 400;
	line-height: 100%;
	color: #fff;
}
.first_block__line--1-2{
	margin-bottom: 10px;
}

/* Only one text line: keep space before buttons */
.first_block__line--1:last-child {
	margin-bottom: 45px;
}

.first_block__line--2 {
	margin-bottom: 32px;
	font-family: Poppins, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 150%;
	color: #fff;
}

.first_block__buttons {
	position: relative;
	z-index: 3;
	justify-content: flex-start;
	width: fit-content;
}

.first_block_cover .blue_outline {
	color: #fff;
	border-color: #fff;
}

.first_block_cover .blue_outline:hover {
	color: #fff;
	border-color: #fff;
	background-color: rgba(255, 255, 255, 0.12);
}

@media screen and (max-width: 1200px) {
	.first_block_cover {
		padding-top: 126px;
		padding-bottom: 125px;
	}
}

@media screen and (min-width: 1200px) {
	.first_block_cover {
		padding-top: 292px;
		padding-bottom: 244px;
	}
}

@media screen and (max-width: 768px) {
	.first_block_cover {
		border-radius: 0 0 50px 50px;
	}

	.first_block__line--1 {
		font-size: clamp(40px, 12vw, 96px);
	}

	.first_block_cover .buttons_wrap {
		width: 100%;
		gap: 16px;
	}

	.first_block_cover .buttons_wrap a {
		min-width: calc(50% - 8px);
	}
}