/* FLOW44 - Banniere e-catalog (pages Solutions EN/FR).
   Charge par includes/banniere-ecatalog.php : ne pas remettre ces regles dans le CSS de la page,
   WPBakery l'ecrase a chaque enregistrement. */
.maco-ecat-banner > .vc_column-inner {
	position: relative; overflow: hidden; border-radius: 30px; padding: 3.5rem 4rem !important; margin-top: 2.5rem;
	color: #fff;
	background:
		radial-gradient(circle at 92% 8%, rgba(49,175,225,.45) 0, rgba(49,175,225,0) 42%),
		radial-gradient(circle at 4% 110%, rgba(212,0,101,.38) 0, rgba(212,0,101,0) 45%),
		linear-gradient(120deg, #172983 0%, #312783 62%, #3d2a8c 100%);
	box-shadow: 0 30px 60px -25px rgba(23,41,131,.55);
}
.maco-ecat-banner > .vc_column-inner::before,
.maco-ecat-banner > .vc_column-inner::after {
	content: ""; position: absolute; border-radius: 50%; pointer-events: none;
	border: 2px solid rgba(255,255,255,.10);
}
.maco-ecat-banner > .vc_column-inner::before { width: 520px; height: 520px; right: -140px; top: -170px; }
.maco-ecat-banner > .vc_column-inner::after { width: 18px; height: 18px; right: 362px; top: 70px; background: rgba(255,255,255,.35); border: 0; }
.maco-ecat-banner .g-cols { position: relative; z-index: 1; }
@media (min-width: 601px) { .maco-ecat-banner .maco-ecat-txt { padding-right: 3rem; } }
.maco-ecat-banner .maco-ecat-eyebrow {
	display: inline-block; margin: 0 0 1rem; padding: .35rem 1rem; border-radius: 99px;
	background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.25);
	font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #fff;
}
.maco-ecat-banner h2 { color: #fff; font-size: clamp(1.7rem, 2.6vw, 2.5rem); line-height: 1.15; margin: 0 0 1rem; }
.maco-ecat-banner .maco-ecat-txt p:not(.maco-ecat-eyebrow) { color: rgba(255,255,255,.82); font-size: 1.05rem; line-height: 1.6; max-width: 34rem; margin: 0 0 1.8rem; }
.maco-ecat-banner .w-btn { box-shadow: 0 12px 30px -10px rgba(0,0,0,.45); transition: transform .25s, box-shadow .25s, background-color .25s, color .25s; }
.maco-ecat-banner .w-btn:hover { transform: translateY(-2px); background-color: #31afe1 !important; color: #fff !important; }
.maco-ecat-banner .maco-ecat-visual .w-image img {
	width: 100%; border-radius: 16px; border: 6px solid rgba(255,255,255,.18);
	box-shadow: 0 35px 70px -20px rgba(0,0,0,.55);
	transform: perspective(1400px) rotateY(-12deg) rotateX(4deg) rotateZ(1deg);
	transition: transform .6s cubic-bezier(.2,.7,.2,1);
}
.maco-ecat-banner:hover .maco-ecat-visual .w-image img { transform: perspective(1400px) rotateY(0) rotateX(0) rotateZ(0); }
@media (max-width: 1024px) {
	.maco-ecat-banner > .vc_column-inner { padding: 2.8rem 2.4rem !important; }
}
@media (max-width: 600px) {
	.maco-ecat-banner > .vc_column-inner { padding: 2.2rem 1.5rem !important; border-radius: 22px; }
	.maco-ecat-banner > .vc_column-inner::before { width: 300px; height: 300px; right: -120px; top: -120px; }
	.maco-ecat-banner > .vc_column-inner::after { display: none; }
	.maco-ecat-banner .maco-ecat-visual { margin-top: 2rem; }
	.maco-ecat-banner .maco-ecat-visual .w-image img { transform: none; }
}
.maco-ecat-banner .maco-nowrap { white-space: nowrap; }