/* ==========================================================================
   Jubilee Technology — brand layer on top of the Markify theme.

   Colours (the brand palette, used everywhere):
     charcoal #202326 · brand gold #F3A91B · text gold #D99A12
     background #FAF9F6 · white #FFFFFF · secondary grey #707377
     body text #62666B · soft border #E8E6E0 · dark surface border #414447
   ========================================================================== */

.mk-theme {
	--mk-ink: #202326;
	--mk-ink-2: #414447;
	--mk-grey: #707377;
	--mk-grey-2: #62666B;
	--mk-body: #62666B;
	--mk-muted: #707377;
	--mk-soft: #FAF9F6;
	--mk-soft-2: #F0EEE8;
	--mk-line: #E8E6E0;
	--mk-gold: #F3A91B;
	--mk-gold-2: #D99A12;
	--mk-radius: 14px;
	--mk-shadow: 0 18px 40px -24px rgba(32, 35, 38, .28);
	--mk-font-display: "Plus Jakarta Sans", "Figtree", system-ui, sans-serif;
	--mk-font-body: "Figtree", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	--mk-font-bn: "Mukta", "Noto Serif Bengali", "Figtree", system-ui, sans-serif;
	--mk-font-bn-display: "Noto Serif Bengali", "Mukta", "Figtree", system-ui, serif;

	font-family: var(--mk-font-body);
	color: var(--mk-body);
	background: #fff;
	font-size: 17px;
	line-height: 1.6;
	overflow-x: clip;
}

.mk-theme.mk-lang-bn,
.mk-theme.mk-lang-bn h1,
.mk-theme.mk-lang-bn h2,
.mk-theme.mk-lang-bn h3,
.mk-theme.mk-lang-bn h4,
.mk-theme.mk-lang-bn p,
.mk-theme.mk-lang-bn a,
.mk-theme.mk-lang-bn .banner-title h1 {
	font-family: var(--mk-font-bn);
}

.mk-theme h1,
.mk-theme h2,
.mk-theme h3,
.mk-theme h4,
.mk-theme h5 {
	font-family: var(--mk-font-display);
	color: var(--mk-ink);
	letter-spacing: -.01em;
}

.mk-theme p { color: var(--mk-body); }
.mk-theme img { max-width: 100%; height: auto; }
.mk-theme .mk-main { padding: 0; }

.mk-theme .container { width: 100%; max-width: 1270px; padding-inline: 20px; margin-inline: auto; }

/* Highlighted words use the darker gold, per the brand rules. */
.mk-gold { color: var(--mk-gold-2); }

/* ---------- Buttons ------------------------------------------------------ */

/* Only the theme's own CTA classes are styled here. The reference's
   single-button / service-button / banner-button keep their native styles,
   gradients and hover wipes straight from section-style.css. */
.mk-theme .header-button,
.mk-theme .pricing-button,
.mk-theme .mk-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 54px;
	padding: 0 30px;
	border: 0;
	border-radius: 40px;
	font-family: var(--mk-font-body);
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	color: #fff;
	background: var(--mk-ink);
	box-shadow: 0 12px 26px -18px rgba(32, 35, 38, .8);
	transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
	overflow: hidden;
	position: relative;
	z-index: 1;
	text-align: center;
	width: auto;
}

/* Every CTA follows one colour rule so the primary action is obvious:
   charcoal fill with white text, gold fill with dark text on hover. */
.mk-theme .header-button:hover,
.mk-theme .pricing-button:hover,
.mk-theme .mk-btn:hover {
	color: var(--mk-ink);
	transform: translateY(-2px);
	background: var(--mk-gold);
	box-shadow: 0 18px 30px -18px rgba(32, 35, 38, .65);
}

.mk-theme .mk-btn--ghost {
	background: transparent;
	color: var(--mk-ink);
	border: 1px solid var(--mk-ink);
	box-shadow: none;
}

.mk-theme .mk-btn--ghost:hover {
	background: var(--mk-gold);
	color: var(--mk-ink);
	border-color: var(--mk-gold);
}

/* The reference's own CTA classes keep their shapes and wipe animations; only
   the palette follows the same rule: primary = charcoal/white, secondary =
   charcoal outline, hover = gold with dark text. */
.mk-theme .banner-button a,
.mk-theme .service-button a,
.mk-theme .single-button .button-content a {
	background: var(--mk-ink);
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-text-fill-color: #fff;
	color: #fff;
	border-color: var(--mk-ink);
}

.mk-theme .banner-button2 a {
	background: transparent;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-text-fill-color: var(--mk-ink);
	color: var(--mk-ink);
	border-color: var(--mk-ink);
}

.mk-theme .banner-button a:hover,
.mk-theme .banner-button2 a:hover,
.mk-theme .service-button a:hover,
.mk-theme .single-button .button-content a:hover,
.mk-theme .service-section.option1:hover .service-button a {
	-webkit-text-fill-color: var(--mk-ink);
	color: var(--mk-ink);
	border-color: var(--mk-gold);
}

/* The reference's hover wipes now fill gold instead of its own gradient;
   the service card's inner button keeps the reference's white circle. */
.mk-theme .banner-button a::before,
.mk-theme .banner-button2 a::before,
.mk-theme .banner-button2 a::after,
.mk-theme .single-button .button-content a::before {
	background: var(--mk-gold);
	background-image: none;
}

/* ---------- Header ------------------------------------------------------- */

.mk-theme .theme-main-menu {
	background: #fff;
	border-bottom: 1px solid var(--mk-line);
	position: relative;
	z-index: 50;
}

.mk-theme .theme-main-menu .manu-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	min-height: 88px;
}

.mk-theme .site-branding img { height: 74px; width: auto; display: block; }

.mk-theme .main-navigation { display: flex; align-items: center; }

.mk-theme .header-nav {
	display: flex;
	align-items: center;
	gap: 26px;
}

.mk-theme .theme-main-header .theme-main-menu .manu-wrapper .menu-ul {
	display: flex;
	align-items: center;
	gap: 2px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mk-theme .theme-main-header .theme-main-menu .manu-wrapper .menu-ul > li {
	margin: 0;
	padding: 0;
}

.mk-theme .theme-main-header .theme-main-menu .manu-wrapper .menu-ul > li > a {
	display: inline-block;
	padding: 10px 13px;
	font-family: var(--mk-font-body);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.35;
	color: var(--mk-ink);
	border-radius: 8px;
	transition: color .2s ease;
	position: relative;
}

.mk-theme .theme-main-header .theme-main-menu .manu-wrapper .menu-ul > li > a::after {
	content: "";
	position: absolute;
	left: 13px;
	right: 13px;
	bottom: 3px;
	height: 2px;
	background: var(--mk-gold);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .25s ease;
}

.mk-theme .theme-main-header .theme-main-menu .manu-wrapper .menu-ul > li > a:hover,
.mk-theme .theme-main-header .theme-main-menu .manu-wrapper .menu-ul > li.current-menu-item > a { color: var(--mk-grey); }

.mk-theme .theme-main-header .theme-main-menu .manu-wrapper .menu-ul > li > a:hover::after,
.mk-theme .theme-main-header .theme-main-menu .manu-wrapper .menu-ul > li.current-menu-item > a::after { transform: scaleX(1); }

.mk-theme .menu-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--mk-line);
	border-radius: 10px;
	background: #fff;
}

.mk-theme .mk-burger { display: grid; gap: 5px; }
.mk-theme .mk-burger span { display: block; width: 20px; height: 2px; background: var(--mk-ink); transition: transform .2s ease, opacity .2s ease; }
.mk-theme .menu-toggle[aria-expanded="true"] .mk-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.mk-theme .menu-toggle[aria-expanded="true"] .mk-burger span:nth-child(2) { opacity: 0; }
.mk-theme .menu-toggle[aria-expanded="true"] .mk-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Language switch */
.mk-theme .mk-lang {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	padding: 3px;
	border: 1px solid var(--mk-line);
	border-radius: 30px;
	background: var(--mk-soft);
}

.mk-theme .mk-lang-link {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 30px;
	font-size: 13.5px;
	font-weight: 600;
	color: var(--mk-grey);
	line-height: 1.2;
	transition: background .2s ease, color .2s ease;
}

.mk-theme .mk-lang-link:hover { color: var(--mk-ink); }
.mk-theme .mk-lang-link.is-active { background: var(--mk-ink); color: #fff; }

.mk-theme .menu-button { display: flex; }
.mk-theme .menu-button .header-button { height: 48px; padding: 0 26px; font-size: 15px; }

/* The button IS the anchor here, so the reference's `.menu-button a::before`
   hover wipe - a full-bleed charcoal layer - landed on top of the gold hover
   fill and swallowed its dark label. Our own hover (gold fill, dark text) is
   the whole effect, so the wipe stays out of the way. */
.mk-theme .menu-button .header-button::before,
.mk-theme .menu-button .header-button::after { display: none; }

/* The reference floats its header over the banner, so the landing page does the
   same: the menu turns transparent and the hero slides up underneath it. */
.mk-theme { --mk-menu-h: 89px; }
.mk-theme.home .theme-main-header { position: relative; z-index: 60; background: transparent; }
.mk-theme.home .theme-main-menu { background: transparent; border-bottom-color: transparent; }
.mk-theme.home .mk-hero { margin-top: calc(-1 * var(--mk-menu-h)); }

@media (max-width: 1080px) {
	.mk-theme { --mk-menu-h: 75px; }
}

/* ---------- Hero ---------------------------------------------------------
   The reference's banner-1, kept as-is. The markup carries the theme's own
   classes (banner-section option1 / banner-content / banner-title one|two /
   bannar-btn), so section-style.css and section-responsive.css supply the
   layout, the 70px/85px headline, the eyebrow and the 185/160 buttons at every
   breakpoint — exactly as the demo does. Only the artwork and palette are ours.
   ------------------------------------------------------------------------- */

/* The hero is one animated banner SVG. It already holds the whole
   composition — the open field the copy sits in, the photograph and its
   gold/charcoal framing, plus the particles and glints — so the section
   paints no background texture of its own and floats no shape images. */
.mk-theme .mk-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #fff url(../../../../uploads/jt-brand/hero/corporate-banner-animated.svg) right center / cover no-repeat;
}

/* The menu is transparent and the banner slides up under it, which leaves the
   links sitting on the artwork's curve. A soft white fall-off behind the menu
   keeps them legible without drawing a bar across the banner. */
.mk-theme .mk-hero::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: calc(var(--mk-menu-h) + 26px);
	background: linear-gradient(180deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .88) 55%, rgba(255, 255, 255, 0) 100%);
	pointer-events: none;
	z-index: 2;
}

/* The reference banner container is full-bleed with 4.4% gutters, not the
   narrower container the rest of the site uses. */
.mk-theme .mk-hero .container {
	max-width: 1424px;
	padding-inline: clamp(20px, 4.4vw, 68px);
}

/* The artwork is 1779x884, so above tablet the section is sized to that ratio
   and the banner shows whole: no crop, and all three faces stay in frame at
   every desktop width. Copy that needs more height than the ratio allows just
   grows the section, and `cover` then trims only the empty left edge of the
   particle field rather than the photograph. */
@media (min-width: 1025px) {
	.mk-theme .mk-hero {
		min-height: calc(100vw / 2.0122);
		padding: var(--mk-menu-h) 0 40px;
	}

	/* The reference sets the headline at a flat 70px, which is wider than the
	   open field on a 1024-wide screen. Scaling it from the same 70px keeps the
	   reference size on desktop and stops the copy running into the wave. */
	.mk-theme .mk-hero .banner-title h1 {
		font-size: clamp(44px, 4.86vw, 70px);
		line-height: 1.21;
	}
}

.mk-theme .mk-hero .banner-content {
	position: relative;
	z-index: 3;
}

/* The hero is the reference's banner-1 geometry with the brand palette:
   charcoal heading, darker-gold accent word, grey welcome label and gold
   decorative dots. */
.mk-theme .mk-hero .banner-title h1 {
	font-family: var(--mk-font-display);
	font-size: 70px;
	line-height: 85px;
	font-weight: 700;
	letter-spacing: 0;
	color: var(--mk-ink);
	margin: 3px 0 0;
}

.mk-theme .mk-hero .banner-title .mk-hero-line-two {
	display: block;
}

/* In the artwork the light copy field runs to about 44% of its width at the
   height the paragraph sits at, and the container is narrower than the banner
   and centred, so the room left for copy changes with the viewport. The cap
   below tracks both edges: 40vw keeps it inside the field while the container
   is full width, and 620px - 5.6vw accounts for the container's gutters once
   it reaches its 1424px maximum. Below 1025px the banner stacks, so the
   paragraph goes back to the reference's full width. */
@media (min-width: 1025px) {
	.mk-theme .mk-hero .banner-description p {
		max-width: min(560px, calc(40vw - 24px), calc(620px - 5.6vw));
	}
}

.mk-theme .mk-hero .banner-subtitle h4 {
	background: none;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-text-fill-color: var(--mk-grey);
	color: var(--mk-grey);
}

.mk-theme .mk-hero .banner-subtitle h4::before {
	background: var(--mk-gold);
	background-image: none;
}

.mk-theme .mk-hero .banner-subtitle h4::after {
	background: var(--mk-gold);
}


/* ---------- Partners ----------------------------------------------------- */

.mk-theme .mk-partners {
	padding: 42px 0 30px;
	border-bottom: 1px solid var(--mk-line);
	background: #fff;
}

.mk-theme .mk-partners-label {
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--mk-muted);
	margin: 0 0 26px;
}

.mk-theme .mk-partner-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	flex-wrap: wrap;
}

.mk-theme .mk-partner {
	font-family: var(--mk-font-display);
	font-size: 21px;
	font-weight: 700;
	color: var(--mk-ink);
	opacity: .38;
	transition: opacity .25s ease, color .25s ease;
	letter-spacing: -.01em;
}

.mk-theme .mk-partner:hover { opacity: 1; color: var(--mk-grey); }

/* ---------- Section heads ------------------------------------------------ */

.mk-theme .mk-services,
.mk-theme .mk-team,
.mk-theme .mk-pricing,
.mk-theme .mk-testimonials { padding: 96px 0; }

.mk-theme .mk-section-head { max-width: 760px; margin-bottom: 54px; }
.mk-theme .mk-section-head.mk-center { margin-inline: auto; text-align: center; }

.mk-theme .main-title-area .section-subtitle h3 {
	font-family: var(--mk-font-body);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--mk-grey);
	margin: 0 0 14px;
}

.mk-theme .main-title-area .section-title-one h2,
.mk-theme .main-title-area .section-title-two h2 {
	font-family: var(--mk-font-display);
	font-size: clamp(30px, 3.1vw, 46px);
	line-height: 1.16;
	font-weight: 700;
	color: var(--mk-ink);
	margin: 0;
}

.mk-theme .main-title-area .section-title-two h2 { color: var(--mk-grey); }
.mk-theme .mk-section-head .mk-section-lead { margin: 18px 0 0; font-size: 17px; }

.mk-theme .mk-chapter {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--mk-gold);
	margin-bottom: 12px;
}

/* ---------- Services ----------------------------------------------------- */

.mk-theme .mk-services { background: #fff; }

.mk-theme .mk-service-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 26px;
}

.mk-theme .mk-service-card {
	background: var(--mk-soft);
	border: 1px solid transparent;
	border-radius: 20px;
	padding: 40px 38px;
	transition: transform .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.mk-theme .mk-service-card:hover {
	background: #fff;
	border-color: var(--mk-line);
	transform: translateY(-4px);
	box-shadow: var(--mk-shadow);
}

.mk-theme .mk-service-card .service-text-content { padding: 0; }

.mk-theme .mk-service-card .service-icon-img {
	width: 66px;
	height: 66px;
	border-radius: 16px;
	background: #fff;
	border: 1px solid var(--mk-line);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 24px;
}

.mk-theme .mk-service-card:hover .service-icon-img { background: var(--mk-ink); border-color: var(--mk-ink); }
.mk-theme .mk-service-card .service-icon-img .mk-svg { width: 30px; height: 30px; color: var(--mk-grey); }
.mk-theme .mk-service-card:hover .service-icon-img .mk-svg { color: var(--mk-gold); }

.mk-theme .mk-service-card .service-title h2 {
	font-size: 24px;
	line-height: 1.25;
	font-weight: 700;
	margin: 0 0 12px;
	color: var(--mk-ink);
}

.mk-theme .mk-service-card .service-description p {
	margin: 0 0 22px;
	font-size: 16.5px;
	line-height: 1.65;
}

.mk-theme .mk-service-card .service-button a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: auto;
	padding: 0;
	background: none;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-text-fill-color: currentColor;
	box-shadow: none;
	color: var(--mk-ink);
	font-size: 15px;
	font-weight: 700;
	border-radius: 0;
}

.mk-theme .mk-service-card .service-button a::after {
	content: "→";
	transition: transform .2s ease;
}

.mk-theme .mk-service-card .service-button a:hover { color: var(--mk-gold); transform: none; }
.mk-theme .mk-service-card .service-button a:hover::after { transform: translateX(4px); }

/* ---------- About -------------------------------------------------------- */

.mk-theme .mk-about {
	padding: 96px 0;
	background: var(--mk-soft);
	border-block: 1px solid var(--mk-line);
}

.mk-theme .mk-about-grid {
	display: grid;
	grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
	gap: 72px;
	align-items: center;
}

.mk-theme .mk-about-media { position: relative; }

.mk-theme .mk-about-photo {
	margin: 0;
	border-radius: 18px 18px 160px 18px;
	overflow: hidden;
	border: 8px solid #fff;
	box-shadow: 0 40px 70px -50px rgba(32, 35, 38, .5);
	position: relative;
	z-index: 2;
}

.mk-theme .mk-about-photo img { display: block; width: 100%; aspect-ratio: 9 / 10; object-fit: cover; }

.mk-theme .mk-about-shape { position: absolute; right: -34px; top: -30px; z-index: 1; }
.mk-theme .mk-about-shape img { width: 130px; opacity: .8; }

.mk-theme .mk-about-badge {
	position: absolute;
	right: -18px;
	bottom: 34px;
	z-index: 3;
	background: #fff;
	border: 1px solid var(--mk-line);
	border-radius: 16px;
	padding: 18px 22px;
	display: flex;
	align-items: center;
	gap: 14px;
	box-shadow: var(--mk-shadow);
	max-width: 240px;
}

.mk-theme .mk-about-badge .icon-box-icon-content { margin: 0; }
.mk-theme .mk-about-badge .small-img {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--mk-ink);
	display: flex;
	align-items: center;
	justify-content: center;
}
.mk-theme .mk-about-badge .small-img .mk-svg { width: 22px; height: 22px; color: var(--mk-gold); }
.mk-theme .mk-about-badge .icon-box-title h2 { font-size: 15px; font-weight: 700; margin: 0 0 2px; color: var(--mk-ink); }
.mk-theme .mk-about-badge .icon-box-description p { margin: 0; font-size: 13px; color: var(--mk-muted); }

.mk-theme .mk-about-lead { margin: 18px 0 26px; font-size: 17px; }

.mk-theme .mk-tabs { margin-bottom: 32px; }

.mk-theme .mk-tabs .nav-tabs {
	display: flex;
	gap: 6px;
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	border: 0;
	flex-wrap: wrap;
}

.mk-theme .mk-tabs .nav-tabs li { margin: 0; }

.mk-theme .mk-tabs .nav-tabs a {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 30px;
	background: #fff;
	border: 1px solid var(--mk-line);
	font-size: 15px;
	font-weight: 600;
	color: var(--mk-grey);
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.mk-theme .mk-tabs .nav-tabs li.active a,
.mk-theme .mk-tabs .nav-tabs a:hover { background: var(--mk-ink); border-color: var(--mk-ink); color: #fff; }

.mk-theme .mk-tabs .tab-pane { display: none; }
.mk-theme .mk-tabs .tab-pane.active { display: block; }

.mk-theme .mk-tabs .wp-security-banner { padding: 0; background: none; box-shadow: none; }
.mk-theme .mk-tabs .wp-security-banner p { margin: 0 0 16px; }

.mk-theme .mk-tabs .tab-services-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.mk-theme .mk-tabs .tab-services-list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 16px;
	color: var(--mk-ink);
	background: none;
	padding: 0;
	margin: 0;
}

.mk-theme .mk-tick { color: var(--mk-gold); display: inline-flex; margin-top: 4px; flex: none; }

.mk-theme .mk-about-actions { display: flex; align-items: center; gap: 26px; flex-wrap: wrap; }

.mk-theme .mk-call-box { display: flex; align-items: center; gap: 14px; background: none; padding: 0; }
.mk-theme .mk-call-box .icon-box-icon-content { margin: 0; }
.mk-theme .mk-call-box .icon-box-icon {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid var(--mk-line);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--mk-ink);
}
.mk-theme .mk-call-box .icon-box-icon .mk-svg { width: 22px; height: 22px; }
.mk-theme .mk-call-box .icon-box-title h2 { font-size: 13px; font-weight: 600; color: var(--mk-muted); margin: 0 0 2px; text-transform: uppercase; letter-spacing: .08em; }
.mk-theme .mk-call-box .icon-box-description p { margin: 0; }
.mk-theme .mk-call-box .icon-box-description a { font-size: 17px; font-weight: 700; color: var(--mk-ink); }

/* ---------- Team --------------------------------------------------------- */

.mk-theme .mk-team { background: #fff; }

.mk-theme .mk-team-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 26px;
}

.mk-theme .team-section {
	background: var(--mk-soft);
	border-radius: 18px;
	overflow: hidden;
	padding: 0;
	border: 1px solid transparent;
	transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.mk-theme .team-section:hover { transform: translateY(-4px); border-color: var(--mk-line); box-shadow: var(--mk-shadow); background: #fff; }

.mk-theme .team-section .team-member-image { overflow: hidden; }
.mk-theme .team-section .team-member-image img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1.16;
	object-fit: cover;
	transition: transform .5s ease;
	filter: grayscale(.2);
}
.mk-theme .team-section:hover .team-member-image img { transform: scale(1.03); filter: none; }

.mk-theme .team-section .team-member-content { padding: 20px 22px 24px; }
.mk-theme .team-section .team-member-name h2 { font-size: 19px; font-weight: 700; margin: 0 0 4px; color: var(--mk-ink); }
.mk-theme .team-section .member-designation h3 { font-size: 14px; font-weight: 500; margin: 0; color: var(--mk-muted); }

.mk-theme .team-section .team-media-icon {
	display: flex;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0 22px 22px;
	position: static;
	opacity: 1;
	visibility: visible;
	transform: none;
}

.mk-theme .team-section .team-media-icon a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1px solid var(--mk-line);
	background: #fff;
	color: var(--mk-grey);
	font-size: 12px;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.mk-theme .team-section .team-media-icon a:hover { background: var(--mk-ink); border-color: var(--mk-ink); color: #fff; }

/* ---------- Counters ----------------------------------------------------- */

.mk-theme .mk-counters {
	background: var(--mk-ink);
	padding: 62px 0;
	position: relative;
	overflow: hidden;
}

.mk-theme .mk-counters::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(50% 120% at 15% 0%, rgba(200, 148, 24, .16), transparent 60%);
	pointer-events: none;
}

.mk-theme .mk-counter-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 28px;
	position: relative;
	z-index: 1;
}

.mk-theme .mk-counters .counter-section { background: none; padding: 0; border: 0; display: block; }

.mk-theme .mk-counters .mk-counter-number {
	display: flex;
	align-items: baseline;
	gap: 2px;
	font-family: var(--mk-font-display);
	font-size: clamp(34px, 3.4vw, 48px);
	font-weight: 700;
	line-height: 1;
	color: #fff;
}

/* The reference colours the number itself dark; on the dark band that hides it
   until the card is hovered. Keep the digits white and leave the hover's
   gold gradient-clip as the effect. */
.mk-theme .mk-counters .counter-section .calculate-number { color: #fff; }

.mk-theme .mk-counters .conter-plus { color: var(--mk-gold); font-size: .7em; }

.mk-theme .mk-counters .counter-title h2 {
	font-family: var(--mk-font-body);
	font-size: 15px;
	font-weight: 500;
	color: #b9bcc1;
	margin: 10px 0 0;
	letter-spacing: 0;
}

/* ---------- Pricing ------------------------------------------------------ */

.mk-theme .mk-pricing { background: var(--mk-soft); border-block: 1px solid var(--mk-line); }
.mk-theme .mk-pricing-title { font-family: var(--mk-font-display); font-size: clamp(28px, 3vw, 42px); font-weight: 700; margin: 0; line-height: 1.18; }

.mk-theme .mk-price-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
	padding-top: 36px;
	align-items: stretch;
}

/* The reference's pricing-tab card: the plan-name pill straddles the top
   edge, the price and gold offer pill stack above divider rows, and a gold
   sweep fills the card on hover (and permanently on the featured plan).
   Palette rule: on gold, text goes dark. */
.mk-theme .mk-price-grid .pricing-tab-single-box {
	display: flex;
	flex-direction: column;
	z-index: 1;
}

.mk-theme .pricing-tab-button {
	margin-top: auto;
	padding-top: 24px;
}

.mk-theme .price-tab-list {
	margin: 0 0 16px;
	padding: 0;
	list-style: none;
}

.mk-theme .pricing-tab-area .pricing-tab-single-box::before {
	background: linear-gradient(180deg, #F3A91B 0%, #D99A12 100%);
	background-image: linear-gradient(180deg, #F3A91B 0%, #D99A12 100%);
	border-radius: inherit;
}

.mk-theme .pricing-tab-single-box .price-tab-dolar h3 { color: var(--mk-ink); }
.mk-theme .pricing-tab-single-box .price-tab-month { color: var(--mk-muted); }

/* Plan-name pill: the palette's soft chip instead of the lavender. */
.mk-theme .pricing-tab-head-content span.tw-text {
	background: #E8E6E0;
	color: var(--mk-ink);
}

/* Offer pill: gold with dark text; it inverts to white on the gold sweep so
   it keeps its contrast against the filled card. */
.mk-theme .pricing-tab-head-content .pricing-tab-desc {
	background: var(--mk-gold);
	color: var(--mk-ink);
	margin: 0 0 10px;
}

.mk-theme .pricing-tagline {
	margin: 0;
	font-size: 14px;
	line-height: 1.55;
	color: var(--mk-muted);
}

.mk-theme .pricing-tab-single-box:hover .price-tab-dolar h3,
.mk-theme .pricing-tab-single-box.active .price-tab-dolar h3,
.mk-theme .pricing-tab-single-box:hover .price-tab-month,
.mk-theme .pricing-tab-single-box.active .price-tab-month,
.mk-theme .pricing-tab-single-box:hover .price-tab-list li,
.mk-theme .pricing-tab-single-box.active .price-tab-list li,
.mk-theme .pricing-tab-single-box:hover .pricing-tagline,
.mk-theme .pricing-tab-single-box.active .pricing-tagline {
	color: var(--mk-ink);
}

.mk-theme .pricing-tab-single-box:hover .price-tab-list,
.mk-theme .pricing-tab-single-box.active .price-tab-list {
	border-bottom-color: rgba(32, 35, 38, .2);
}

.mk-theme .pricing-tab-single-box:hover .pricing-tab-head-content .pricing-tab-desc,
.mk-theme .pricing-tab-single-box.active .pricing-tab-head-content .pricing-tab-desc {
	background: #fff;
	color: var(--mk-ink);
}

/* Card CTA: the reference's tint pill with its white circle fill on hover;
   the text stays dark in both states. */
.mk-theme .pricing-tab-button a {
	color: var(--mk-ink);
	-webkit-text-fill-color: var(--mk-ink);
	z-index: 1;
}

.mk-theme .mk-price-badge {
	position: absolute;
	top: -14px;
	right: 0;
	z-index: 3;
	padding: 5px 14px;
	border-radius: 20px;
	background: var(--mk-ink);
	color: #fff;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.mk-theme .mk-plan-more { border-top: 1px dashed var(--mk-line); padding-top: 14px; }
.mk-theme .mk-plan-more summary {
	cursor: pointer;
	font-size: 13.5px;
	font-weight: 600;
	color: var(--mk-grey);
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.mk-theme .mk-plan-more summary::-webkit-details-marker { display: none; }
.mk-theme .mk-plan-more summary::after { content: "+"; font-size: 16px; font-weight: 700; color: var(--mk-gold); }
.mk-theme .mk-plan-more[open] summary::after { content: "\2013"; }
.mk-theme .mk-plan-specs { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 7px; }
.mk-theme .mk-plan-specs li { font-size: 13.5px; color: var(--mk-muted); padding-left: 14px; position: relative; }
.mk-theme .mk-plan-specs li::before { content: ""; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: var(--mk-gold); }

.mk-theme .pricing-tab-single-box:hover .mk-plan-more,
.mk-theme .pricing-tab-single-box.active .mk-plan-more { border-top-color: rgba(32, 35, 38, .2); }
.mk-theme .pricing-tab-single-box:hover .mk-plan-more summary,
.mk-theme .pricing-tab-single-box.active .mk-plan-more summary,
.mk-theme .pricing-tab-single-box:hover .mk-plan-more summary::after,
.mk-theme .pricing-tab-single-box.active .mk-plan-more summary::after,
.mk-theme .pricing-tab-single-box:hover .mk-plan-specs li,
.mk-theme .pricing-tab-single-box.active .mk-plan-specs li { color: var(--mk-ink); }
.mk-theme .pricing-tab-single-box:hover .mk-plan-specs li::before,
.mk-theme .pricing-tab-single-box.active .mk-plan-specs li::before { background: var(--mk-ink); }

.mk-theme .mk-price-note { text-align: center; font-size: 14px; color: var(--mk-muted); margin: 26px 0 0; }

/* ---------- Testimonials ------------------------------------------------- */

.mk-theme .mk-testimonials { background: #fff; }

.mk-theme .mk-quote-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
}

.mk-theme .mk-quote-grid .testimonial-section {
	margin: 0;
	background: var(--mk-soft);
	border: 1px solid transparent;
	border-radius: 20px;
	padding: 34px 30px 28px;
	transition: transform .3s ease, background .3s ease, border-color .3s ease;
}

.mk-theme .mk-quote-grid .testimonial-section:hover { background: #fff; border-color: var(--mk-line); transform: translateY(-4px); }

.mk-theme .mk-quote-mark img { width: 34px; height: auto; opacity: .8; }
.mk-theme .mk-quote-grid .testi-description p { margin: 16px 0 18px; font-size: 16.5px; line-height: 1.65; color: var(--mk-ink); }

.mk-theme .mk-quote-grid .testimonial-rating { margin-bottom: 18px; }
.mk-theme .mk-quote-grid .testimonial-star i { color: var(--mk-gold); font-size: 13px; margin-right: 3px; }

.mk-theme .mk-quote-grid .author-info { display: flex; align-items: center; gap: 12px; margin: 0; }
.mk-theme .mk-quote-grid .author-image img { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; display: block; }
.mk-theme .mk-quote-grid .about-author h3 { font-size: 15.5px; font-weight: 700; margin: 0 0 1px; color: var(--mk-ink); }
.mk-theme .mk-quote-grid .about-author p { margin: 0; font-size: 13.5px; color: var(--mk-muted); }

/* ---------- Closing call ------------------------------------------------- */

.mk-theme .mk-cta { padding: 0 0 96px; background: #fff; }

.mk-theme .mk-cta-inner {
	background: linear-gradient(120deg, var(--mk-ink) 0%, #35383d 100%);
	border-radius: 26px;
	padding: 56px 56px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	position: relative;
	overflow: hidden;
}

.mk-theme .mk-cta-inner::after {
	content: "";
	position: absolute;
	right: -60px;
	top: -60px;
	width: 260px;
	height: 260px;
	border-radius: 50%;
	border: 1px solid rgba(200, 148, 24, .35);
	pointer-events: none;
}

.mk-theme .mk-cta-copy h2 { color: #fff; font-size: clamp(26px, 2.6vw, 38px); line-height: 1.2; margin: 0 0 10px; }
.mk-theme .mk-cta-copy p { color: #c6c9ce; margin: 0; max-width: 560px; }
.mk-theme .mk-cta-inner .single-button .button-content a { background: var(--mk-gold); box-shadow: none; }
.mk-theme .mk-cta-inner .single-button .button-content a:hover { background: #fff; color: var(--mk-ink); }

/* ---------- Inner page hero --------------------------------------------- */

.mk-theme .mk-page-hero {
	position: relative;
	padding: 92px 0 78px;
	background:
		radial-gradient(60% 100% at 88% 6%, rgba(200, 148, 24, .10), transparent 60%),
		linear-gradient(180deg, #FFFFFF 0%, #F7F8FA 100%);
	border-bottom: 1px solid var(--mk-line);
	overflow: hidden;
}

.mk-theme .mk-page-hero-inner { position: relative; z-index: 2; max-width: 780px; }

.mk-theme .mk-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--mk-gold);
	margin-bottom: 16px;
}

.mk-theme .mk-eyebrow::before { content: ""; width: 30px; height: 2px; background: var(--mk-gold); }

.mk-theme .mk-page-hero h1 {
	font-family: var(--mk-font-display);
	font-size: clamp(30px, 3.6vw, 50px);
	line-height: 1.14;
	font-weight: 700;
	margin: 0 0 16px;
	color: var(--mk-ink);
	letter-spacing: -.02em;
}

.mk-theme .mk-page-hero p { margin: 0; font-size: 18px; max-width: 640px; }

/* Generic content sections for inner pages */
.mk-theme .mk-section { padding: 88px 0; }
.mk-theme .mk-section--soft { background: var(--mk-soft); border-block: 1px solid var(--mk-line); }

.mk-theme .mk-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.mk-theme .mk-card-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mk-theme .mk-card-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.mk-theme .mk-card {
	background: #fff;
	border: 1px solid var(--mk-line);
	border-radius: 18px;
	padding: 32px 30px;
	transition: transform .3s ease, box-shadow .3s ease;
}

.mk-theme .mk-card:hover { transform: translateY(-3px); box-shadow: var(--mk-shadow); }
.mk-theme .mk-card .mk-card-icon {
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: var(--mk-soft);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	color: var(--mk-grey);
}
.mk-theme .mk-card .mk-card-icon .mk-svg { width: 26px; height: 26px; }
.mk-theme .mk-card h3 { font-size: 20px; margin: 0 0 10px; line-height: 1.3; }
.mk-theme .mk-card p { margin: 0; font-size: 16px; }

.mk-theme .mk-note {
	border-left: 3px solid var(--mk-gold);
	background: #fff;
	padding: 26px 30px;
	border-radius: 0 14px 14px 0;
	margin-top: 34px;
}
.mk-theme .mk-note h3 { font-size: 19px; margin: 0 0 8px; }
.mk-theme .mk-note p { margin: 0; font-size: 16px; }

.mk-theme .mk-split { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.mk-theme .mk-split-media img { border-radius: 20px; display: block; width: 100%; }

/* Comparison table (business email) */
.mk-theme .mk-compare { width: 100%; border-collapse: collapse; background: #fff; border-radius: 16px; overflow: hidden; border: 1px solid var(--mk-line); }
.mk-theme .mk-compare th,
.mk-theme .mk-compare td { padding: 16px 22px; text-align: left; font-size: 15.5px; border-bottom: 1px solid var(--mk-line); }
.mk-theme .mk-compare thead th { background: var(--mk-soft); font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: var(--mk-grey); font-weight: 700; }
.mk-theme .mk-compare thead th:nth-child(3) { background: var(--mk-ink); color: #fff; }
.mk-theme .mk-compare td:nth-child(2) { color: var(--mk-muted); }
.mk-theme .mk-compare td:nth-child(3) { color: var(--mk-ink); font-weight: 600; }
.mk-theme .mk-compare tbody tr:last-child td { border-bottom: 0; }

/* FAQ */
.mk-theme .mk-faq { display: grid; gap: 12px; max-width: 900px; margin-inline: auto; }
.mk-theme .mk-faq details {
	background: #fff;
	border: 1px solid var(--mk-line);
	border-radius: 14px;
	padding: 20px 24px;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.mk-theme .mk-faq details[open] { border-color: #d5d6da; box-shadow: var(--mk-shadow); }
.mk-theme .mk-faq summary {
	cursor: pointer;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	font-family: var(--mk-font-display);
	font-size: 17.5px;
	font-weight: 700;
	color: var(--mk-ink);
}
.mk-theme .mk-faq summary::-webkit-details-marker { display: none; }
.mk-theme .mk-faq summary::after {
	content: "+";
	font-size: 20px;
	font-weight: 600;
	color: var(--mk-gold);
	flex: none;
	line-height: 1;
}
.mk-theme .mk-faq details[open] summary::after { content: "–"; }
.mk-theme .mk-faq .mk-faq-a { margin: 14px 0 0; font-size: 16px; color: var(--mk-body); }

/* Contact cards + form */
.mk-theme .mk-contact-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-bottom: 56px; }
.mk-theme .mk-contact-card { background: #fff; border: 1px solid var(--mk-line); border-radius: 18px; padding: 28px; }
.mk-theme .mk-contact-card h3 { font-size: 18px; margin: 16px 0 6px; }
.mk-theme .mk-contact-card p { font-size: 15px; margin: 0 0 14px; }
.mk-theme .mk-contact-card a { font-size: 15px; font-weight: 700; color: var(--mk-ink); border-bottom: 1px solid var(--mk-gold); padding-bottom: 2px; }
.mk-theme .mk-contact-card a:hover { color: var(--mk-gold); }

.mk-theme .mk-form { background: #fff; border: 1px solid var(--mk-line); border-radius: 22px; padding: 38px; }
.mk-theme .mk-form h2 { font-size: 26px; margin: 0 0 8px; }
.mk-theme .mk-form > p { margin: 0 0 24px; font-size: 15.5px; }
.mk-theme .mk-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.mk-theme .mk-field { display: grid; gap: 8px; margin-bottom: 18px; }
.mk-theme .mk-field > span { font-size: 13.5px; font-weight: 600; color: var(--mk-ink); letter-spacing: .02em; }
.mk-theme .mk-field input,
.mk-theme .mk-field select,
.mk-theme .mk-field textarea {
	width: 100%;
	height: 52px;
	padding: 0 16px;
	border: 1px solid var(--mk-line);
	border-radius: 12px;
	background: var(--mk-soft);
	font-family: var(--mk-font-body);
	font-size: 16px;
	color: var(--mk-ink);
	transition: border-color .2s ease, background .2s ease;
}
.mk-theme .mk-field textarea { height: auto; min-height: 130px; padding: 14px 16px; resize: vertical; }
.mk-theme .mk-field input:focus,
.mk-theme .mk-field select:focus,
.mk-theme .mk-field textarea:focus { outline: 0; border-color: var(--mk-grey); background: #fff; }

.mk-theme .mk-hp { position: absolute; left: -9999px; height: 0; overflow: hidden; }
.mk-theme .mk-form .mk-btn { width: auto; min-width: 210px; }

/* DNS tool */
.mk-theme .mk-tool { background: #fff; border: 1px solid var(--mk-line); border-radius: 22px; padding: 34px; box-shadow: var(--mk-shadow); }
.mk-theme .mk-tool .jt-dns-widget { max-width: 100%; }

/* ---------- Footer ------------------------------------------------------- */

.mk-theme .mk-footer {
	background: var(--mk-ink);
	color: #b9bcc1;
	position: relative;
	overflow: hidden;
	padding: 0;
}

.mk-theme .mk-footer-shape { position: absolute; right: -60px; top: -40px; opacity: .35; pointer-events: none; }
.mk-theme .mk-footer-shape img { width: 260px; }

.mk-theme .mk-footer-top { padding: 74px 0 54px; position: relative; z-index: 1; }
.mk-theme .mk-footer-logo img { height: 72px; width: auto; display: block; margin-bottom: 20px; }
.mk-theme .mk-footer-brand p { color: #b0b3b8; font-size: 15.5px; line-height: 1.7; margin: 0 0 22px; max-width: 340px; }

.mk-theme .mk-footer-social { display: flex; gap: 10px; }
.mk-theme .mk-footer-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .16);
	color: #fff;
	font-size: 13px;
	transition: background .2s ease, border-color .2s ease;
}
.mk-theme .mk-footer-social a:hover { background: var(--mk-grey); border-color: var(--mk-grey); }

.mk-theme .mk-footer-title { color: #fff; font-size: 16px; font-weight: 700; margin: 6px 0 22px; letter-spacing: .01em; }

.mk-theme .mk-footer-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; }
.mk-theme .mk-footer-list a { color: #b0b3b8; font-size: 15.5px; transition: color .2s ease, padding-left .2s ease; }
.mk-theme .mk-footer-list a:hover { color: #fff; padding-left: 4px; }

.mk-theme .mk-footer-contact { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.mk-theme .mk-footer-contact li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; color: #b0b3b8; }
.mk-theme .mk-footer-icon { color: var(--mk-gold); flex: none; margin-top: 2px; }
.mk-theme .mk-footer-icon .mk-svg { width: 17px; height: 17px; }
.mk-theme .mk-footer-contact a { color: #d7d9dd; }
.mk-theme .mk-footer-contact a:hover { color: #fff; }

.mk-theme .mk-copyright {
	background: #191b1e;
	border-top: 1px solid rgba(255, 255, 255, .07);
	padding: 20px 0;
}

.mk-theme .mk-copyright .copyright-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
}

.mk-theme .mk-copyright p { margin: 0; font-size: 14px; color: #93969b; }
.mk-theme .mk-copyright .mk-lang { border-color: rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .05); }
.mk-theme .mk-copyright .mk-lang-link { color: #c3c6ca; }
.mk-theme .mk-copyright .mk-lang-link.is-active { background: #fff; color: var(--mk-ink); }

/* ---------- Floating call-back form -------------------------------------- */

.mk-theme .mk-callback {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 900;
	font-family: var(--mk-font-body);
}

.mk-theme .mk-callback-toggle {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 22px 14px 16px;
	border: 0;
	border-radius: 40px;
	background: var(--mk-ink);
	color: #fff;
	font-family: var(--mk-font-body);
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	box-shadow: 0 18px 34px -18px rgba(32, 35, 38, .8);
	transition: transform .2s ease, background .2s ease;
}

.mk-theme .mk-callback-toggle:hover { transform: translateY(-2px); background: var(--mk-gold); color: var(--mk-ink); }
.mk-theme .mk-callback-toggle:hover .mk-callback-icon { background: rgba(32, 35, 38, .12); }
.mk-theme .mk-callback-icon { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(255, 255, 255, .12); }
.mk-theme .mk-callback-icon .mk-svg { width: 16px; height: 16px; color: var(--mk-gold); }

.mk-theme .mk-callback-panel {
	position: absolute;
	right: 0;
	bottom: calc(100% + 14px);
	width: 352px;
	max-width: calc(100vw - 32px);
	background: #fff;
	border: 1px solid var(--mk-line);
	border-radius: 20px;
	padding: 26px 24px 22px;
	box-shadow: 0 30px 60px -24px rgba(32, 35, 38, .45);
	animation: mk-pop .18s ease;
}

@keyframes mk-pop {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: none; }
}

.mk-theme .mk-callback-close {
	position: absolute;
	top: 10px;
	right: 12px;
	border: 0;
	background: none;
	font-size: 24px;
	line-height: 1;
	color: var(--mk-muted);
	cursor: pointer;
	padding: 4px;
}
.mk-theme .mk-callback-close:hover { color: var(--mk-ink); }

.mk-theme .mk-callback-title { font-size: 21px; margin: 0 0 6px; }
.mk-theme .mk-callback-lead { font-size: 14px; margin: 0 0 18px; color: var(--mk-muted); }
.mk-theme .mk-callback-form .mk-field { margin-bottom: 14px; }
.mk-theme .mk-callback-form .mk-field input,
.mk-theme .mk-callback-form .mk-field select { height: 48px; font-size: 15px; }
.mk-theme .mk-callback-submit {
	width: 100%;
	height: 50px;
	border: 0;
	border-radius: 40px;
	background: var(--mk-ink);
	color: #fff;
	font-family: var(--mk-font-body);
	font-size: 15.5px;
	font-weight: 600;
	cursor: pointer;
	transition: background .2s ease, transform .2s ease;
}
.mk-theme .mk-callback-submit:hover { background: var(--mk-gold); color: var(--mk-ink); transform: translateY(-1px); }
.mk-theme .mk-callback-note { font-size: 12px; color: var(--mk-muted); margin: 10px 0 0; text-align: center; }
.mk-theme .mk-callback-status { font-size: 13.5px; margin: 10px 0 0; min-height: 0; }
.mk-theme .mk-callback-status.is-ok { color: #2f7d4f; }
.mk-theme .mk-callback-status.is-error { color: #b4443a; }

/* ---------- Responsive --------------------------------------------------- */

@media (max-width: 1200px) {
	.mk-theme .menu-ul > li > a { padding: 10px 8px; font-size: 15px; }
	.mk-theme .header-nav { gap: 16px; }
	.mk-theme .mk-team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Seven menu items, the switcher and the call-to-action have to share one row
   between the stacked menu and the full desktop header. Tighten them rather
   than letting the menu break into two lines. */
@media (min-width: 1025px) and (max-width: 1300px) {
	.mk-theme .theme-main-menu .manu-wrapper { gap: 18px; }
	.mk-theme .header-nav { gap: 12px; }
	.mk-theme .theme-main-header .theme-main-menu .manu-wrapper .menu-ul { flex-wrap: nowrap; }
	.mk-theme .theme-main-header .theme-main-menu .manu-wrapper .menu-ul > li > a {
		padding: 9px 9px;
		font-size: 14.5px;
		white-space: nowrap;
	}
	.mk-theme .mk-lang-link { padding: 5px 10px; font-size: 12.5px; }
	.mk-theme .menu-button .header-button { height: 44px; padding: 0 18px; font-size: 14px; white-space: nowrap; }
}

@media (max-width: 1024px) {
	.mk-theme .mk-hero .banner-description p { width: 100%; }
	.mk-theme .mk-banner-accent { display: none; }
	.mk-theme .mk-about-grid { grid-template-columns: 1fr; gap: 46px; }
	.mk-theme .mk-about-media { max-width: 520px; }
	.mk-theme .mk-service-grid { grid-template-columns: 1fr; }
	.mk-theme .mk-price-grid { grid-template-columns: 1fr; max-width: 520px; margin-inline: auto; }
	.mk-theme .mk-quote-grid { grid-template-columns: 1fr; max-width: 620px; margin-inline: auto; }
	.mk-theme .mk-counter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px; }
	.mk-theme .mk-contact-grid { grid-template-columns: 1fr; }
	.mk-theme .mk-card-grid,
	.mk-theme .mk-card-grid--3,
	.mk-theme .mk-card-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mk-theme .mk-split { grid-template-columns: 1fr; gap: 34px; }
	.mk-theme .mk-cta-inner { flex-direction: column; align-items: flex-start; padding: 44px 36px; }
}

/* Tablets: the ribbon no longer leaves room beside the copy, so the banner
   stacks — copy first, photograph underneath — exactly as it does on phones. */
@media (min-width: 761px) and (max-width: 1024px) {
	.mk-theme .mk-hero {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		padding: 0 0 44px;
	}
	.mk-theme .mk-hero .banner-content {
		order: 1;
		max-width: 640px;
		padding: clamp(96px, 12vw, 120px) 0 0;
	}
	.mk-theme .mk-hero .banner-title h1 { font-size: clamp(36px, 5.6vw, 54px); line-height: 1.2; }
}

/* Below 1025px there is no room beside the photograph, so the banner stacks:
   the copy takes the top of the section on white and the artwork runs as a
   full-width band underneath at its own ratio. Nothing is cropped, so all
   three faces stay visible on tablets and phones. */
@media (max-width: 1024px) {
	.mk-theme .mk-hero {
		display: block;
		min-height: 0;
		padding: 0 0 calc(100vw / 2.0122 + 32px);

		/* Two layers, same artwork: the copy field (the banner's open left
		   side) fills the section behind the text, and the whole banner sits
		   as a band at the bottom so the group portrait still reads. */
		background-color: #fff;
		background-image:
			url(../../../../uploads/jt-brand/hero/corporate-banner-animated.svg),
			url(../../../../uploads/jt-brand/hero/corporate-banner-animated.svg);
		background-position: center bottom, left top;
		background-size: 100% auto, cover;
		background-repeat: no-repeat, no-repeat;
	}

	/* The banner slides up under the transparent menu, so the copy needs its own
	   clearance or the eyebrow sits behind the logo. */
	.mk-theme .mk-hero .banner-content { padding-top: clamp(104px, 16vw, 132px); }
}

/* Phones: the band is dropped. The banner itself is the background behind the
   copy, so the section ends with the text instead of showing the artwork a
   second time underneath it. Anchored left at full height, the visible slice
   is the open field the copy sits in. */
@media (max-width: 760px) {
	.mk-theme .mk-hero {
		padding-bottom: 36px;
		background-image: url(../../../../uploads/jt-brand/hero/corporate-banner-animated.svg);
		background-position: left top;
		background-size: cover;
		background-repeat: no-repeat;
	}
}	@media (max-width: 1080px) {
	.mk-theme .theme-main-menu .manu-wrapper { min-height: 74px; }
	.mk-theme .site-branding img { height: 62px; }

	.mk-theme .theme-main-header .theme-main-menu .menu-toggle { display: inline-flex; }
	.mk-theme .main-navigation { margin-left: auto; }

	/* The parent theme re-asserts display:flex on .header-nav with a longer
	   selector, so the collapsed panel has to out-specify it. */
	.mk-theme .theme-main-header .theme-main-menu .main-navigation .header-nav {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		display: none;
		max-height: calc(100vh - 120px);
		overflow-y: auto;
		flex-direction: column;
		align-items: stretch;
		gap: 14px;
		padding: 18px 20px 26px;
		background: #fff;
		border-bottom: 1px solid var(--mk-line);
		box-shadow: 0 24px 40px -28px rgba(32, 35, 38, .4);
		z-index: 40;
	}

	.mk-theme .theme-main-header .theme-main-menu .main-navigation .header-nav.is-open { display: flex; }

	.mk-theme .menu-ul { flex-direction: column; align-items: stretch; gap: 0; }
	.mk-theme .menu-ul > li > a { display: block; padding: 13px 4px; border-bottom: 1px solid var(--mk-line); font-size: 16px; border-radius: 0; }
	.mk-theme .menu-ul > li > a::after { display: none; }

	.mk-theme .mk-lang { align-self: flex-start; }
	.mk-theme .menu-button { width: 100%; }
	.mk-theme .menu-button .header-button { width: 100%; }
}

@media (max-width: 760px) {
	.mk-theme { font-size: 16px; }
	.mk-theme .mk-services,
	.mk-theme .mk-team,
	.mk-theme .mk-pricing,
	.mk-theme .mk-testimonials,
	.mk-theme .mk-about,
	.mk-theme .mk-section { padding: 62px 0; }

	.mk-theme .mk-hero .banner-title h1 { font-size: clamp(31px, 8.8vw, 44px); line-height: 1.14; }

	.mk-theme .mk-partner-row { justify-content: center; gap: 18px 30px; }
	.mk-theme .mk-partner { font-size: 17px; }

	.mk-theme .mk-service-card { padding: 30px 26px; }
	.mk-theme .mk-team-grid,
	.mk-theme .mk-card-grid,
	.mk-theme .mk-card-grid--3,
	.mk-theme .mk-card-grid--4 { grid-template-columns: 1fr; }

	.mk-theme .mk-counter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mk-theme .mk-about-badge { right: 0; bottom: 16px; padding: 14px 16px; max-width: 210px; }
	.mk-theme .mk-about-photo { border-radius: 16px 16px 90px 16px; }
	.mk-theme .mk-about-actions { gap: 18px; }
	.mk-theme .mk-cta { padding-bottom: 62px; }
	.mk-theme .mk-cta-inner { padding: 34px 26px; border-radius: 20px; }
	.mk-theme .mk-form-row { grid-template-columns: 1fr; }
	.mk-theme .mk-form { padding: 26px 22px; }
	.mk-theme .mk-page-hero { padding: 60px 0 54px; }
	.mk-theme .mk-page-hero p { font-size: 16px; }
	.mk-theme .mk-footer-top { padding: 52px 0 34px; }
	.mk-theme .mk-copyright .copyright-wrapper { flex-direction: column; align-items: flex-start; gap: 12px; }

	.mk-theme .mk-callback { right: 16px; bottom: 16px; }
	.mk-theme .mk-callback-label { display: none; }
	.mk-theme .mk-callback-toggle { padding: 14px; }
	.mk-theme .mk-callback-icon { width: 26px; height: 26px; }
	.mk-theme .mk-callback-panel { width: calc(100vw - 32px); right: -8px; }
}

@media (prefers-reduced-motion: reduce) {
	.mk-theme *,
	.mk-theme *::before,
	.mk-theme *::after { animation: none !important; transition: none !important; }
}

/* ==========================================================================
   Layout guards — the reference's own section rules are quite specific, so the
   few structural differences are stated here with matching weight.
   ========================================================================== */

/* The reference's hover plates are back on service and team cards (gold
   sweep, dark text); the testimonial decoration stays off. */
.mk-theme .mk-quote-grid .testimonial-section .testimonial-single-content::before {
	content: none;
	background: none;
}

/* Services */
.mk-theme .mk-service-card { text-align: left; }
.mk-theme .mk-service-card .service-icon-img { margin: 0 0 24px; }
.mk-theme .mk-service-card .service-title h2,
.mk-theme .mk-service-card .service-description p { text-align: left; }

/* Team: the reference card is a horizontal row; ours is a portrait card. */
.mk-theme .mk-team-grid .team-section { padding: 0; }
.mk-theme .mk-team-grid .team-inner-box { display: block; }
.mk-theme .mk-team-grid .team-member-image { width: 100%; line-height: 0; }
.mk-theme .mk-team-grid .team-member-image img { width: 100%; aspect-ratio: 1 / 1.16; object-fit: cover; }

/* Quotes: the reference wraps each quote in its own padded surface. */
.mk-theme .mk-quote-grid .testimonial-single-content {
	padding: 0;
	margin: 0;
	background: none;
	border-radius: 0;
	display: flex;
	flex-direction: column;
}
.mk-theme .mk-quote-grid .testimonial-section { margin: 0; }

/* Reveal */
.mk-theme .mk-reveal { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; }
.mk-theme .mk-reveal.is-in { opacity: 1; transform: none; }

/* Go to top: only after a scroll, like the reference. */
.mk-theme .go-to-top { opacity: 0; visibility: hidden; transition: opacity .2s ease; }
.mk-theme .go-to-top:has(.go-top.is-visible) { opacity: 1; visibility: visible; }

/* About page values and numbered cards */
.mk-theme .mk-values { display: grid; gap: 16px; margin-top: 26px; }
.mk-theme .mk-value { display: flex; gap: 12px; align-items: flex-start; }
.mk-theme .mk-value h3 { font-size: 16.5px; margin: 0 0 3px; }
.mk-theme .mk-value p { margin: 0; font-size: 15px; }
.mk-theme .mk-value-list { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 8px; }
.mk-theme .mk-value-list li { position: relative; padding-left: 18px; font-size: 15px; line-height: 1.55; }
.mk-theme .mk-value-list li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: var(--mk-gold); }

.mk-theme .mk-card-num {
	display: inline-block;
	font-family: var(--mk-font-display);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .12em;
	color: var(--mk-gold);
	margin-bottom: 12px;
}

/* About page: the four sectors, two cards per row on a wide screen. */
.mk-theme .mk-sector-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	margin-top: 36px;
}

.mk-theme .mk-sector {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--mk-line);
	border-radius: 22px;
	padding: 30px 30px 26px;
}

.mk-theme .mk-sector-num {
	font-family: var(--mk-font-display);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .12em;
	color: var(--mk-gold-2);
	margin-bottom: 10px;
}

.mk-theme .mk-sector h3 {
	font-family: var(--mk-font-display);
	font-size: 20px;
	line-height: 1.3;
	margin: 0 0 10px;
}

.mk-theme .mk-sector-text { margin: 0 0 6px; font-size: 15px; line-height: 1.6; }

.mk-theme .mk-sector h4 {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--mk-grey);
	margin: 18px 0 8px;
}

.mk-theme .mk-sector-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }

.mk-theme .mk-sector-list li {
	position: relative;
	padding-left: 18px;
	font-size: 14.5px;
	line-height: 1.5;
}

.mk-theme .mk-sector-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--mk-gold);
}

.mk-theme .mk-sector-targets { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--mk-grey); }

@media (max-width: 900px) {
	.mk-theme .mk-sector-grid { grid-template-columns: 1fr; }
	.mk-theme .mk-sector { padding: 24px 22px; }
}

/* Contact page office column */
.mk-theme .mk-office { background: var(--mk-soft); border: 1px solid var(--mk-line); border-radius: 22px; padding: 38px; }
.mk-theme .mk-office h3 { font-size: 20px; margin: 26px 0 6px; }
.mk-theme .mk-office p { margin: 0; }
.mk-theme .mk-office-contact { margin-top: 22px; }
.mk-theme .mk-office-contact a { color: var(--mk-ink); font-weight: 600; }

@media (max-width: 760px) {
	.mk-theme .mk-office { padding: 26px 22px; }
}

/* ---------- DNS checker --------------------------------------------------- */

.mk-theme .jt-dns-checker { width: 100%; max-width: 900px; margin: 0 auto; }

.mk-theme .jt-dns-label {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--mk-grey);
	margin-bottom: 10px;
}

.mk-theme .jt-dns-row { display: flex; gap: 12px; flex-wrap: wrap; }
.mk-theme .jt-dns-row input {
	flex: 1 1 280px;
	height: 54px;
	padding: 0 18px;
	border: 1px solid var(--mk-line);
	border-radius: 12px;
	background: var(--mk-soft);
	color: var(--mk-ink);
	font-family: var(--mk-font-body);
	font-size: 16px;
	outline: 0;
	transition: border-color .2s ease, background .2s ease;
}
.mk-theme .jt-dns-row input:focus { border-color: var(--mk-grey); background: #fff; }

.mk-theme .jt-dns-submit {
	height: 54px;
	padding: 0 26px;
	border: 0;
	border-radius: 40px;
	background: linear-gradient(135deg, var(--mk-grey) 0%, var(--mk-grey-2) 100%);
	color: #fff;
	font-family: var(--mk-font-body);
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: transform .2s ease, background .2s ease;
}
.mk-theme .jt-dns-submit:hover { transform: translateY(-2px); background: var(--mk-ink); }

.mk-theme .jt-dns-invalid { color: #b4443a; margin-top: 12px; font-size: 15px; }
.mk-theme .jt-dns-status { color: var(--mk-muted); margin-top: 16px; font-size: 14px; }

.mk-theme .jt-dns-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 14px; margin-top: 24px; }

.mk-theme .jt-dns-item {
	background: var(--mk-soft);
	border: 1px solid var(--mk-line);
	border-radius: 14px;
	padding: 18px 20px;
}

.mk-theme .jt-dns-item-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 10px; }
.mk-theme .jt-dns-key { font-size: 11.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--mk-grey); }
.mk-theme .jt-dns-val { margin: 0; white-space: pre-wrap; word-break: break-all; color: var(--mk-ink); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12.5px; line-height: 1.65; }

.mk-theme .jt-badge { padding: 3px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.mk-theme .jt-badge-pass { background: rgba(47, 125, 79, .12); color: #2f7d4f; }
.mk-theme .jt-badge-warn { background: rgba(200, 148, 24, .14); color: #94700f; }
.mk-theme .jt-badge-fail { background: rgba(180, 68, 58, .12); color: #b4443a; }

.mk-theme .jt-dns-verdict { margin-top: 22px; border-radius: 16px; padding: 22px 24px; border: 1px solid var(--mk-line); background: var(--mk-soft); }
.mk-theme .jt-dns-verdict.is-risk { border-color: rgba(180, 68, 58, .35); background: rgba(180, 68, 58, .05); }
.mk-theme .jt-dns-verdict.is-secure { border-color: rgba(47, 125, 79, .35); background: rgba(47, 125, 79, .05); }
.mk-theme .jt-dns-verdict-text { margin: 0 0 14px; color: var(--mk-ink); font-size: 16.5px; }
.mk-theme .jt-dns-cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--mk-ink);
	color: #fff;
	font-weight: 600;
	font-size: 14.5px;
	border-radius: 40px;
	padding: 10px 20px;
	transition: transform .2s ease, background .2s ease;
}
.mk-theme .jt-dns-cta:hover { transform: translateY(-2px); background: var(--mk-grey-2); color: #fff; }
.mk-theme .jt-dns-meta { margin: 14px 0 0; color: var(--mk-muted); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }

@media (max-width: 600px) {
	.mk-theme .jt-dns-row { flex-direction: column; }
	.mk-theme .jt-dns-submit { width: 100%; }
	.mk-theme .jt-dns-grid { grid-template-columns: 1fr; }
}

/* Inner-page hero decoration sits behind the copy, never in the flow. */
.mk-theme .mk-page-hero .bannar-shape,
.mk-theme .mk-page-hero .bannar-shapes3,
.mk-theme .mk-page-hero .bannar-shape2 { position: absolute; pointer-events: none; z-index: 0; }
.mk-theme .mk-page-hero .bannar-shape { right: 6%; top: 40px; opacity: .55; }
.mk-theme .mk-page-hero .bannar-shape img { width: 64px; }
.mk-theme .mk-page-hero .bannar-shapes3 { right: -30px; bottom: -20px; opacity: .7; }
.mk-theme .mk-page-hero .bannar-shapes3 img { width: 180px; }
.mk-theme .mk-page-hero .bannar-shape2 { left: -40px; top: 30px; opacity: .45; }
.mk-theme .mk-page-hero .bannar-shape2 img { width: 90px; }

@media (max-width: 760px) {
	.mk-theme .mk-page-hero .bannar-shape,
	.mk-theme .mk-page-hero .bannar-shapes3,
	.mk-theme .mk-page-hero .bannar-shape2 { display: none; }
}

/* Parent surfaces that default to flex would shrink our content columns. */
.mk-theme .mk-service-card,
.mk-theme .mk-quote-grid .testimonial-section { display: block; }
.mk-theme .mk-price-grid details:not([open]) > .mk-plan-specs { display: none; }


/* ---------- Bangla type --------------------------------------------------
   Bengali is not Latin with different letters. The matra line needs clearance
   above and below, clusters sit lower on the body, and the Latin leading the
   reference is set to (1.2 on the hero, 1.6 on body copy) crowds it until the
   type reads machine-set.

   So the Bangla pages set their own pair instead of borrowing the Latin one:
   Noto Serif Bengali takes every display slot — page titles, section heads,
   prices, card titles — where its calligraphic contrast carries the page like
   the Latin display face does, while Mukta, drawn for Bangla text, sets the
   body, nav, buttons and form copy. The two Latin slots below are repointed at
   them, so every element that asks for the display or body face picks up the
   Bengali face instead of silently dropping to a system font.

   This block sits last on purpose: section rules above (and the hero's own
   .mk-hero .banner-title rule) set the Latin display face on the same
   selectors, so the few that match it exactly win on order rather than by
   piling on specificity.
   ------------------------------------------------------------------------- */
.mk-theme.mk-lang-bn {
	--mk-font-display: var(--mk-font-bn-display);
	--mk-font-body: var(--mk-font-bn);

	font-size: 17.5px;
	line-height: 1.85;
}
.mk-theme.mk-lang-bn h1,
.mk-theme.mk-lang-bn h2,
.mk-theme.mk-lang-bn h3,
.mk-theme.mk-lang-bn h4,
.mk-theme.mk-lang-bn h5,
.mk-theme.mk-lang-bn .mk-h2,
.mk-theme.mk-lang-bn .banner-title h1,
.mk-theme.mk-lang-bn .banner-title h2,
.mk-theme.mk-lang-bn .mk-hero .banner-title h2,
.mk-theme.mk-lang-bn .pricing-name h3,
.mk-theme.mk-lang-bn .pricing-title h3,
.mk-theme.mk-lang-bn .pricing-title p,
.mk-theme.mk-lang-bn .pricing-price,
.mk-theme.mk-lang-bn .service-title h2,
.mk-theme.mk-lang-bn .service-title h3,
.mk-theme.mk-lang-bn .team-member-name h3,
.mk-theme.mk-lang-bn .mk-counter-number,
.mk-theme.mk-lang-bn .mk-news-title,
.mk-theme.mk-lang-bn .mk-case-title,
.mk-theme.mk-lang-bn .mk-pricing-title,
.mk-theme.mk-lang-bn .mk-plan-name,
.mk-theme.mk-lang-bn .mk-page-title,
.mk-theme.mk-lang-bn .mk-cta-copy h2,
.mk-theme.mk-lang-bn .icon-box-title h3,
.mk-theme.mk-lang-bn .about-author h3,
.mk-theme.mk-lang-bn .accordion-title h3 {
	font-family: var(--mk-font-bn-display);
	letter-spacing: 0;
}

/* Bengali heads need the extra leading; the counter and price slots keep the
   tight Latin values above, where a single line is the point. */
.mk-theme.mk-lang-bn h1,
.mk-theme.mk-lang-bn h2,
.mk-theme.mk-lang-bn h3,
.mk-theme.mk-lang-bn h4,
.mk-theme.mk-lang-bn .mk-h2,
.mk-theme.mk-lang-bn .banner-title h1,
.mk-theme.mk-lang-bn .banner-title h2,
.mk-theme.mk-lang-bn .service-title h2,
.mk-theme.mk-lang-bn .service-title h3,
.mk-theme.mk-lang-bn .mk-cta-copy h2,
.mk-theme.mk-lang-bn .mk-plan-name,
.mk-theme.mk-lang-bn .mk-news-title,
.mk-theme.mk-lang-bn .mk-case-title,
.mk-theme.mk-lang-bn .mk-page-title,
.mk-theme.mk-lang-bn .icon-box-title h3,
.mk-theme.mk-lang-bn .about-author h3,
.mk-theme.mk-lang-bn .accordion-title h3 {
	line-height: 1.34;
}

/* The section buttons are set in Urbanist by section-style.css, so Bengali
   copy inside them would otherwise fall back to a system face. */
.mk-theme.mk-lang-bn .banner-button a,
.mk-theme.mk-lang-bn .banner-button2 a,
.mk-theme.mk-lang-bn .single-button .button-content a,
.mk-theme.mk-lang-bn .service-button a,
.mk-theme.mk-lang-bn .pricing-button,
.mk-theme.mk-lang-bn .pricing-contact-button a,
.mk-theme.mk-lang-bn .list-section .single-list-content li a {
	font-family: var(--mk-font-bn);
}

/* Body copy loosens as well: the reference's 26px leading is set for Latin, and
   at 17px it leaves a Bengali second line sitting on the matra above it. */
.mk-theme.mk-lang-bn p,
.mk-theme.mk-lang-bn li,
.mk-theme.mk-lang-bn .banner-description p,
.mk-theme.mk-lang-bn .service-description p,
.mk-theme.mk-lang-bn .mk-head-lead,
.mk-theme.mk-lang-bn .mk-section-lead,
.mk-theme.mk-lang-bn .mk-about-lead,
.mk-theme.mk-lang-bn .pricing-tab-desc,
.mk-theme.mk-lang-bn .pricing-tagline,
.mk-theme.mk-lang-bn .testi-description p {
	line-height: 1.8;
}

/* Form labels are single-line, so they only need enough room to clear the
   diacritics rather than the full body leading. */
.mk-theme.mk-lang-bn .mk-callback-form .mk-field > span,
.mk-theme.mk-lang-bn .mk-callback-label,
.mk-theme.mk-lang-bn .mk-callback-submit {
	line-height: 1.45;
}

/* ==========================================================================
   Analytics consent bar (inc/analytics.php, assets/js/mk-analytics.js)

   The bar ships hidden and only the module shows it, so it never appears for
   a visitor who has already answered or one without JavaScript.
   ========================================================================== */

.mk-theme .mk-consent {
	position: fixed;
	left: 16px;
	right: 16px;
	bottom: 16px;
	z-index: 950;
	background: var(--mk-ink);
	color: #F5F4F0;
	border-radius: var(--mk-radius);
	box-shadow: 0 24px 48px -28px rgba(0, 0, 0, .55);
	font-family: var(--mk-font-body);
}

.mk-theme .mk-consent[hidden] { display: none; }

.mk-theme .mk-consent .container { max-width: none; width: auto; padding: 0; }

.mk-theme .mk-consent-inner {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 16px 20px;
}

.mk-theme .mk-consent-text {
	margin: 0;
	flex: 1 1 auto;
	font-size: 15px;
	line-height: 1.55;
	color: #E7E5DF;
}

.mk-theme.mk-lang-bn .mk-consent-text { line-height: 1.8; }

.mk-theme .mk-consent-text a {
	color: var(--mk-gold);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.mk-theme .mk-consent-actions {
	display: flex;
	gap: 10px;
	flex: 0 0 auto;
}

.mk-theme .mk-consent-actions button {
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	padding: 10px 18px;
	border-radius: 999px;
	border: 1px solid transparent;
	cursor: pointer;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.mk-theme .mk-consent-accept {
	background: var(--mk-gold);
	color: var(--mk-ink);
}

.mk-theme .mk-consent-accept:hover { background: var(--mk-gold-2); }

.mk-theme .mk-consent-decline {
	background: transparent;
	color: #E7E5DF;
	border-color: #55585C;
}

.mk-theme .mk-consent-decline:hover { border-color: #8B8E93; color: #fff; }

.mk-theme .mk-consent-actions button:focus-visible {
	outline: 2px solid var(--mk-gold);
	outline-offset: 2px;
}

/* The call-back button is fixed bottom-right; step it over the bar. */
.mk-theme.mk-consent-visible .mk-callback { bottom: 120px; }

@media (max-width: 782px) {
	.mk-theme .mk-consent {
		left: 10px;
		right: 10px;
		bottom: 10px;
	}

	.mk-theme .mk-consent-inner {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		padding: 14px 16px;
	}

	.mk-theme .mk-consent-actions button { flex: 1 1 0; }

	.mk-theme.mk-consent-visible .mk-callback { bottom: 210px; }
}

/* ==========================================================================
   Header, floating controls and the dynamic plan cards.
   ========================================================================== */

/* Sticky navigation is the parent theme's own `.is-sticky` + placeholder
   mechanism (theme-customize.js); the header must stay in flow so the
   placeholder keeps the page from jumping. The child theme's own
   `position: relative` on `.theme-main-menu` beat the parent's fixed rule,
   which left the sticky placeholder as an empty band above the menu. */
.mk-theme .theme-main-menu.is-sticky,
.mk-theme.home .theme-main-menu.is-sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999;
	background: #fff;
	border-bottom-color: var(--mk-line);
	box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
}

/* Signed-in editors get the toolbar above the fixed menu. */
.admin-bar .mk-theme .theme-main-menu.is-sticky { top: 32px; }

@media (max-width: 782px) {
	.admin-bar .mk-theme .theme-main-menu.is-sticky { top: 46px; }
}

/* The two floating controls: go-to-top always sits above the call-back chip. */
@media (min-width: 761px) {
	.mk-theme .go-to-top { right: 24px; bottom: 96px; }
	.mk-theme.mk-consent-visible .go-to-top { bottom: 190px; }
}

@media (max-width: 760px) {
	.mk-theme .go-to-top { right: 16px; bottom: 86px; width: 132px; height: 38px; line-height: 38px; }
	.mk-theme.mk-consent-visible .go-to-top { bottom: 278px; }

	/* The full request label, not just the phone icon. */
	.mk-theme .mk-callback-label { display: inline; }
	.mk-theme .mk-callback-toggle { padding: 14px 20px 14px 14px; }
}

/* The call-back submit is deliberately grey: it is a request, not a purchase. */
.mk-theme .mk-callback-submit { background: #6E7276; color: #fff; }
.mk-theme .mk-callback-submit:hover { background: #5A5E62; color: #fff; transform: translateY(-1px); }

/* WhatsApp secondary action, in both the floating form and the contact page. */
.mk-theme .mk-callback-wa {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	height: 46px;
	margin-top: 10px;
	border: 1px solid var(--mk-line);
	border-radius: 40px;
	background: #fff;
	color: var(--mk-ink);
	font-size: 14.5px;
	font-weight: 600;
	text-decoration: none;
	transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.mk-theme .mk-callback-wa:hover { background: #F2FBF5; border-color: #BFE8CE; color: #137A3E; }
.mk-theme .mk-callback-wa-icon,
.mk-theme .mk-btn-wa-icon { display: inline-flex; }
.mk-theme .mk-callback-wa-icon .mk-svg { width: 18px; height: 18px; color: #1E9E56; }
.mk-theme .mk-btn-wa-icon .mk-svg { width: 19px; height: 19px; color: #1E9E56; }

.mk-theme .mk-form-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px; }

.mk-theme .mk-btn--wa {
	background: #fff;
	color: var(--mk-ink);
	border: 1px solid var(--mk-line);
	box-shadow: none;
}

.mk-theme .mk-btn--wa:hover { background: #F2FBF5; border-color: #BFE8CE; color: #137A3E; }

/* Plan sections ---------------------------------------------------------- */
.mk-theme .mk-plans { padding: 88px 0; background: #fff; }
.mk-theme .mk-plans--soft { background: var(--mk-soft); border-block: 1px solid var(--mk-line); }
.mk-theme .mk-plans .mk-section-head { max-width: 780px; margin: 0 auto; text-align: center; }

/* The switch sits under the heading, centred. */
.mk-theme .mk-cycle {
	display: flex;
	width: max-content;
	margin: 24px auto 0;
	padding: 4px;
	gap: 2px;
	border: 1px solid var(--mk-line);
	border-radius: 40px;
	background: #fff;
}

.mk-theme .mk-cycle button {
	border: 0;
	background: transparent;
	padding: 9px 22px;
	border-radius: 30px;
	font-family: var(--mk-font-body);
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1;
	color: var(--mk-grey);
	cursor: pointer;
	transition: background .2s ease, color .2s ease;
}

.mk-theme .mk-cycle button:hover { color: var(--mk-ink); }
.mk-theme .mk-cycle button.is-active { background: var(--mk-ink); color: #fff; }

/* Any number of cards: three fill a row, four get their own four-up line on a
   wide screen and two-up on a tablet, five and more wrap on their own. */
.mk-theme .mk-price-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }

/* “See all plans” under the home pricing grid. */
.mk-theme .mk-plans-more { display: flex; justify-content: center; margin-top: 38px; }
.mk-theme .mk-btn-arrow { flex: 0 0 auto; transition: transform .2s ease; }
.mk-theme .mk-btn--arrow:hover .mk-btn-arrow,
.mk-theme .mk-btn--arrow:focus-visible .mk-btn-arrow { transform: translateX(4px); }

/* Three cards sit in a centred row instead of leaving a fourth column empty. */
.mk-theme .mk-service-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	max-width: 1120px;
	margin-inline: auto;
}

/* Anchor jumps clear the fixed menu. */
.mk-theme section[id] { scroll-margin-top: calc(var(--mk-menu-h) + 18px); }

@media (prefers-reduced-motion: no-preference) {
	html { scroll-behavior: smooth; }
}

@media (min-width: 1200px) {
	.mk-theme .mk-price-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 761px) and (max-width: 1199px) {
	.mk-theme .mk-price-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.mk-theme .mk-plan-amount { white-space: nowrap; }
.mk-theme .mk-plan-save { font-size: 12.5px; line-height: 1.45; }
.mk-theme .mk-plan-quote { display: inline-block; font-size: .78em; letter-spacing: -.01em; }

.mk-theme .pricing-tab-button .mk-plan-buy { margin: 0; }

.mk-theme .pricing-tab-button button {
	font-family: var(--mk-font-body);
	font-size: 17px;
	position: relative;
	padding: 12px 33px;
	border: 0;
	border-radius: 30px;
	font-weight: 600;
	background-color: #D99A121A;
	display: inline-block;
	margin-top: 24px;
	color: var(--mk-ink);
	cursor: pointer;
	transition: background .3s ease, box-shadow .3s ease;
	z-index: 1;
}

.mk-theme .pricing-tab-button button:hover { background-color: #fff; box-shadow: 0 10px 22px -16px rgba(32, 35, 38, .55); }
.mk-theme .pricing-tab-single-box:hover .pricing-tab-button button,
.mk-theme .pricing-tab-single-box.active .pricing-tab-button button { background-color: #fff; }

/* A plan already in the request keeps its chosen state, so a visitor can see
   the several services they picked without opening the cart. */
.mk-theme .pricing-tab-button.is-added button,
.mk-theme .pricing-tab-single-box:hover .pricing-tab-button.is-added button,
.mk-theme .pricing-tab-single-box.active .pricing-tab-button.is-added button {
	background-color: var(--mk-gold);
	color: var(--mk-ink);
	box-shadow: 0 10px 22px -16px rgba(32, 35, 38, .55);
}

/* WooCommerce: cart, checkout and the order received screen ----------------- */
.mk-theme.woocommerce-cart .default-page .site-main,
.mk-theme.woocommerce-checkout .default-page .site-main,
.mk-theme.woocommerce-account .default-page .site-main {
	max-width: 1240px;
	margin: 0 auto;
	padding: 64px 24px 96px;
}

.mk-theme .woocommerce table.shop_table {
	border: 1px solid var(--mk-line);
	border-radius: 16px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}

.mk-theme .woocommerce table.shop_table th { background: var(--mk-soft); }
.mk-theme .woocommerce table.shop_table td,
.mk-theme .woocommerce table.shop_table th { border-color: var(--mk-line); }

.mk-theme .woocommerce #respond input#submit,
.mk-theme .woocommerce a.button,
.mk-theme .woocommerce button.button,
.mk-theme .woocommerce input.button {
	background: var(--mk-ink);
	color: #fff;
	border: 0;
	border-radius: 40px;
	padding: 14px 28px;
	font-family: var(--mk-font-body);
	font-size: 15.5px;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	transition: background .2s ease, color .2s ease;
}

.mk-theme .woocommerce #respond input#submit:hover,
.mk-theme .woocommerce a.button:hover,
.mk-theme .woocommerce button.button:hover,
.mk-theme .woocommerce input.button:hover {
	background: var(--mk-gold);
	color: var(--mk-ink);
}

.mk-theme .woocommerce form .form-row label {
	font-size: 13.5px;
	font-weight: 600;
	color: var(--mk-ink);
	letter-spacing: .02em;
}

.mk-theme .woocommerce form .form-row input.input-text,
.mk-theme .woocommerce form .form-row textarea,
.mk-theme .woocommerce form .form-row select {
	height: 52px;
	padding: 0 16px;
	border: 1px solid var(--mk-line);
	border-radius: 12px;
	background: var(--mk-soft);
	font-family: var(--mk-font-body);
	font-size: 16px;
	color: var(--mk-ink);
}

.mk-theme .woocommerce form .form-row textarea { height: auto; min-height: 120px; padding: 14px 16px; }

.mk-theme .woocommerce form .form-row input.input-text:focus,
.mk-theme .woocommerce form .form-row textarea:focus,
.mk-theme .woocommerce form .form-row select:focus {
	outline: 0;
	border-color: var(--mk-grey);
	background: #fff;
}

.mk-theme.woocommerce-checkout form.checkout {
	display: grid;
	grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
	gap: 44px;
	align-items: start;
}

.mk-theme.woocommerce-checkout #customer_details { float: none; width: 100%; grid-column: 1; grid-row: 1 / span 2; }
.mk-theme.woocommerce-checkout #customer_details .col-1,
.mk-theme.woocommerce-checkout #customer_details .col-2 { float: none; width: 100%; }
.mk-theme.woocommerce-checkout #order_review_heading { float: none; width: 100%; grid-column: 2; grid-row: 1; margin: 0 0 12px; }
.mk-theme.woocommerce-checkout #order_review {
	float: none;
	width: 100%;
	grid-column: 2;
	grid-row: 2;
	background: var(--mk-soft);
	border: 1px solid var(--mk-line);
	border-radius: 18px;
	padding: 26px;
}

/* The plans are services, so the shop thumbnail column has nothing to show. */
.mk-theme.woocommerce-cart th.product-thumbnail,
.mk-theme.woocommerce-cart td.product-thumbnail { display: none; }

.mk-theme .woocommerce-checkout #order_review table.shop_table { border: 0; }

.mk-theme .mk-checkout-note {
	background: var(--mk-soft);
	border-left: 3px solid var(--mk-gold);
	border-radius: 0 12px 12px 0;
	padding: 16px 20px;
	margin-bottom: 28px;
	font-size: 15.5px;
}

.mk-theme .mk-checkout-fineprint { font-size: 13px; color: var(--mk-muted); margin: 10px 0 0; }

/* “Remove” beside the quantity in the checkout summary. The cart's remove
   control is a small ×; here it has room to say what it does. */
.mk-theme .woocommerce-checkout .mk-checkout-remove {
	display: inline-block;
	margin-left: 12px;
	font-size: 12.5px;
	font-weight: 500;
	color: var(--mk-muted);
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: color .2s ease, border-color .2s ease;
}

.mk-theme .woocommerce-checkout .mk-checkout-remove:hover,
.mk-theme .woocommerce-checkout .mk-checkout-remove:focus-visible {
	color: var(--mk-ink);
	border-bottom-color: currentColor;
}

.mk-theme .woocommerce-message,
.mk-theme .woocommerce-info,
.mk-theme .woocommerce-error {
	border-top-color: var(--mk-gold);
	background: var(--mk-soft);
	color: var(--mk-ink);
}

.mk-theme .mk-order-thanks {
	background: #F2FBF5;
	border: 1px solid #CBEAD6;
	border-radius: 14px;
	padding: 18px 22px;
	margin-bottom: 28px;
	color: #1F5A38;
	font-size: 15.5px;
}

@media (max-width: 900px) {
	.mk-theme.woocommerce-checkout form.checkout { grid-template-columns: 1fr; gap: 28px; }
	.mk-theme.woocommerce-checkout #customer_details,
	.mk-theme.woocommerce-checkout #order_review_heading,
	.mk-theme.woocommerce-checkout #order_review { grid-column: 1; grid-row: auto; }
}

@media (max-width: 760px) {
	.mk-theme .mk-plans { padding: 62px 0; }
	.mk-theme .mk-cycle { margin-top: 20px; }
	.mk-theme .pricing-tab-button button { width: 100%; }
	.mk-theme.woocommerce-cart .default-page .site-main,
	.mk-theme.woocommerce-checkout .default-page .site-main { padding: 40px 18px 70px; }
}

/* ---------- Floating WhatsApp -------------------------------------------- */

/* Sits on the opposite corner to the call-back chip, on every page. */
.mk-theme .mk-wa-fab {
	position: fixed;
	left: 24px;
	bottom: 24px;
	z-index: 900;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 13px 20px 13px 13px;
	border-radius: 40px;
	background: #25D366;
	color: #fff;
	font-family: var(--mk-font-body);
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	box-shadow: 0 18px 34px -18px rgba(18, 140, 74, .85);
	transition: transform .2s ease, background .2s ease;
}

.mk-theme .mk-wa-fab:hover,
.mk-theme .mk-wa-fab:focus-visible { background: #1EBE5A; color: #fff; transform: translateY(-2px); }

.mk-theme .mk-wa-fab-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .2);
}

.mk-theme .mk-wa-fab-icon .mk-svg { width: 20px; height: 20px; color: #fff; }

/* On a phone the two floating controls share the bottom edge: the WhatsApp
   chip keeps the icon only, the call-back chip keeps its full label. */
@media (max-width: 760px) {
	.mk-theme .mk-wa-fab { left: 16px; bottom: 16px; padding: 14px; }
	.mk-theme .mk-wa-fab-label { display: none; }
	.mk-theme .mk-wa-fab-icon { width: 26px; height: 26px; }
}

/* Step both chips over the analytics bar while it is on screen. */
.mk-theme.mk-consent-visible .mk-wa-fab { bottom: 120px; }

@media (max-width: 782px) {
	.mk-theme.mk-consent-visible .mk-wa-fab { bottom: 210px; }
}

/* ---------- Several plans in one visit ----------------------------------- */

/* A visitor can add plan after plan; the tray keeps the count, the running
   total and the way to checkout in view without covering the two bottom
   chips. */
.mk-theme .mk-cart-tray {
	position: fixed;
	top: calc(var(--mk-menu-h) + 14px);
	left: 50%;
	transform: translateX(-50%);
	z-index: 890;
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: calc(100vw - 32px);
	padding: 9px 10px 9px 20px;
	border-radius: 40px;
	background: var(--mk-ink);
	color: #fff;
	font-family: var(--mk-font-body);
	font-size: 14.5px;
	font-weight: 600;
	box-shadow: 0 18px 34px -20px rgba(32, 35, 38, .85);
}

.mk-theme .mk-cart-tray-text { white-space: nowrap; }

.mk-theme .mk-cart-tray-link {
	display: inline-flex;
	align-items: center;
	height: 38px;
	padding: 0 18px;
	border-radius: 30px;
	background: var(--mk-gold);
	color: var(--mk-ink);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	transition: background .2s ease;
}

.mk-theme .mk-cart-tray-link:hover { background: #fff; color: var(--mk-ink); }

.mk-theme .mk-cart-tray-close {
	flex: none;
	width: 30px;
	height: 30px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .12);
	color: #fff;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
}

.mk-theme .mk-cart-tray-close:hover { background: rgba(255, 255, 255, .24); }

/* Suggested packages above the checkout form. */
.mk-theme .mk-suggest {
	margin: 0 0 34px;
	padding: 26px 28px 28px;
	border: 1px solid var(--mk-line);
	border-radius: 22px;
	background: #fff;
}

.mk-theme .mk-suggest-head h2 { font-size: 22px; margin: 0 0 5px; }
.mk-theme .mk-suggest-head p { margin: 0 0 20px; font-size: 14.5px; color: var(--mk-muted); }

.mk-theme .mk-suggest-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.mk-theme .mk-suggest-card {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 18px;
	border: 1px solid var(--mk-line);
	border-radius: 16px;
	background: var(--mk-soft);
}

.mk-theme .mk-suggest-group {
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--mk-gold);
}

.mk-theme .mk-suggest-card h3 { font-size: 17px; margin: 2px 0 0; }

.mk-theme .mk-suggest-price {
	margin: 3px 0 12px;
	font-family: var(--mk-font-display);
	font-size: 18px;
	font-weight: 700;
	color: var(--mk-ink);
}

.mk-theme .mk-suggest-price span { font-size: 12px; font-weight: 500; color: var(--mk-muted); }
.mk-theme .mk-suggest-quote { font-size: 15px; }

.mk-theme .mk-suggest-add { margin-top: auto; }

.mk-theme .mk-suggest-add button {
	width: 100%;
	height: 40px;
	border: 0;
	border-radius: 30px;
	background: var(--mk-ink);
	color: #fff;
	font-family: var(--mk-font-body);
	font-size: 13.5px;
	font-weight: 600;
	cursor: pointer;
	transition: background .2s ease, color .2s ease;
}

.mk-theme .mk-suggest-add button:hover { background: var(--mk-gold); color: var(--mk-ink); }
.mk-theme .mk-suggest-add button:disabled { opacity: .7; cursor: progress; }

@media (max-width: 760px) {
	.mk-theme .mk-cart-tray { gap: 10px; padding-left: 16px; font-size: 13.5px; }
	.mk-theme .mk-cart-tray-link { height: 36px; padding: 0 14px; }
	.mk-theme .mk-suggest { padding: 22px 20px; }
	.mk-theme .mk-suggest-grid { grid-template-columns: 1fr; }
}