/* ============================================================
   "Over ons" intro — Elementor (o-layout grid)
   ============================================================ */
   .tf-overons-intro{ --tf-blue:#3273eb; background:#f9f9fd; }

/* ---- base (xs): стек ---- */
.e-con.tf-overons-intro{
	display:grid;
	grid-auto-flow:dense;
	grid-template-columns:1.5625rem 4.6875rem 1fr 1.5625rem 1.5625rem;
	column-gap:0;
	row-gap:1.5625rem;
	padding:4.6875rem 0;
}
.tf-overons-intro-copy      { grid-column:2 / span 3; }
.tf-overons-intro-media-main{ grid-column:2 / span 3; }
.tf-overons-intro-media-sec { grid-column:3; }

.e-con.tf-overons-intro-copy{ display:flex; flex-direction:column; gap:1.5625rem; padding:0; min-width:0; }
.e-con.tf-overons-intro-media-main{ padding:0; min-width:0; }
.e-con.tf-overons-intro-media-sec{ display:flex; flex-direction:column; gap:1.5625rem; padding:0; min-width:0; }

.tf-overons-intro-img-main img,
.tf-overons-intro-img-sec img{ display:block; width:100%; height:100%; object-fit:cover; }

/* Заголовок (.alpha) */
.tf-overons-intro-title .elementor-heading-title{
	margin:0; color:var(--tf-blue); font-weight:800;
	font-size:1.875rem; line-height:2.1875rem;
}

/* Чеклист (.c-usps--primary) */
.tf-overons-intro-list .elementor-icon-list-items{ margin:0; padding:0; }
.tf-overons-intro-list .elementor-icon-list-item{
	display:flex; align-items:flex-start;
	margin:0; padding:0; border:0;
	color:#000; font-size:.8125rem; line-height:1.35;
}
.tf-overons-intro-list .elementor-icon-list-item + .elementor-icon-list-item{ margin-top:1.25rem; }
.tf-overons-intro-list .elementor-icon-list-icon{
	flex:0 0 1rem; width:1rem; height:1rem;
	margin:.15rem 10px 0 0;
	background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS43NjciIGhlaWdodD0iMTUuNzY4Ij48cGF0aCBkYXRhLW5hbWU9IlBhdGggMjI2IiBkPSJNNy44ODQgMGE3Ljg4NCA3Ljg4NCAwIDEgMCA3Ljg4NCA3Ljg4NEE3Ljg4NyA3Ljg4NyAwIDAgMCA3Ljg4NCAwem0wIDE0LjE5MWE2LjMwNyA2LjMwNyAwIDEgMSA2LjMwNy02LjMwNyA2LjMxNSA2LjMxNSAwIDAgMS02LjMwNyA2LjMwN3pNMTEuNSA0LjQgNi4zIDkuNiA0LjI2NSA3LjU2IDMuMTUzIDguNjcybDMuMTUzIDMuMTUzIDYuMzA3LTYuMzA3eiIgZmlsbD0iIzMyNzNlYiIvPjwvc3ZnPg==") no-repeat 50%/contain;
}

.tf-overons-intro-list .elementor-icon-list-item:not(:last-child){
	margin-bottom: 16px;
}

.e-con.tf-overons-intro-media-main{
	padding-top: 34px;
}

.tf-overons-intro-list .elementor-icon-list-icon svg,
.tf-overons-intro-list .elementor-icon-list-icon i{ display:none; }
.tf-overons-intro-list .elementor-icon-list-text{ color:#000; }

/* Блок пошти (.o-contact) */
.tf-overons-intro-mail__inner{ line-height:1; }
.tf-overons-intro-mail__title{
	display:block; margin:0 0 10px;
	color:#000; font-weight:800; font-size: 24px;
}
.tf-overons-intro-mail__link{
	position:relative; display:inline-block;
	padding-right:.78125rem;
	color:var(--tf-blue); text-decoration:none; white-space:nowrap;
	font-size:.6875rem; font-weight:500; letter-spacing:.15em; text-transform:uppercase;
	transition:all .5s cubic-bezier(.22,.61,.36,1);
}
.tf-overons-intro-mail__link::after,
.tf-overons-intro-mail__link::before{
	content:""; position:absolute; top:50%;
	width:.75rem; height:.9rem; transform:translateY(-50%);
	background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS41MjQiIGhlaWdodD0iOS41NTMiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAxOTMiIGQ9Im0xMC43NDcgMC0uODQyLjg0MiAzLjMzMiAzLjMzOEgwdjEuMTk0aDEzLjIzN0w5Ljg5OSA4LjcwNmwuODQ4Ljg0OCA0Ljc3Ny00Ljc3N3oiIGZpbGw9IiMzMjczZWIiLz48L3N2Zz4=") no-repeat 50%/contain;
	transition:all .5s cubic-bezier(.22,.61,.36,1); pointer-events:none;
}
.tf-overons-intro-mail__link::after{ left:100%; opacity:1; }
.tf-overons-intro-mail__link::before{ left:-10%; opacity:0; }
.tf-overons-intro-mail__link:hover{ padding-left:1.5625rem; }
.tf-overons-intro-mail__link:hover::after{ left:110%; opacity:0; }
.tf-overons-intro-mail__link:hover::before{ left:0; opacity:1; }

.tf-overons-intro-img-main{
	height: 210px;
}

/* ---- ≥768px: copy зверху, картинки під ним ---- */
@media (min-width:768px){
	.e-con.tf-overons-intro{
		grid-template-columns:3rem 4rem 1.15fr 1rem 1.85fr 3rem;
		grid-template-rows:auto auto 3rem;
		row-gap:2rem;
		padding:6rem 0;
	}
	.tf-overons-intro-copy      { grid-column:2 / span 4; grid-row:1; align-self:start; }
	.tf-overons-intro-media-main{ grid-column:5 / span 2; grid-row:2; align-self:center; }
	.tf-overons-intro-media-sec { grid-column:3;          grid-row:2 / span 2; align-self:end; }

	.tf-overons-intro-title .elementor-heading-title{ font-size:2.375rem; line-height:2.75rem; }
	.tf-overons-intro-list .elementor-icon-list-item{ font-size:.875rem; }
	.tf-overons-intro-list .elementor-icon-list-item + .elementor-icon-list-item{ margin-top:1.875rem; }
}

/* ---- ≥992px: copy ліворуч, велика картинка по центру справа, мала знизу ---- */
@media (min-width:992px){
	.e-con.tf-overons-intro{
		grid-template-columns:4rem 8rem 14rem 2rem 1fr 4rem;
		grid-template-rows:auto auto 3rem;
		row-gap:4rem;
		padding:8rem 0;
	}
	.tf-overons-intro-copy      { grid-column:2 / span 2; grid-row:1;          align-self:start; }
	.tf-overons-intro-media-main{ grid-column:5 / span 2; grid-row:1 / span 2; align-self:center; }
	.tf-overons-intro-media-sec { grid-column:3;          grid-row:2 / span 2; align-self:end; }
	.tf-overons-intro-img-main{
		height: 32rem;
	}
	.e-con.tf-overons-intro-copy{ gap:4rem; }
	.tf-overons-intro-title .elementor-heading-title{ font-size:3.125rem; line-height:3.625rem; }
	.tf-overons-intro-list .elementor-icon-list-item{ font-size:.9375rem; }
	.tf-overons-intro-mail__link{ font-size:.8125rem; }
}

/* ---- ≥1200px ---- */
@media (min-width:1200px){
	.e-con.tf-overons-intro{
		grid-template-columns:6rem 14rem 18rem 2rem 1fr 6rem;
		padding:10rem 0;
	}
	.tf-overons-intro-img-main{
		height: 39rem;
	}
	.e-con.tf-overons-intro-media-main{
		padding-top: 84px;
	}
}

/* ---- ≥1550px ---- */
@media (min-width:1550px){
	.e-con.tf-overons-intro{
		grid-template-columns:10rem 15rem 30rem 5rem 1fr 10rem;
		grid-template-rows:auto auto 10rem;
		padding:12.5rem 0;
	}
	.tf-overons-intro-title .elementor-heading-title{ font-size:4.125rem; line-height:4.1875rem; }
}