/**
 * Homepage Block 2 — intro text.
 *
 * Blue: #3273EB
 * Garet Book 38px / line-height 54px
 */

.tf-intro.e-con,
.tf-intro {
	--padding-top: 0 !important;
	--padding-bottom: 0 !important;
	--padding-left: 0 !important;
	--padding-right: 0 !important;
	background-color: #3273EB !important;
	max-width: 100% !important;
	width: 100% !important;
	justify-content: center !important;
	align-items: flex-start !important;
	padding: clamp(22px, 8vw, 110px) var(--tf-page-x) clamp(60px, 9vw, 120px) !important;
}

.tf-intro-text.elementor-widget-text-editor,
.tf-intro-text {
	max-width: 46em;
	width: 100%;
	margin: 0 !important;
}

.tf-intro-text .elementor-widget-container,
.tf-intro-text p,
.tf-intro-text {
	color: #fff !important;
	font-family: "Garet", sans-serif !important;
	font-weight: 400 !important; /* Book */
	font-size: 38px !important;
	line-height: 54px !important;
	letter-spacing: -0.01em;
	text-align: left !important;
	margin: 0 !important;
}

.tf-intro-text p{
	max-width: 55%;
}

.tf-intro-text p + p {
	margin: 0 !important;
}

@media (max-width: 1200px) {
	.tf-intro-text p{
		max-width: 92%;
	}
}

@media (max-width: 1024px) {
	.tf-intro {
		padding-top: 56px !important;
		padding-bottom: 64px !important;
	}

	.tf-intro-text .elementor-widget-container,
	.tf-intro-text p,
	.tf-intro-text {
		font-size: 24px !important;
		line-height: 1.45 !important;
	}
}

@media (max-width: 767px) {
	.tf-intro {
		padding-top: 48px !important;
		padding-bottom: 56px !important;
	}

	.tf-intro-text .elementor-widget-container,
	.tf-intro-text p,
	.tf-intro-text {
		font-size: 24px !important;
		line-height: 1.45 !important;
	}
}

@media (max-width: 400px) {
	.tf-intro-text .elementor-widget-container,
	.tf-intro-text p,
	.tf-intro-text {
		font-size: 22px !important;
		line-height: 1.45 !important;
		overflow-wrap: anywhere;
	}
}