/* The banner's sizes, colors, button and layout now live in Elementor, so you can edit them there.
   This file only styles the decorative turning text ring that hero.js adds around View Services. */
body .elementor-133 .elementor-element.elementor-element-692efe52 { position: relative; }
body .elementor-133 .elementor-element.elementor-element-692efe52 > .mme-hero-ring { position: absolute !important; top: 0; left: 0; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0; pointer-events: none; }
.mme-hero-ring text { font: 700 10px "Space Mono", monospace; letter-spacing: 3.2px; fill: #090909; text-transform: uppercase; }
body .elementor-133 .elementor-element.elementor-element-4829b776 p { margin-bottom: 0; }
/* The light arrow column is switched off; keep it out of the layout in the Elementor editor too,
   so what you see while editing matches the live page. */
body .elementor-133 .elementor-element.elementor-element-19c2af12 { display: none !important; }

/* ===== About Us, FAQ and Latest Insights (added Oct 2026) =====
   Colors, fonts, text and spacing live in the Elementor widgets; this only adds the
   pieces Elementor has no control for: flow connectors, the card grid and motion. */

/* About Us: Marketo flow card */
.mme-flow-card {
	isolation: isolate;
	background-image:
		radial-gradient(circle at 108% 16%, #22383d 0 40%, transparent 40.3%),
		radial-gradient(circle at -6% 104%, #1d2d31 0 34%, transparent 34.3%);
}
.e-con.mme-flow-box { position: relative; z-index: 1; overflow: visible; transition: transform .35s ease, box-shadow .35s ease; }
.e-con.mme-flow-box:hover { transform: translateY(-3px); box-shadow: 0 16px 34px -18px rgba(77, 195, 216, .6); }
.e-con.mme-flow-box--sync { box-shadow: 0 0 0 1px rgba(77, 195, 216, .25), 0 18px 40px -24px rgba(77, 195, 216, .7); }
/* dashed connector between boxes, drawn in as each box appears */
.e-con.mme-flow-box + .mme-flow-box::after {
	content: "";
	position: absolute;
	left: 50%;
	top: -41px;
	height: 40px;
	border-left: 2px dashed #4dc3d8;
	opacity: .9;
	transform-origin: top;
	transition: transform .7s cubic-bezier(.2, .7, .2, 1) .2s;
}
.e-con.mme-flow-box.elementor-invisible + .mme-flow-box::after,
.e-con.mme-flow-box + .mme-flow-box.elementor-invisible::after { transform: scaleY(0); }
/* a small pulse travelling down each connector */
.e-con.mme-flow-box + .mme-flow-box::before {
	content: "";
	position: absolute;
	inset: auto;
	left: calc(50% - 3px);
	top: -41px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #4dc3d8;
	box-shadow: 0 0 10px 2px rgba(77, 195, 216, .7);
	mix-blend-mode: normal;
	opacity: 0;
	animation: mmeFlowDot 2.7s ease-in-out infinite;
	z-index: 2;
}
.e-con.mme-flow-box:nth-child(3)::before { animation-delay: .9s; }
.e-con.mme-flow-box:nth-child(4)::before { animation-delay: 1.8s; }
@keyframes mmeFlowDot {
	0% { transform: translateY(0); opacity: 0; }
	15% { opacity: 1; }
	80% { opacity: 1; }
	100% { transform: translateY(34px); opacity: 0; }
}

/* FAQ: icon turns as an answer opens */
.mme-faq .e-n-accordion-item-title-icon { transition: transform .35s ease; }
.mme-faq .e-n-accordion-item[open] .e-n-accordion-item-title-icon { transform: rotate(180deg); }
.mme-faq .e-n-accordion-item-title { transition: color .25s ease; }

/* Latest Insights: 2 x 2 cards on a light panel */
.mme-insights .post-items { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin: 0 !important; }
.mme-insights .post-items > .post-item { flex: none !important; max-width: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
.mme-insights .elementskit-blog-block-post {
	height: 100%;
	padding: 16px;
	background: #ffffff;
	border: 1px solid #e3e6e8;
	border-radius: 24px;
	transition: transform .45s cubic-bezier(.2, .7, .2, 1), box-shadow .45s ease;
}
.mme-insights .elementskit-blog-block-post:hover { transform: translateY(-6px); box-shadow: 0 26px 50px -30px rgba(9, 9, 9, .4); }
.mme-insights .elementskit-blog-block-post > .row { display: grid !important; grid-template-columns: 0.95fr 1.05fr; gap: 24px; align-items: center; margin: 0 !important; }
.mme-insights .elementskit-blog-block-post > .row > div { flex: none !important; max-width: none !important; width: auto !important; padding: 0 !important; }
.mme-insights .elementskit-entry-thumb { display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 16px; }
.mme-insights .elementskit-entry-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
.mme-insights .elementskit-blog-block-post:hover .elementskit-entry-thumb img { transform: scale(1.06); }
.mme-insights .elementskit-post-body { padding: 0 !important; background: none !important; }
.mme-insights .entry-title { margin: 10px 0 0 !important; }
.mme-insights .post-meta-list { display: flex; flex-wrap: wrap; align-items: center; margin: 0 !important; font: 400 14px/1.4 "Kanit", sans-serif; color: #8a9396; }
.mme-insights .post-meta-list > span { margin: 0 !important; padding: 0 !important; }
.mme-insights .post-meta-list > span + span::before { content: "\00B7"; margin: 0 6px; }
.mme-insights .post-meta-list i, .mme-insights .post-meta-list svg { display: none; }
/* cards rise in one after another */
.mme-insights.animated .post-item { animation: mmeCardIn .8s cubic-bezier(.2, .7, .2, 1) both; }
.mme-insights.animated .post-item:nth-child(2) { animation-delay: .12s; }
.mme-insights.animated .post-item:nth-child(3) { animation-delay: .24s; }
.mme-insights.animated .post-item:nth-child(4) { animation-delay: .36s; }
@keyframes mmeCardIn { from { opacity: 0; transform: translateY(36px); } to { opacity: 1; transform: none; } }

@media (max-width: 1024px) {
	.mme-insights .post-items { grid-template-columns: 1fr; gap: 20px; }
	.mme-insights .elementskit-blog-block-post > .row { grid-template-columns: minmax(0, 260px) 1fr; }
}
@media (max-width: 767px) {
	.e-con.mme-flow-box + .mme-flow-box::after { top: -31px; height: 30px; }
	.e-con.mme-flow-box + .mme-flow-box::before { top: -31px; }
	.mme-insights .elementskit-blog-block-post { padding: 12px; border-radius: 20px; }
	.mme-insights .elementskit-blog-block-post > .row { grid-template-columns: 1fr; gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
	.e-con.mme-flow-box + .mme-flow-box::before { animation: none; display: none; }
	.mme-insights.animated .post-item { animation: none; }
}
/* Insight cards: win over the blog widget's own card box */
.mme-insights .elementskit-blog-block-post { background: #ffffff !important; border: 1px solid #e3e6e8 !important; border-radius: 24px !important; padding: 16px !important; box-shadow: none !important; }
.mme-insights .elementskit-blog-block-post:hover { box-shadow: 0 26px 50px -30px rgba(9, 9, 9, .4) !important; }
.mme-insights .elementskit-entry-thumb, .mme-insights .elementskit-entry-thumb img { box-shadow: none !important; }
.mme-insights .post-meta-list .icon, .mme-insights .post-meta-list i { display: none !important; }
.mme-insights .post-meta-list, .mme-insights .post-meta-list a { font-size: 14px !important; color: #8a9396 !important; white-space: nowrap; }
@media (max-width: 767px) { .mme-insights .elementskit-blog-block-post { padding: 12px !important; border-radius: 20px !important; } }
.mme-insights .elementskit-entry-thumb { border-radius: 16px !important; margin: 0 !important; }
.mme-insights .elementskit-entry-thumb img { border-radius: 0 !important; }
.mme-insights .elementskit-blog-block-post > .row > div, .mme-insights .elementskit-post-body, .mme-insights .elementskit-entry-header { margin: 0 !important; }
.mme-insights .post-meta-list { flex-wrap: nowrap; font-size: 13px !important; }
.mme-insights .post-meta-list a { font-size: 13px !important; }
@media (max-width: 1024px) {
	.mme-insights .post-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mme-insights .elementskit-blog-block-post > .row { grid-template-columns: 1fr; gap: 16px; align-items: start; }
}
@media (max-width: 767px) { .mme-insights .post-items { grid-template-columns: 1fr; } }