.tf-howto{ --tf-blue:#3273eb; --tf-accent:#eb6049; background:#f9f9fd; }

.e-con.tf-howto{
	display:flex; flex-direction:column; gap:1.5rem;
	padding:4.6875rem 1.5625rem;
}
.tf-howto > .elementor-widget{ margin:0; }

.tf-howto-eyebrow .elementor-heading-title{
	margin:0; color:var(--tf-blue);
	font-size:.625rem; font-weight:500; letter-spacing:.15em; line-height:1.6; text-transform:uppercase;
}
.tf-howto-text{ margin-top:-1.7rem; color:#000; font-size:1.125rem; line-height:1.6; }
.tf-howto-text p{ margin:0; }

.tf-howto .tf-howto-graph{
	width: 100%;
}

/* CTA .c-link (ховаємо дефолтну FA-стрілку, малюємо dual-arrow) */
.tf-howto-cta .elementor-button{
	position:relative; display:inline-block;
	padding:0 .78125rem 0 0;
	background:transparent!important; border:0!important; border-radius:0!important;
	color:var(--tf-accent)!important;
	font-size:.8125rem; font-weight:500; letter-spacing:.15em; line-height:1; text-transform:uppercase;
	transition:all .5s cubic-bezier(.22,.61,.36,1);
}
.tf-howto-cta .elementor-button .elementor-button-icon{ display:none!important; }
.tf-howto-cta .elementor-button .elementor-button-content-wrapper{ display:inline; }
.tf-howto-cta .elementor-button::after,
.tf-howto-cta .elementor-button::before{
	content:""; position:absolute; top:50%;
	width:.75rem; height:1.0625rem; transform:translateY(-50%);
	background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS41MjQiIGhlaWdodD0iOS41NTMiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAyMDUiIGQ9Im0xMC43NDcgMC0uODQyLjg0MiAzLjMzMiAzLjMzOEgwdjEuMTk0aDEzLjIzN0w5Ljg5OSA4LjcwNmwuODQ4Ljg0OCA0Ljc3Ny00Ljc3N3oiIGZpbGw9IiNlYjYwNDkiLz48L3N2Zz4=") no-repeat 50%/contain;
	transition:all .5s cubic-bezier(.22,.61,.36,1); pointer-events:none;
}
.tf-howto-cta .elementor-button::after{ left:100%; opacity:1; }
.tf-howto-cta .elementor-button::before{ left:-10%; opacity:0; }
.tf-howto-cta .elementor-button:hover{ padding-left:1.5625rem; }
.tf-howto-cta .elementor-button:hover::after{ left:110%; opacity:0; }
.tf-howto-cta .elementor-button:hover::before{ left:0; opacity:1; }

/* фігура */
.tf-howto .o-figure{ position:relative; width:100%; line-height:0; }
.tf-howto .o-figure svg{ display:block; width:100%; height:auto; }
.tf-howto .o-figure .u-hidden-sm-up{ display:none; }
@media (max-width:767px){
	.tf-howto .o-figure .u-hidden-xsl-down{ display:none; }
	.tf-howto .o-figure .u-hidden-sm-up{ display:block; }
}

@media (min-width:768px){
	.e-con.tf-howto{ gap:3rem; padding:6rem 3rem; }
	.tf-howto-eyebrow .elementor-heading-title{ font-size:.6875rem; }
	.tf-howto-text{ font-size:1.375rem; line-height:1.7; }
}
@media (min-width:992px){ .e-con.tf-howto{ padding:8rem 12rem; }
	.tf-howto .tf-howto-cta{
		margin-top: 24px;
	}

	.tf-howto .o-figure svg{
		margin-top: 68px;
	}
}
}
@media (min-width:1200px){
	.e-con.tf-howto{ padding:10rem 16rem; }
	.tf-howto-eyebrow .elementor-heading-title{ font-size:.8125rem; }
	.tf-howto-text{ font-size:1.625rem; line-height:1.75; }
}
@media (min-width:1550px){
	.e-con.tf-howto{ gap: 12px; padding:12.5rem 20rem; }
	.tf-howto-text{         
		font-size: 1.875rem;
		line-height: 54px 
	}
	.tf-howto-text p{
		max-width: 99%;
	}
}