/* =========================================================================
   Testimonials — native Elementor slides inside #vz-tst-track, turned into a
   Slick slider by testimonials.js (same pattern as the hero banner).
   Layout: heading section on top, then image | text slide, arrows below image.
   Colours from Elementor globals.
   ========================================================================= */

#vz-tst-track { position: relative; padding-bottom: 84px; }
#vz-tst-track > .elementor-widget-wrap { display: block; }

/* Boxed, vertically-centered slide content */
#vz-tst-track .elementor-inner-section > .elementor-container {
	max-width: 1180px; margin: 0 auto; align-items: center;
}

#vz-tst-track .elementor-widget-wrap.elementor-element-populated {
    padding: 0px !important;
}

/* ---- Image (left) ---- */
#vz-tst-track .elementor-widget-image { position: relative; }
/* Square image (up to 500×500), columns 50/50 on desktop */
@media (min-width: 768px) {
	#vz-tst-track .elementor-inner-section .elementor-column { width: 50% !important; }
}
#vz-tst-track .elementor-widget-image img {
	width: 100%; max-width: none; height: auto; display: block;
	border-radius: 16px; box-shadow: 0 26px 55px rgba(18, 48, 107, .18);
}
/* accent quote bubble, top-right of image */
#vz-tst-track .elementor-widget-image::after {
	content: "\201D"; font-family: Georgia, 'Times New Roman', serif; font-weight: 700;
	position: absolute; top: 16px; right: 16px; z-index: 3;
	width: 56px; height: 56px; border-radius: 50%;
	background: var(--e-global-color-primary); color: #fff;
	display: flex; align-items: center; justify-content: center;
	font-size: 40px; line-height: 1; padding-top: 14px;
	box-shadow: 0 12px 26px color-mix(in srgb, var(--e-global-color-primary) 40%, transparent);
}
/* dot pattern behind image, bottom-left */
#vz-tst-track .elementor-widget-image::before {
	content: ""; position: absolute; left: -20px; bottom: -20px; z-index: 0;
	width: 110px; height: 110px;
	background-image: radial-gradient(color-mix(in srgb, var(--e-global-color-secondary) 28%, transparent) 1.6px, transparent 1.6px);
	background-size: 14px 14px;
}
#vz-tst-track .elementor-widget-image img { position: relative; z-index: 1; }

/* ---- Text (right) ---- */
/* 30px gap between the image and the text column (padding was removed globally). */
#vz-tst-track .elementor-widget-wrap.elementor-element-populated {
	padding-left: 30px !important;
}


#vz-tst-track .elementor-widget-text-editor p {
	color: var(--e-global-color-text); font-size: 16px; line-height: 1.9;
}

/* ---- Before init: show only the first slide (no stacked flash) ---- */
#vz-tst-track > .elementor-widget-wrap:not(.slick-initialized) > .elementor-inner-section:not(:first-child) { display: none; }

/* ---- Arrows: below the image, left-aligned ---- */
#vz-tst-track .slick-prev, #vz-tst-track .slick-next {
	position: absolute; top: auto; bottom: -70px; transform: none; z-index: 5;
	width: 48px; height: 48px; border-radius: 50%;
	background: #fff; border: 1.5px solid #dbe3f1; color: var(--e-global-color-secondary);
	display: flex; align-items: center; justify-content: center; transition: all .2s ease;
	font-size: 16px; line-height: 1;   /* restore icon size (Slick forces font-size:0) */
}
#vz-tst-track .slick-prev i, #vz-tst-track .slick-next i { font-size: 16px; }
#vz-tst-track .slick-prev:hover, #vz-tst-track .slick-next:hover {
	background: var(--e-global-color-secondary); border-color: var(--e-global-color-secondary); color: #fff;
}
#vz-tst-track .slick-prev { left: 0; }
#vz-tst-track .slick-next { left: 60px; right: auto; }
#vz-tst-track .slick-prev:before, #vz-tst-track .slick-next:before { content: none; }

@media (max-width: 767px) {
	#vz-tst-track .slick-prev, #vz-tst-track .slick-next { bottom: -64px; }


	
}