/* ============================================================
   Over-ons copy block — Elementor
   ============================================================ */
   .tf-overons-copy{ --tf-blue:#3273eb; background:#fff; }

/* ---- base (xs) ---- */
.e-con.tf-overons-copy{
	display:flex;
	flex-direction:column;
	gap:1.171875rem;                       /* .s-text gap між блоками */
	padding:0 1.5625rem 4.6875rem;         /* u-pt-0 → верх 0, низ = o-band */
}
.tf-overons-copy > .elementor-widget{ margin:0; }

/* subtitle */
.tf-overons-copy-eyebrow .elementor-heading-title{
	margin:0 0 12px;
	color:var(--tf-blue);
	font-size:.625rem;
	font-weight:500;
	letter-spacing:.15em;
	line-height:1.6;
	text-transform:uppercase;
}


/* підзаголовки (в оригіналі — <strong> усередині тексту) */
.tf-overons-copy-heading .elementor-heading-title{
	margin:0;
	color:#000;
	font-weight:700;
	font-size:1rem;
	line-height:1.6666666667;
}

/* абзаци (.s-text p) */
.tf-overons-copy-intro,
.tf-overons-copy-text{ color:#000; font-size:1rem; line-height:1.6666666667; }
.tf-overons-copy-intro p,
.tf-overons-copy-text p{ margin:0; }

/* тісніший зв'язок «підзаголовок → його абзац» */
.tf-overons-copy-heading + .tf-overons-copy-text{ margin-top:-.5rem; }

/* ---- ≥768px ---- */
@media (min-width:768px){
	.e-con.tf-overons-copy{ padding:0 3rem 6rem; }
	.tf-overons-copy-eyebrow .elementor-heading-title{ font-size:.6875rem; }
	.tf-overons-copy-heading .elementor-heading-title,
	.tf-overons-copy-intro,
	.tf-overons-copy-text{ font-size:1.125rem; line-height:1.875rem; }
}

/* ---- ≥992px ---- */
@media (min-width:992px){
	.e-con.tf-overons-copy{ gap:1.5rem; padding:0 4rem 8rem; }
}

/* ---- ≥1200px ---- */
@media (min-width:1200px){
	.e-con.tf-overons-copy{ padding:0 6rem 10rem; }
	.tf-overons-copy-eyebrow .elementor-heading-title{ font-size:.8125rem; }
	.tf-overons-copy-heading .elementor-heading-title,
	.tf-overons-copy-intro,
	.tf-overons-copy-text{ font-size:1.25rem; line-height:2.25rem; }
}

/* ---- ≥1550px ---- */
@media (min-width:1550px){
	.e-con.tf-overons-copy{ gap: 0; padding:0 17.5rem 12.5rem; }
	.tf-overons-copy-heading .elementor-heading-title,
	.tf-overons-copy .elementor-widget.tf-overons-copy-intro,
	.tf-overons-copy .elementor-widget.tf-overons-copy-text{ font-size:1.5rem; line-height:2.5rem; margin-bottom: 40px; }
}

/* ---- ≥1800px ---- */
@media (min-width:1800px){
	.e-con.tf-overons-copy{ padding:0 25rem 12.5rem; }
}