/* =============================================================
   MOTORWIN — mt_main.css
   Global base + Hero section styles
   Design tokens: navy #1a2340 | orange #f47c20 | white #ffffff
   Font: Barlow / Arial Narrow
   Breakpoints: mobile-first → 641 / 767 / 992 / 1200 / 1400
   ============================================================= */

/* -------------------------------------------------------
   CSS VARIABLES
------------------------------------------------------- */
:root {
	--mw-navy:        #1a2340;
	--mw-navy-dark:   #111827;
	--mw-orange:      #f47c20;
	--mw-orange-dark: #d96a10;
	--mw-white:       #ffffff;
	--mw-font:        'Barlow', 'Arial Narrow', Arial, sans-serif;
	--mw-container:   1400px;
}

/* -------------------------------------------------------
   GLOBAL BASE RESETS
------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }

body {
	margin: 0;
	padding: 0;
	font-family: var(--mw-font);
	color: var(--mw-navy);
	background: #fff;
}

ul { list-style: none; margin: 0; padding: 0; }
a  { text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }

.container {
	width: 100%;
	max-width: var(--mw-container);
	padding: 0 20px;
	margin: 0 auto;
}

@media (min-width: 767px)  { .container { padding: 0 35px; } }
@media (min-width: 1200px) { .container { padding: 0 40px; } }
@media (min-width: 1400px) { .container { padding: 0 60px; } }

/* -------------------------------------------------------
   HERO SLIDER
------------------------------------------------------- */

/* --- outer wrapper --- */
.mw-hero-slider {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: var(--mw-navy);
	/* mobile: image top + navy text bottom */
	min-height: 560px;
}

/* --- track holds all slides stacked --- */
.mw-hero-slider__track {
	position: relative;
	width: 100%;
	height: 100%;
}

/* -------------------------------------------------------
   SINGLE SLIDE
------------------------------------------------------- */
.mw-hero-slide {
	position: absolute;
	inset: 0;
	width: 100%;
	min-height: 560px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.6s ease;
	display: flex;
	align-items: flex-end; /* mobile: content at bottom */
}
.mw-hero-slide--active {
	opacity: 1;
	pointer-events: auto;
	position: relative; /* active slide sets the height */
}

/* --- background image --- */
.mw-hero-slide__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	display: block;
}

/* --- overlay: mobile = heavy bottom navy fade
             desktop = left-to-right navy fade --- */
.mw-hero-slide__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		105deg,
		rgba(26,35,64,0.96) 0%,
		rgba(26,35,64,0.82) 38%,
		rgba(26,35,64,0.25) 68%,
		rgba(26,35,64,0.00) 100%
	);
}

/* --- content area --- */
.mw-hero-slide__inner {
	position: relative;
	z-index: 2;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 48px;
}
.mw-hero-slide__content {
	display: flex;
	flex-direction: column;
	gap: 14px;
	max-width: 560px;
}

/* eyebrow */
.mw-hero-slide__eyebrow {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.70);
}

/* title */
.mw-hero-slide__title {
	margin: 0;
	font-size: 38px;
	font-weight: 800;
	line-height: 1.05;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}
.mw-hero-slide__title span {
	color: var(--mw-orange);
}

/* subtitle */
.mw-hero-slide__sub {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.65;
	color: rgba(255,255,255,0.80);
	display: none; /* hidden mobile, shown desktop */
}

/* badges row */
.mw-hero-slide__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.mw-hero-slide__badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.75);
}
.mw-hero-slide__badge i {
	font-size: 15px;
	color: var(--mw-orange);
}

/* CTA button */
.mw-hero-slide__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 13px 26px;
	background-color: var(--mw-orange);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 14px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
	line-height: 1;
	width: fit-content;
	transition: background-color 0.2s ease, transform 0.15s ease;
}
.mw-hero-slide__btn:hover {
	background-color: var(--mw-orange-dark);
	color: #fff;
	transform: translateY(-2px);
}
.mw-hero-slide__btn i {
	font-size: 18px;
}

/* -------------------------------------------------------
   DOTS — bottom centre, orange filled circles
------------------------------------------------------- */
.mw-hero-slider__dots {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
	z-index: 10;
}
.mw-hero-slider__dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid rgba(255,255,255,0.50);
	background: transparent;
	cursor: pointer;
	padding: 0;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}
.mw-hero-slider__dot--active {
	background-color: var(--mw-orange);
	border-color: var(--mw-orange);
}

/* -------------------------------------------------------
   ARROWS — bottom right, white square buttons
------------------------------------------------------- */
.mw-hero-slider__arrows {
	position: absolute;
	bottom: 10px;
	right: 20px;
	display: flex;
	gap: 6px;
	z-index: 10;
}
.mw-hero-slider__arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 22px;
	color: var(--mw-navy);
	transition: background-color 0.2s ease, color 0.2s ease;
	flex-shrink: 0;
}
.mw-hero-slider__arrow:hover {
	background-color: var(--mw-orange);
	color: #fff;
}


/* -------------------------------------------------------
   INTRO SECTION  (#mtw-intro)
------------------------------------------------------- */
#mtw-intro {
	background: #fff;
	padding: 60px 0;
}
 
.mtw-intro__inner {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
 
/* --- LEFT: main text --- */
.mtw-intro__main {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.mtw-intro__main p {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	color: #444;
}
.mtw-intro__lead {
	font-size: 16px !important;
	color: var(--mw-navy) !important;
	line-height: 1.6 !important;
}
.mtw-intro__lead strong {
	color: var(--mw-navy);
	font-weight: 700;
}
 
/* support callout */
.mtw-intro__support {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 18px 20px;
	background: #f7f8fc;
	border-left: 3px solid var(--mw-orange);
	border-radius: 0 6px 6px 0;
	margin-top: 8px;
}
.mtw-intro__support > i {
	font-size: 26px;
	color: var(--mw-orange);
	flex-shrink: 0;
	margin-top: 2px;
}
.mtw-intro__support div {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.mtw-intro__support strong {
	font-size: 15px;
	color: var(--mw-navy);
	font-weight: 700;
}
.mtw-intro__support p {
	margin: 0;
	font-size: 14px;
	color: #555;
	line-height: 1.6;
}
 
/* --- RIGHT: gov box --- */
.mtw-intro__gov-box {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 28px 24px;
	border: 1px solid #e8eaf0;
	border-radius: 8px;
	background: #f7f8fc;
	position: relative;
}
.mtw-intro__gov-icon {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--mw-navy);
	display: flex;
	align-items: center;
	justify-content: center;
}
.mtw-intro__gov-icon i {
	font-size: 22px;
	color: #fff;
}
.mtw-intro__gov-box h3 {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	color: var(--mw-navy);
	line-height: 1.3;
}
.mtw-intro__gov-box > p {
	margin: 0;
	font-size: 14px;
	color: #555;
	line-height: 1.6;
}
 
/* gov service list */
.mtw-intro__gov-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 0;
	margin: 0;
}
.mtw-intro__gov-list li {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 600;
	color: var(--mw-navy);
}
.mtw-intro__gov-list i {
	font-size: 16px;
	color: var(--mw-orange);
	flex-shrink: 0;
}
 
/* gov link button */
.mtw-intro__gov-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 20px;
	background: var(--mw-navy);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
	width: fit-content;
	transition: background-color 0.2s ease;
}
.mtw-intro__gov-link:hover {
	background: var(--mw-orange);
	color: #fff;
}
.mtw-intro__gov-link i {
	font-size: 15px;
}
 
/* small disclaimer note */
.mtw-intro__gov-note {
	margin: 0;
	font-size: 12px !important;
	color: #888 !important;
	line-height: 1.5 !important;
	border-top: 1px solid #e0e2ea;
	padding-top: 12px;
}

 
/* -------------------------------------------------------
   HELP SECTION  (.mtw-help)
------------------------------------------------------- */
.mtw-help {
	background: var(--mw-navy);
	padding: 60px 0;
}
 
.mtw-help__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
}
 
/* --- image --- */
.mtw-help__img-wrap {
	width: 100%;
	max-width: 480px;
	flex-shrink: 0;
	border-radius: 12px;
	overflow: hidden;
	/* subtle orange glow */
	box-shadow: 0 0 0 4px rgba(244,124,32,0.25), 0 20px 60px rgba(0,0,0,0.4);
}
.mtw-help__img-wrap img {
	width: 100%;
	height: auto;
	display: block;
}
 
/* --- content --- */
.mtw-help__content {
	display: flex;
	flex-direction: column;
	gap: 18px;
}
 
.mtw-help__eyebrow {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mw-orange);
}
 
.mtw-help__title {
	margin: 0;
	font-size: 28px;
	font-weight: 800;
	line-height: 1.15;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}
 
.mtw-help__text {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	color: rgba(255,255,255,0.75);
}
.mtw-help__text strong {
	color: #fff;
	font-weight: 700;
}
 
/* trust points */
.mtw-help__trust {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 0;
	margin: 0;
}
.mtw-help__trust li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	font-weight: 600;
	color: rgba(255,255,255,0.80);
	letter-spacing: 0.02em;
}
.mtw-help__trust i {
	font-size: 20px;
	color: var(--mw-orange);
	flex-shrink: 0;
}
 
/* CTA button */
.mtw-help__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 13px 28px;
	background-color: var(--mw-orange);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 14px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
	width: fit-content;
	line-height: 1;
	transition: background-color 0.2s ease, transform 0.15s ease;
}
.mtw-help__btn:hover {
	background-color: var(--mw-orange-dark);
	color: #fff;
	transform: translateY(-2px);
}
.mtw-help__btn i { font-size: 18px; }

 
/* -------------------------------------------------------
   CAROUSEL SECTION  (.mtw-carousel-section)
------------------------------------------------------- */
.mtw-carousel-section {
	background: #fff;
	padding: 60px 0 40px;
	overflow: hidden;
}
 
/* --- title block --- */
.mtw-carousel-title {
	text-align: center;
	margin-bottom: 40px;
}
.mtw-carousel-title__eyebrow {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mw-orange);
}
.mtw-carousel-title h2 {
	margin: 0 0 16px;
	font-size: 26px;
	font-weight: 800;
	color: var(--mw-navy);
	text-transform: uppercase;
	line-height: 1.15;
}
.mtw-carousel-title p {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	color: #555;
	max-width: 680px;
	margin: 0 auto;
}
 
/* --- wrapper (positions arrows) --- */
.mtw-carousel-wrapper {
	position: relative;
	width: 100%;
}
 
/* --- track — all slides stacked, only active visible --- */
.mtw-carousel-track {
	position: relative;
	width: 100%;
}
 
/* -------------------------------------------------------
   SINGLE SLIDE
------------------------------------------------------- */
.mtw-slide {
	display: none;
}
.mtw-slide--active {
	display: block;
}
 
.mtw-slide-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 32px;
	padding-top: 10px;
	padding-bottom: 20px;
}
 
/* --- phone image stack --- */
.mtw-slide-img {
	width: 100%;
	max-width: 320px;
	flex-shrink: 0;
	/* slide in from left */
	transform: translateX(0);
	transition: transform 0.5s ease, opacity 0.5s ease;
	opacity: 1;
}
.mtw-slide-img__frames {
	position: relative;
	width: 100%;
	aspect-ratio: 9/16;
	max-width: 260px;
	margin: 0 auto;
}
.mtw-slide-img__phone {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	z-index: 2;
}
.mtw-slide-img__screen {
	position: absolute;
	top: 7%;
	left: 8%;
	width: 84%;
	height: 86%;
	object-fit: cover;
	border-radius: 28px;
	z-index: 1;
}
 
/* --- text side --- */
.mtw-slide-text {
	display: flex;
	flex-direction: column;
	gap: 14px;
	transform: translateX(0);
	transition: transform 0.5s ease, opacity 0.5s ease;
	opacity: 1;
}
.mtw-slide__eyebrow {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mw-orange);
}
.mtw-slide-text h3 {
	margin: 0;
	font-size: 28px;
	font-weight: 800;
	color: var(--mw-navy);
	text-transform: uppercase;
	line-height: 1.1;
}
.mtw-slide__body p {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	color: #555;
}
.mtw-slide__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 26px;
	background-color: var(--mw-orange);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 13px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
	width: fit-content;
	line-height: 1;
	transition: background-color 0.2s ease, transform 0.15s ease;
}
.mtw-slide__btn:hover {
	background-color: var(--mw-orange-dark);
	color: #fff;
	transform: translateY(-2px);
}
.mtw-slide__btn i { font-size: 17px; }
 
/* --- entry animations --- */
.mtw-anim-img {
	animation: mtwSlideInLeft 0.5s ease forwards;
}
.mtw-anim-txt {
	animation: mtwSlideInRight 0.5s ease forwards;
}
@keyframes mtwSlideInLeft {
	from { transform: translateX(-30px); opacity: 0; }
	to   { transform: translateX(0);     opacity: 1; }
}
@keyframes mtwSlideInRight {
	from { transform: translateX(30px); opacity: 0; }
	to   { transform: translateX(0);    opacity: 1; }
}
 
/* --- arrows --- */
.mtw-carousel-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background: var(--mw-navy);
	border: none;
	border-radius: 4px;
	color: #fff;
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
	transition: background-color 0.2s ease;
}
.mtw-carousel-arrow:hover { background: var(--mw-orange); }
.mtw-carousel-arrow--prev { left: 8px; }
.mtw-carousel-arrow--next { right: 8px; }
 
/* --- dots --- */
.mtw-carousel-dots {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin: 24px 0 8px;
}
.mtw-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ddd;
	cursor: pointer;
	border: none;
	transition: background-color 0.2s ease;
}
.mtw-dot--active { background: var(--mw-orange); }
 
/* --- view all button --- */
.mtw-carousel-service-btn {
	display: flex;
	justify-content: center;
	padding: 20px 0 10px;
}
.mtw-carousel-all-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 13px 28px;
	border: 2px solid var(--mw-navy);
	color: var(--mw-navy);
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 14px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.mtw-carousel-all-btn:hover {
	background: var(--mw-navy);
	color: #fff;
}

 
/* -------------------------------------------------------
   FEATURES SECTION  (.mtw-features)
------------------------------------------------------- */
.mtw-features {
	background: #f7f8fc;
	padding: 60px 0;
}
 
.mtw-features__inner {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
 
/* --- head block --- */
.mtw-features__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 14px;
}
.mtw-features__eyebrow {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mw-orange);
}
.mtw-features__title {
	margin: 0;
	font-size: 26px;
	font-weight: 800;
	color: var(--mw-navy);
	text-transform: uppercase;
	line-height: 1.15;
}
.mtw-features__sub {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	color: #555;
	max-width: 580px;
}
.mtw-features__head-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 26px;
	background: var(--mw-orange);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 13px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
	transition: background-color 0.2s ease, transform 0.15s ease;
	margin-top: 4px;
}
.mtw-features__head-btn:hover {
	background: var(--mw-orange-dark);
	color: #fff;
	transform: translateY(-2px);
}
 
/* --- cards grid --- */
.mtw-features__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}
 
/* --- single card --- */
.mtw-feature-card {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 28px 24px;
	border: 1px solid #e8eaf0;
	border-radius: 8px;
	background: #fff;
	transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}
.mtw-feature-card:hover {
	box-shadow: 0 8px 30px rgba(26,35,64,0.10);
	transform: translateY(-4px);
	border-color: var(--mw-orange);
}
 
/* icon */
.mtw-feature-card__icon {
	width: 56px;
	height: 56px;
	background: var(--mw-navy);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	flex-shrink: 0;
}
.mtw-feature-card__icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: brightness(0) invert(1);
}
 
/* title */
.mtw-feature-card h3 {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	color: var(--mw-navy);
	line-height: 1.25;
}
 
/* body */
.mtw-feature-card p {
	margin: 0;
	font-size: 14px;
	line-height: 1.65;
	color: #555;
	flex: 1;
}
 
/* learn more link */
.mtw-feature-card__link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--mw-orange);
	text-decoration: none;
	margin-top: 4px;
	transition: gap 0.2s ease;
}
.mtw-feature-card__link:hover {
	gap: 10px;
	color: var(--mw-orange-dark);
}
.mtw-feature-card__link i { font-size: 16px; }
  
/* -------------------------------------------------------
   FEATURES SECTION  (.mtw-features)
------------------------------------------------------- */
.mtw-features {
	background: #f7f8fc;
	padding: 60px 0;
}
 
.mtw-features__inner {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
 
/* --- head block --- */
.mtw-features__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 14px;
}
.mtw-features__eyebrow {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mw-orange);
}
.mtw-features__title {
	margin: 0;
	font-size: 26px;
	font-weight: 800;
	color: var(--mw-navy);
	text-transform: uppercase;
	line-height: 1.15;
}
.mtw-features__sub {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	color: #555;
	max-width: 580px;
}
.mtw-features__head-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 26px;
	background: var(--mw-orange);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 13px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
	transition: background-color 0.2s ease, transform 0.15s ease;
	margin-top: 4px;
}
.mtw-features__head-btn:hover {
	background: var(--mw-orange-dark);
	color: #fff;
	transform: translateY(-2px);
}
 
/* --- cards grid --- */
.mtw-features__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}
 
/* --- single card --- */
.mtw-feature-card {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 28px 24px;
	border: 1px solid #e8eaf0;
	border-radius: 8px;
	background: #fff;
	transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}
.mtw-feature-card:hover {
	box-shadow: 0 8px 30px rgba(26,35,64,0.10);
	transform: translateY(-4px);
	border-color: var(--mw-orange);
}
 
/* icon */
.mtw-feature-card__icon {
	width: 56px;
	height: 56px;
	background: var(--mw-navy);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	flex-shrink: 0;
}
.mtw-feature-card__icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: brightness(0) invert(1);
}
 
/* title */
.mtw-feature-card h3 {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	color: var(--mw-navy);
	line-height: 1.25;
}
 
/* body */
.mtw-feature-card p {
	margin: 0;
	font-size: 14px;
	line-height: 1.65;
	color: #555;
	flex: 1;
}
 
/* learn more link */
.mtw-feature-card__link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--mw-orange);
	text-decoration: none;
	margin-top: 4px;
	transition: gap 0.2s ease;
}
.mtw-feature-card__link:hover {
	gap: 10px;
	color: var(--mw-orange-dark);
}
.mtw-feature-card__link i { font-size: 16px; }
 
/* -------------------------------------------------------
   SECTION 4  (.mtw-section4)  — navy, text + image
------------------------------------------------------- */
.mtw-section4 {
	background: var(--mw-navy);
	padding: 60px 0;
}
 
.mtw-section4__inner {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
 
/* --- text --- */
.mtw-section4__content {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.mtw-section4__eyebrow {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mw-orange);
}
.mtw-section4__title {
	margin: 0;
	font-size: 28px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	line-height: 1.15;
	letter-spacing: -0.01em;
}
.mtw-section4__content p {
	margin: 0;
	font-size: 15px;
	line-height: 1.75;
	color: rgba(255,255,255,0.75);
}
.mtw-section4__content p strong {
	color: #fff;
	font-weight: 700;
}
.mtw-section4__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 13px 28px;
	background: var(--mw-orange);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 14px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
	width: fit-content;
	margin-top: 8px;
	transition: background-color 0.2s ease, transform 0.15s ease;
}
.mtw-section4__btn:hover {
	background: var(--mw-orange-dark);
	color: #fff;
	transform: translateY(-2px);
}
.mtw-section4__btn i { font-size: 18px; }
 
/* --- image --- */
.mtw-section4__img-wrap {
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}
.mtw-section4__img-wrap img {
	width: 100%;
	height: auto;
	display: block;
	max-width: 300px;
    margin: 0 auto;
}

/* -------------------------------------------------------
   SECTION 7  (.mtw-section7)  — white, 4 steps
------------------------------------------------------- */
.mtw-section7 {
	background: #fff;
	padding: 60px 0;
}
 
.mtw-section7__inner {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
 
/* --- head --- */
.mtw-section7__head {
	text-align: center;
}
.mtw-section7__eyebrow {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mw-orange);
}
.mtw-section7__title {
	margin: 0;
	font-size: 26px;
	font-weight: 800;
	color: var(--mw-navy);
	text-transform: uppercase;
	line-height: 1.15;
}
 
/* --- steps grid --- */
.mtw-section7__steps {
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
}
 
/* --- single step --- */
.mtw-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 12px;
	padding: 28px 20px;
	border-radius: 8px;
	border: 1px solid #e8eaf0;
	background: #f7f8fc;
	position: relative;
	transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}
.mtw-step:hover {
	box-shadow: 0 8px 30px rgba(26,35,64,0.10);
	transform: translateY(-4px);
	border-color: var(--mw-orange);
}
 
/* step number badge */
.mtw-step__num {
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
	width: 32px;
	height: 32px;
	background: var(--mw-navy);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 13px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.mtw-step:hover .mtw-step__num {
	background: var(--mw-orange);
}
 
/* step image */
.mtw-step__img {
	width: 80px;
	height: 80px;
	margin-top: 10px;
}
.mtw-step__img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
 
/* step text */
.mtw-step__title {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	color: var(--mw-navy);
	line-height: 1.25;
}
.mtw-step__lead {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	color: var(--mw-orange);
	letter-spacing: 0.02em;
}
.mtw-step__body {
	margin: 0;
	font-size: 14px;
	line-height: 1.65;
	color: #555;
}
 
/* --- CTA --- */
.mtw-section7__cta {
	display: flex;
	justify-content: center;
}
.mtw-section7__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 13px 32px;
	background: var(--mw-navy);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 14px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
	transition: background-color 0.2s ease, transform 0.15s ease;
}
.mtw-section7__btn:hover {
	background: var(--mw-orange);
	color: #fff;
	transform: translateY(-2px);
}
.mtw-section7__btn i { font-size: 18px; }


/* -------------------------------------------------------
   STATIC HERO  (.mtw-hero-static)
   Same visual style as home slider slides — used on
   inner pages: Benefits, Services, etc.
------------------------------------------------------- */
.mtw-hero-static {
	position: relative;
	width: 100%;
	min-height: 560px;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background: var(--mw-navy);
}
 
/* bg image — same as .mw-hero-slide__img */
.mtw-hero-static__bg-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center right;
	display: block;
}
 
/* overlay — same bottom-to-top fade as mobile slider */
.mtw-hero-static__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		105deg,
		rgba(26,35,64,0.96) 0%,
		rgba(26,35,64,0.82) 38%,
		rgba(26,35,64,0.25) 68%,
		rgba(26,35,64,0.00) 100%
	);
}
 
/* inner layout */
.mtw-hero-static__inner {
	position: relative;
	z-index: 2;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 52px;
}
 
/* content column — same as .mtw-hero-slide__content */
.mtw-hero-static__content {
	display: flex;
	flex-direction: column;
	gap: 14px;
	max-width: 560px;
}
 
/* eyebrow — same as .mtw-hero-slide__eyebrow */
.mtw-hero-static__eyebrow {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.70);
}
 
/* title — same as .mtw-hero-slide__title */
.mtw-hero-static__title {
	margin: 0;
	font-size: 38px;
	font-weight: 800;
	line-height: 1.05;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}
.mtw-hero-static__title span {
	color: var(--mw-orange);
}
 
/* subtitle — same as .mtw-hero-slide__sub */
.mtw-hero-static__sub {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.65;
	color: rgba(255,255,255,0.80);
}
.mtw-hero-static__sub strong {
	color: var(--mw-orange);
	font-weight: 700;
}
 
/* badges — same as .mtw-hero-slide__badges */
.mtw-hero-static__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.mtw-hero-static__badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.75);
}
.mtw-hero-static__badge i {
	font-size: 15px;
	color: var(--mw-orange);
}
 
/* CTA button */
.mtw-hero-static__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 13px 28px;
	background: var(--mw-orange);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 14px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
	width: fit-content;
	line-height: 1;
	transition: background-color 0.2s ease, transform 0.15s ease;
}
.mtw-hero-static__btn:hover {
	background: var(--mw-orange-dark);
	color: #fff;
	transform: translateY(-2px);
}
.mtw-hero-static__btn i { font-size: 18px; }

/* -------------------------------------------------------
   BENEFITS SECTION 2  (.mtw-benefits-intro)
   white background, text left + side boxes right
------------------------------------------------------- */
.mtw-benefits-intro {
	background: #fff;
	padding: 60px 0;
}
.mtw-benefits-intro__inner {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
 
/* --- left: main content --- */
.mtw-benefits-intro__main {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.mtw-benefits-intro__eyebrow {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mw-orange);
}
.mtw-benefits-intro__title {
	margin: 0;
	font-size: 28px;
	font-weight: 800;
	color: var(--mw-navy);
	text-transform: uppercase;
	line-height: 1.15;
}
/*
.mtw-benefits-intro__main p {
	margin: 0;
	font-size: 15px;
	line-height: 1.75;
	color: #444;
}*/
.mtw-benefits-intro__main p strong {
	color: var(--mw-orange);
	font-weight: 700;
}
 
/* checklist */
.mtw-benefits-intro__list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 0;
	margin: 0;
}
.mtw-benefits-intro__list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 15px;
	color: var(--mw-navy);
	line-height: 1.5;
}
.mtw-benefits-intro__list i {
	font-size: 20px;
	color: var(--mw-orange);
	flex-shrink: 0;
	margin-top: 1px;
}
.mtw-benefits-intro__list span {
	font-weight: 500;
}
 
/* CTA */
.mtw-benefits-intro__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 13px 28px;
	background: var(--mw-orange);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 14px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
	width: fit-content;
	margin-top: 8px;
	transition: background-color 0.2s ease, transform 0.15s ease;
}
.mtw-benefits-intro__btn:hover {
	background: var(--mw-orange-dark);
	color: #fff;
	transform: translateY(-2px);
}
.mtw-benefits-intro__btn i { font-size: 18px; }
 
/* --- right: side boxes --- */
.mtw-benefits-intro__side {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
 
/* gov box */
.mtw-benefits-intro__gov {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 24px;
	border: 1px solid #e8eaf0;
	border-radius: 8px;
	background: #f7f8fc;
}
.mtw-benefits-intro__gov-icon {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--mw-navy);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.mtw-benefits-intro__gov-icon i {
	font-size: 22px;
	color: #fff;
}
.mtw-benefits-intro__gov h3 {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	color: var(--mw-navy);
}
.mtw-benefits-intro__gov p {
	margin: 0;
	font-size: 13px;
	line-height: 1.65;
	color: #555;
}
.mtw-benefits-intro__gov-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 18px;
	background: var(--mw-navy);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
	width: fit-content;
	transition: background-color 0.2s ease;
}
.mtw-benefits-intro__gov-link:hover {
	background: var(--mw-orange);
	color: #fff;
}
 
/* support box */
.mtw-benefits-intro__support {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 20px;
	background: #f7f8fc;
	border-left: 3px solid var(--mw-orange);
	border-radius: 0 6px 6px 0;
}
.mtw-benefits-intro__support > i {
	font-size: 28px;
	color: var(--mw-orange);
	flex-shrink: 0;
	margin-top: 2px;
}
.mtw-benefits-intro__support div {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.mtw-benefits-intro__support strong {
	font-size: 15px;
	font-weight: 700;
	color: var(--mw-navy);
}
.mtw-benefits-intro__support p {
	margin: 0;
	font-size: 13px;
	line-height: 1.65;
	color: #555;
}

/* -------------------------------------------------------
   CTA BANNER  (.mtw-cta-banner)
   navy strip between two white sections
------------------------------------------------------- */
.mtw-cta-banner {
	background: var(--mw-navy);
	padding: 56px 0;
}
.mtw-cta-banner__inner {
	display: flex;
	flex-direction: column;
	gap: 36px;
}
 
/* --- content side --- */
.mtw-cta-banner__content {
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.mtw-cta-banner__eyebrow {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mw-orange);
}
.mtw-cta-banner__title {
	margin: 0;
	font-size: 26px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	line-height: 1.15;
	letter-spacing: -0.01em;
}
.mtw-cta-banner__sub {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	color: rgba(255,255,255,0.75);
	max-width: 520px;
}
.mtw-cta-banner__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 13px 28px;
	background: var(--mw-orange);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 14px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
	width: fit-content;
	transition: background-color 0.2s ease, transform 0.15s ease;
}
.mtw-cta-banner__btn:hover {
	background: var(--mw-orange-dark);
	color: #fff;
	transform: translateY(-2px);
}
.mtw-cta-banner__btn i { font-size: 18px; }
 
/* --- services side --- */
.mtw-cta-banner__services {
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.mtw-cta-banner__services-label {
	margin: 0;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.40);
}
.mtw-cta-banner__service-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0;
	margin: 0;
}
.mtw-cta-banner__service-list li { display: flex; }
.mtw-cta-banner__service-list a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px;
	background: rgba(255,255,255,0.07);
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 6px;
	color: rgba(255,255,255,0.80);
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.03em;
	width: 100%;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.mtw-cta-banner__service-list a:hover {
	background: rgba(244,124,32,0.15);
	border-color: var(--mw-orange);
	color: #fff;
}
.mtw-cta-banner__service-list i {
	font-size: 18px;
	color: var(--mw-orange);
	flex-shrink: 0;
}

/* gov note inside cta banner */
.mtw-cta-banner__gov-note {
	display: flex;
	align-items: flex-start;
	gap: 7px;
	margin: 6px 0 0;
	font-size: 12px;
	color: rgba(255,255,255,0.40);
	line-height: 1.55;
}
.mtw-cta-banner__gov-note i {
	font-size: 14px;
	color: var(--mw-orange);
	flex-shrink: 0;
	margin-top: 1px;
}
.mtw-cta-banner__gov-note a {
	color: rgba(255,255,255,0.55);
	text-decoration: underline;
	transition: color 0.2s ease;
}
.mtw-cta-banner__gov-note a:hover {
	color: var(--mw-orange);
}

/* -------------------------------------------------------
   CLOSING STATEMENT  (.mtw-closing)
   light grey — used on benefits page before footer
------------------------------------------------------- */
.mtw-closing {
	background: #f7f8fc;
	padding: 60px 0;
}
.mtw-closing__inner {
	display: flex;
	flex-direction: column;
	gap: 36px;
}
 
/* --- left: main text --- */
.mtw-closing__main {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.mtw-closing__lead {
	margin: 0;
	font-size: 16px;
	line-height: 1.7;
	color: var(--mw-navy);
}
.mtw-closing__lead strong {
	font-weight: 700;
	color: var(--mw-navy);
}
.mtw-closing__main p {
	margin: 0;
	font-size: 15px;
	line-height: 1.75;
	color: #444;
}
 
/* reassurance line with icon */
.mtw-closing__reassurance {
	display: flex !important;
	align-items: flex-start;
	gap: 10px;
	padding: 16px 18px;
	background: #fff;
	border-left: 3px solid var(--mw-orange);
	border-radius: 0 6px 6px 0;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: var(--mw-navy) !important;
	line-height: 1.55 !important;
}
.mtw-closing__reassurance i {
	font-size: 20px;
	color: var(--mw-orange);
	flex-shrink: 0;
	margin-top: 1px;
}
 
/* --- right: gov box --- */
.mtw-closing__gov {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 24px;
	background: #fff;
	border: 1px solid #e8eaf0;
	border-radius: 8px;
}
.mtw-closing__gov-icon {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--mw-navy);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.mtw-closing__gov-icon i {
	font-size: 22px;
	color: #fff;
}
.mtw-closing__gov h3 {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	color: var(--mw-navy);
}
.mtw-closing__gov p {
	margin: 0;
	font-size: 13px;
	line-height: 1.65;
	color: #555;
}
.mtw-closing__gov-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 18px;
	background: var(--mw-navy);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
	width: fit-content;
	transition: background-color 0.2s ease;
}
.mtw-closing__gov-link:hover {
	background: var(--mw-orange);
	color: #fff;
}
 
/* -------------------------------------------------------
   SERVICES CARDS  (.mtw-services)
   Mobile: vertical slider, one card at a time
   Desktop 992px+: left tab list + right content panel
------------------------------------------------------- */
.mtw-services {
	background: #f7f8fc;
	padding: 60px 0 40px;
}
 
/* --- head --- */
.mtw-services__head {
	text-align: center;
	margin-bottom: 36px;
}
.mtw-services__eyebrow {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mw-orange);
}
.mtw-services__title {
	margin: 0;
	font-size: 26px;
	font-weight: 800;
	color: var(--mw-navy);
	text-transform: uppercase;
	line-height: 1.15;
}
 
/* --- body wrapper --- */
.mtw-services__body {
	position: relative;
}
 
/* --- tab list: hidden on mobile --- */
.mtw-services__tabs {
	display: none;
}
 
/* --- track: mobile = single card view --- */
.mtw-services__track {
	position: relative;
	width: 100%;
}
 
/* --- single card: mobile default (all hidden except active) --- */
.mtw-services__card {
	display: none;
	flex-direction: column;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #e8eaf0;
	box-shadow: 0 4px 20px rgba(26,35,64,0.07);
}
.mtw-services__card--active {
	display: flex;
}
.mtw-services__card-img {
	width: 100%;
	height: 220px;
	overflow: hidden;
	flex-shrink: 0;
}
.mtw-services__card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}
.mtw-services__card:hover .mtw-services__card-img img {
	transform: scale(1.03);
}
.mtw-services__card-content {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 24px 20px;
	flex: 1;
}
.mtw-services__card-content h3 {
	margin: 0;
	font-size: 20px;
	font-weight: 800;
	color: var(--mw-navy);
	line-height: 1.2;
	text-transform: uppercase;
}
.mtw-services__card-content > p {
	margin: 0;
	font-size: 14px;
	line-height: 1.65;
	color: #555;
}
.mtw-services__card-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 0;
	margin: 0;
}
.mtw-services__card-list li {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 13px;
	color: #444;
	line-height: 1.5;
}
.mtw-services__card-list i {
	font-size: 16px;
	color: var(--mw-orange);
	flex-shrink: 0;
	margin-top: 1px;
}
.mtw-services__card-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 11px 22px;
	background: var(--mw-orange);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 13px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
	width: fit-content;
	margin-top: 4px;
	transition: background-color 0.2s ease, transform 0.15s ease;
}
.mtw-services__card-btn:hover {
	background: var(--mw-orange-dark);
	color: #fff;
	transform: translateY(-2px);
}
 
/* --- mobile nav: arrows + dots --- */
.mtw-services__mobile-nav {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	padding: 20px 0 10px;
}
.mtw-services__arrows {
	display: flex;
	gap: 8px;
}
.mtw-services__arrow {
	width: 44px;
	height: 44px;
	background: var(--mw-navy);
	border: none;
	border-radius: 4px;
	color: #fff;
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color 0.2s ease;
}
.mtw-services__arrow:hover { background: var(--mw-orange); }
.mtw-services__dots {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	max-width: 260px;
}
.mtw-services__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ccc;
	border: none;
	cursor: pointer;
	padding: 0;
	transition: background-color 0.2s ease, transform 0.2s ease;
}
.mtw-services__dot--active {
	background: var(--mw-orange);
	transform: scale(1.3);
}

/* -------------------------------------------------------
   PRICING SECTION  (.mtw-pricing)
   navy background, centred pricing card
------------------------------------------------------- */
.mtw-pricing {
	background: var(--mw-navy);
	padding: 70px 0;
}
.mtw-pricing__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
}
 
/* --- head --- */
.mtw-pricing__head {
	text-align: center;
	max-width: 600px;
}
.mtw-pricing__eyebrow {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mw-orange);
}
.mtw-pricing__title {
	margin: 0 0 14px;
	font-size: 28px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	line-height: 1.15;
}
.mtw-pricing__sub {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	color: rgba(255,255,255,0.70);
}
 
/* --- card --- */
.mtw-pricing__card {
	width: 100%;
	max-width: 680px;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0,0,0,0.30);
}
 
/* card header */
.mtw-pricing__card-header {
	background: var(--mw-navy);
	border-bottom: 3px solid var(--mw-orange);
	padding: 28px 32px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.mtw-pricing__card-label {
	font-size: 14px;
	font-weight: 600;
	color: rgba(255,255,255,0.70);
	line-height: 1.4;
}
.mtw-pricing__card-price {
	display: flex;
	align-items: baseline;
	gap: 8px;
}
.mtw-pricing__amount {
	font-size: 48px;
	font-weight: 800;
	color: var(--mw-orange);
	line-height: 1;
	font-family: var(--mw-font);
}
.mtw-pricing__period {
	font-size: 16px;
	font-weight: 500;
	color: rgba(255,255,255,0.60);
}
 
/* card body */
.mtw-pricing__card-body {
	padding: 28px 32px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.mtw-pricing__list-title {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	color: var(--mw-navy);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}
 
/* service list — 2 columns on wider screens */
.mtw-pricing__list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
	padding: 0;
	margin: 0;
}
.mtw-pricing__list li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	line-height: 1.4;
}
.mtw-pricing__list i {
	font-size: 18px;
	color: var(--mw-orange);
	flex-shrink: 0;
}
 
/* guarantee badge */
.mtw-pricing__guarantee {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 18px 20px;
	background: #f7f8fc;
	border-left: 3px solid var(--mw-orange);
	border-radius: 0 6px 6px 0;
}
.mtw-pricing__guarantee > i {
	font-size: 26px;
	color: var(--mw-orange);
	flex-shrink: 0;
	margin-top: 2px;
}
.mtw-pricing__guarantee div {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.mtw-pricing__guarantee strong {
	font-size: 14px;
	font-weight: 700;
	color: var(--mw-navy);
}
.mtw-pricing__guarantee p {
	margin: 0;
	font-size: 13px;
	line-height: 1.6;
	color: #555;
}
.mtw-pricing__guarantee a {
	color: var(--mw-orange);
	font-weight: 600;
	text-decoration: underline;
}
.mtw-pricing__guarantee a:hover {
	color: var(--mw-orange-dark);
}
 
/* CTA button */
.mtw-pricing__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 15px 40px;
	background: var(--mw-orange);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 15px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
	width: 100%;
	transition: background-color 0.2s ease, transform 0.15s ease;
}
.mtw-pricing__btn:hover {
	background: var(--mw-orange-dark);
	color: #fff;
	transform: translateY(-2px);
}
.mtw-pricing__btn i { font-size: 18px; }
 
/* gov note */
.mtw-pricing__gov-note {
	display: flex;
	align-items: flex-start;
	gap: 7px;
	margin: 0;
	font-size: 12px;
	color: #888;
	line-height: 1.6;
}
.mtw-pricing__gov-note i {
	font-size: 14px;
	color: var(--mw-orange);
	flex-shrink: 0;
	margin-top: 1px;
}
.mtw-pricing__gov-note a {
	color: var(--mw-navy);
	font-weight: 600;
	text-decoration: underline;
}
.mtw-pricing__gov-note a:hover { color: var(--mw-orange); }
 


/* -------------------------------------------------------
   PRE-SELL OFFER SECTION  (.mtw-offer)
   Split: navy left (pricing) + white right (trust)
------------------------------------------------------- */
.mtw-offer {
	background: var(--mw-navy);
	padding: 70px 0;
}
.mtw-offer__inner {
	display: flex;
	flex-direction: column;
	gap: 0;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0,0,0,0.30);
}
 
/* -------------------------------------------------------
   LEFT — navy pricing panel
------------------------------------------------------- */
.mtw-offer__left {
	background: var(--mw-navy);
	padding: 40px 32px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: relative;
}
 
/* best value tag */
.mtw-offer__tag {
	display: inline-flex;
	align-self: flex-start;
	padding: 4px 14px;
	background: var(--mw-orange);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	border-radius: 20px;
}
 
/* price */
.mtw-offer__price-wrap {
	display: flex;
	align-items: baseline;
	gap: 8px;
}
.mtw-offer__price {
	font-family: var(--mw-font);
	font-size: 56px;
	font-weight: 800;
	color: var(--mw-orange);
	line-height: 1;
}
.mtw-offer__period {
	font-size: 16px;
	font-weight: 500;
	color: rgba(255,255,255,0.55);
}
 
/* plan name */
.mtw-offer__plan {
	margin: 0;
	font-size: 22px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(255,255,255,0.12);
}
.mtw-offer__plan-desc {
	margin: 0;
	font-size: 13px;
	line-height: 1.65;
	color: rgba(255,255,255,0.55);
}
 
/* service list */
.mtw-offer__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0;
	margin: 0;
}
.mtw-offer__list li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	font-weight: 500;
	color: rgba(255,255,255,0.85);
	line-height: 1.4;
}
.mtw-offer__list i {
	font-size: 18px;
	color: var(--mw-orange);
	flex-shrink: 0;
}
 
/* CTA */
.mtw-offer__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 15px 32px;
	background: var(--mw-orange);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 15px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 6px;
	width: 100%;
	margin-top: 8px;
	transition: background-color 0.2s ease, transform 0.15s ease;
}
.mtw-offer__btn:hover {
	background: var(--mw-orange-dark);
	color: #fff;
	transform: translateY(-2px);
}
.mtw-offer__btn i { font-size: 18px; }
 
/* -------------------------------------------------------
   RIGHT — white trust panel
------------------------------------------------------- */
.mtw-offer__right {
	background: #fff;
	padding: 40px 32px;
	display: flex;
	flex-direction: column;
	gap: 28px;
}
 
/* head */
.mtw-offer__right-eyebrow {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mw-orange);
}
.mtw-offer__right-title {
	margin: 0;
	font-size: 22px;
	font-weight: 800;
	color: var(--mw-navy);
	line-height: 1.25;
	text-transform: uppercase;
}
 
/* trust list */
.mtw-offer__trust {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 0;
	margin: 0;
}
.mtw-offer__trust li {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}
.mtw-offer__trust-icon {
	width: 42px;
	height: 42px;
	background: var(--mw-navy);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.mtw-offer__trust-icon i {
	font-size: 20px;
	color: var(--mw-orange);
}
.mtw-offer__trust li div:last-child {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.mtw-offer__trust strong {
	font-size: 14px;
	font-weight: 700;
	color: var(--mw-navy);
}
.mtw-offer__trust p {
	margin: 0;
	font-size: 13px;
	line-height: 1.6;
	color: #555;
}
 
/* back info */
.mtw-offer__back-info {
	margin: 0;
	font-size: 13px;
	line-height: 1.7;
	color: #888;
	border-top: 1px solid #eee;
	padding-top: 20px;
}

/* -------------------------------------------------------
   JOIN PAGE — FORM SECTION  (.mtw-join)
------------------------------------------------------- */
.mtw-join {
	background: #f7f8fc;
	padding: 60px 0;
}
.mtw-join__inner {
	display: flex;
	flex-direction: column;
	gap: 0;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(26,35,64,0.12);
}
 
/* --- LEFT aside: navy plan summary --- */
.mtw-join__aside {
	background: var(--mw-navy);
	padding: 40px 32px;
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.mtw-join__aside-eyebrow {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mw-orange);
	margin: 0;
}
.mtw-join__aside-title {
	margin: 0;
	font-size: 36px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	line-height: 1.05;
}
.mtw-join__aside-title span { color: var(--mw-orange); }
 
.mtw-join__aside-price {
	display: flex;
	align-items: baseline;
	gap: 8px;
}
.mtw-join__aside-amount {
	font-size: 48px;
	font-weight: 800;
	color: var(--mw-orange);
	font-family: var(--mw-font);
	line-height: 1;
}
.mtw-join__aside-period {
	font-size: 14px;
	color: rgba(255,255,255,0.55);
}
 
.mtw-join__aside-list {
	display: flex;
	flex-direction: column;
	gap: 9px;
	padding: 0;
	margin: 0;
	border-top: 1px solid rgba(255,255,255,0.10);
	padding-top: 16px;
}
.mtw-join__aside-list li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	font-weight: 500;
	color: rgba(255,255,255,0.80);
}
.mtw-join__aside-list i {
	font-size: 17px;
	color: var(--mw-orange);
	flex-shrink: 0;
}
 
.mtw-join__aside-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding-top: 4px;
}
.mtw-join__aside-badges span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.50);
}
.mtw-join__aside-badges i {
	font-size: 14px;
	color: var(--mw-orange);
}
 
/* --- RIGHT: form panel --- */
.mtw-join__form-wrap {
	background: #fff;
	padding: 40px 32px;
	flex: 1;
}
 
/* form headings */
.mtw-join__form-wrap h2 {
	font-size: 20px;
	font-weight: 800;
	color: var(--mw-navy);
	line-height: 1.25;
	margin: 0 0 16px;
}
 
/* service list inside form start step */
.mtw-join__form-wrap .simple-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 0;
	margin: 0 0 16px;
}
.mtw-join__form-wrap .simple-list li {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: #333;
}
.mtw-join__form-wrap .simple-list i {
	font-size: 17px;
	color: var(--mw-orange);
	flex-shrink: 0;
}
 
/* inputs */
.mtw-join__form-wrap .input-wrapper {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 16px;
}

.mtw-join__form-wrap .input-wrapper label {
	font-size: 13px;
	font-weight: 600;
	color: var(--mw-navy);
	letter-spacing: 0.02em;
	display: block;
	margin-bottom: 2px;
}

.mtw-join__form-wrap input.text {
	width: 100%;
	padding: 12px 16px;
	border: 2px solid #dde0ea;
	border-radius: 6px;
	font-family: var(--mw-font);
	font-size: 15px;
	color: var(--mw-navy);
	background: #fff;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	outline: none;
	box-sizing: border-box;
}
.mtw-join__form-wrap input.text:focus {
	border-color: var(--mw-orange);
	box-shadow: 0 0 0 3px rgba(244,124,32,0.12);
}
.mtw-join__form-wrap .input-wrapper.error input.text {
	border-color: #e53935;
}
.mtw-join__form-wrap .error-msg {
	font-size: 12px;
	color: #e53935;
	font-weight: 500;
}
 
/* nav buttons */
#nav {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 20px;
}
.mtw-join__form-wrap .org-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 15px 28px;
	background: var(--mw-orange);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 15px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	width: 100%;
	transition: background-color 0.2s ease, transform 0.15s ease;
}
.mtw-join__form-wrap .org-btn:hover {
	background: var(--mw-orange-dark);
	transform: translateY(-2px);
}
/* PREVIOUS BUTTON */
.mtw-join__form-wrap .nav-prev {
	background: transparent;
	border: none;
	color: var(--mw-orange);
	font-family: var(--mw-font);
	font-size: 13px;
	font-weight: 600;
	padding: 8px 0;
	cursor: pointer;
	width: fit-content;
	display: flex;
	align-items: center;
	gap: 6px;
	transition: color 0.2s ease;
}
.mtw-join__form-wrap .nav-prev::before {
	content: '\ea64';
	font-family: 'remixicon';
	font-size: 16px;
}
.mtw-join__form-wrap .nav-prev:hover {
	color: var(--mw-orange-dark);
}
 
/* progress bar */
#pro-bar {
	background: #eee;
	border-radius: 4px;
	height: 6px;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
}
#pro-visual {
	height: 100%;
	background: var(--mw-orange);
	border-radius: 4px;
	transition: width 0.4s ease;
}
#pro-txt {
	position: absolute;
	top: 10px;
	right: 0;
	font-size: 11px;
	color: #888;
}
 
/* tcpa + footer */
#tcpa p, #a-footer {
	font-size: 11px;
	color: #888;
	line-height: 1.6;
	margin-top: 8px;
}
#a-footer a { color: var(--mw-orange); }
 
/* loading */
.loading-holder { text-align: center; padding: 40px 0; }
.loading-holder p { color: #666; font-size: 14px; }
 
/* -------------------------------------------------------
   JOIN PAGE — SUPPORT STRIP  (.mtw-support-strip)
------------------------------------------------------- */
.mtw-support-strip {
	background: var(--mw-navy);
	padding: 48px 0;
}
.mtw-support-strip__inner {
	display: flex;
	flex-direction: column;
	gap: 28px;
}
.mtw-support-strip__item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}
.mtw-support-strip__item > i {
	font-size: 28px;
	color: var(--mw-orange);
	flex-shrink: 0;
	margin-top: 2px;
}
.mtw-support-strip__item div {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.mtw-support-strip__item strong {
	font-size: 15px;
	font-weight: 700;
	color: #fff;
}
.mtw-support-strip__item p {
	margin: 0;
	font-size: 13px;
	line-height: 1.6;
	color: rgba(255,255,255,0.60);
}
.mtw-support-strip__item a {
	color: var(--mw-orange);
	font-weight: 600;
	text-decoration: none;
}
.mtw-support-strip__item a:hover { color: #fff; }
 

/* -------------------------------------------------------
   CONTACT PAGE  (.mtw-contact)
   white background, info left + form right
------------------------------------------------------- */
.mtw-contact {
	background: #fff;
	padding: 70px 0;
}
.mtw-contact__inner {
	display: flex;
	flex-direction: column;
	gap: 50px;
}
 
/* --- LEFT info panel --- */
.mtw-contact__info {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.mtw-contact__eyebrow {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mw-orange);
}
.mtw-contact__title {
	margin: 0;
	font-size: 28px;
	font-weight: 800;
	color: var(--mw-navy);
	text-transform: uppercase;
	line-height: 1.15;
}
.mtw-contact__desc {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	color: #555;
}
 
/* contact details list */
.mtw-contact__details {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 0;
	margin: 0;
}
.mtw-contact__details li {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}
.mtw-contact__detail-icon {
	width: 42px;
	height: 42px;
	background: var(--mw-navy);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.mtw-contact__detail-icon i {
	font-size: 20px;
	color: var(--mw-orange);
}
.mtw-contact__details li > div:last-child {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding-top: 4px;
}
.mtw-contact__details strong {
	font-size: 12px;
	font-weight: 700;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}
.mtw-contact__details a,
.mtw-contact__details span {
	font-size: 15px;
	font-weight: 500;
	color: var(--mw-navy);
	text-decoration: none;
	line-height: 1.4;
}
.mtw-contact__details a:hover { color: var(--mw-orange); }
 
/* notice */
.mtw-contact__notice {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding: 14px 16px;
	background: #f7f8fc;
	border-radius: 6px;
	border-left: 3px solid var(--mw-orange);
}
.mtw-contact__notice > i {
	font-size: 16px;
	color: var(--mw-orange);
	flex-shrink: 0;
	margin-top: 2px;
}
.mtw-contact__notice p {
	margin: 0;
	font-size: 12px;
	line-height: 1.6;
	color: #777;
}
.mtw-contact__notice a {
	color: var(--mw-orange);
	font-weight: 600;
}
 
/* --- RIGHT form panel --- */
.mtw-contact__form-wrap {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
 
/* success message */
.mtw-contact__success {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 16px 20px;
	background: #f0fdf4;
	border: 1px solid #86efac;
	border-radius: 8px;
}
.mtw-contact__success > i {
	font-size: 24px;
	color: #16a34a;
	flex-shrink: 0;
}
.mtw-contact__success strong {
	font-size: 15px;
	font-weight: 700;
	color: #15803d;
	display: block;
	margin-bottom: 4px;
}
.mtw-contact__success p {
	margin: 0;
	font-size: 13px;
	color: #166534;
}
 
/* form fields */
.mtw-contact__form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.mtw-contact__field {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.mtw-contact__field label,
.mtw-contact__form label {
	font-size: 13px;
	font-weight: 600;
	color: var(--mw-navy);
	display: block;
}
.mtw-contact__field label span,
.mtw-contact__form label span {
	color: var(--mw-orange);
	margin-left: 2px;
}
.mtw-contact__form input[type="text"],
.mtw-contact__form input[type="email"],
.mtw-contact__form input[type="tel"],
.mtw-contact__form textarea {
	width: 100%;
	padding: 12px 16px;
	border: 2px solid #dde0ea;
	border-radius: 6px;
	font-family: var(--mw-font);
	font-size: 15px;
	color: var(--mw-navy);
	background: #fff;
	outline: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	box-sizing: border-box;
}
.mtw-contact__form input:focus,
.mtw-contact__form textarea:focus {
	border-color: var(--mw-orange);
	box-shadow: 0 0 0 3px rgba(244,124,32,0.12);
}
.mtw-contact__form textarea {
	resize: vertical;
	min-height: 120px;
}
 
.mtw-contact__required-note {
	margin: 0;
	font-size: 12px;
	color: #888;
}
.mtw-contact__required-note span {
	color: var(--mw-orange);
	font-weight: 700;
}
 
/* submit button */
.mtw-contact__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 32px;
	background: var(--mw-orange);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 15px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	width: 100%;
	transition: background-color 0.2s ease, transform 0.15s ease;
}
.mtw-contact__btn:hover {
	background: var(--mw-orange-dark);
	transform: translateY(-2px);
}
.mtw-contact__btn i { font-size: 18px; }
 
/* disclaimer */
.mtw-contact__disclaimer {
	margin: 0;
	font-size: 12px;
	line-height: 1.6;
	color: #888;
}

/* -------------------------------------------------------
   THANK YOU PAGE  (.mtw-thankyou)
   navy background, centred white card
------------------------------------------------------- */
.mtw-thankyou {
	background: var(--mw-navy);
	padding: 70px 0;
	min-height: 60vh;
	display: flex;
	align-items: center;
}
.mtw-thankyou__inner {
	width: 100%;
}
.mtw-thankyou__card {
	background: #fff;
	border-radius: 16px;
	padding: 48px 32px;
	max-width: 680px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	text-align: center;
	box-shadow: 0 20px 60px rgba(0,0,0,0.25);
}
.mtw-thankyou__icon {
	width: 80px;
	height: 80px;
	background: #f0fdf4;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mtw-thankyou__icon i {
	font-size: 44px;
	color: #16a34a;
}
.mtw-thankyou__title {
	margin: 0;
	font-size: 26px;
	font-weight: 800;
	color: var(--mw-navy);
	text-transform: uppercase;
	line-height: 1.15;
}
.mtw-thankyou__sub {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	color: #555;
	max-width: 480px;
}
.mtw-thankyou__steps {
	display: flex;
	flex-direction: column;
	gap: 14px;
	width: 100%;
	text-align: left;
	padding: 20px 0;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}
.mtw-thankyou__step {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}
.mtw-thankyou__step-num {
	width: 30px;
	height: 30px;
	background: var(--mw-navy);
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 13px;
	flex-shrink: 0;
}
.mtw-thankyou__step div:last-child {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.mtw-thankyou__step strong {
	font-size: 14px;
	font-weight: 700;
	color: var(--mw-navy);
}
.mtw-thankyou__step p {
	margin: 0;
	font-size: 13px;
	color: #666;
	line-height: 1.5;
}
.mtw-thankyou__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	width: 100%;
}
.mtw-thankyou__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 13px 24px;
	border-radius: 6px;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color 0.2s ease, transform 0.15s ease, color 0.2s ease;
}
.mtw-thankyou__btn--primary {
	background: var(--mw-orange);
	color: #fff;
}
.mtw-thankyou__btn--primary:hover {
	background: var(--mw-orange-dark);
	color: #fff;
	transform: translateY(-2px);
}
.mtw-thankyou__btn--ghost {
	background: transparent;
	color: var(--mw-navy);
	border: 2px solid var(--mw-navy);
}
.mtw-thankyou__btn--ghost:hover {
	background: var(--mw-navy);
	color: #fff;
	transform: translateY(-2px);
}
.mtw-thankyou__contact {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}
.mtw-thankyou__contact p {
	margin: 0;
	font-size: 13px;
	color: #888;
}
.mtw-thankyou__phone {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 18px;
	font-weight: 800;
	color: var(--mw-navy);
	text-decoration: none;
	transition: color 0.2s ease;
}
.mtw-thankyou__phone i {
	color: var(--mw-orange);
	font-size: 20px;
}
.mtw-thankyou__phone:hover { color: var(--mw-orange); }

/* -------------------------------------------------------
   LEGAL PAGES  (.mtw-legal)
   white background, sidebar left + content right
------------------------------------------------------- */
.mtw-legal {
	background: #fff;
	padding: 60px 0;
}
.mtw-legal__inner {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
 
/* --- sidebar --- */
.mtw-legal__sidebar {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.mtw-legal__sidebar-title {
	margin: 0;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #888;
}
.mtw-legal__sidebar-nav {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 0;
	margin: 0;
	border: 1px solid #e8eaf0;
	border-radius: 8px;
	overflow: hidden;
}
.mtw-legal__sidebar-nav li { display: flex; }
.mtw-legal__sidebar-nav a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 16px;
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	color: #444;
	text-decoration: none;
	border-bottom: 1px solid #f0f0f0;
	transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
}
.mtw-legal__sidebar-nav li:last-child a { border-bottom: none; }
.mtw-legal__sidebar-nav a i {
	font-size: 16px;
	color: var(--mw-orange);
	flex-shrink: 0;
}
.mtw-legal__sidebar-nav a:hover {
	background: #f7f8fc;
	color: var(--mw-navy);
	padding-left: 22px;
}
.mtw-legal__sidebar-nav a.active {
	background: var(--mw-navy);
	color: #fff;
	font-weight: 700;
}
.mtw-legal__sidebar-nav a.active i { color: var(--mw-orange); }
 
/* contact box */
.mtw-legal__sidebar-contact {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 16px;
	background: #f7f8fc;
	border-radius: 8px;
	border-left: 3px solid var(--mw-orange);
}
.mtw-legal__sidebar-contact p {
	margin: 0;
	font-size: 13px;
	color: #555;
}
.mtw-legal__sidebar-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 16px;
	background: var(--mw-navy);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
	width: fit-content;
	transition: background-color 0.2s ease;
}
.mtw-legal__sidebar-btn:hover { background: var(--mw-orange); color: #fff; }
 
/* --- main content --- */
.mtw-legal__content { flex: 1; }
 
/* just-text prose styles */
.just-text h1 {
	font-size: 28px;
	font-weight: 800;
	color: var(--mw-navy);
	text-transform: uppercase;
	margin: 0 0 24px;
	padding-bottom: 16px;
	border-bottom: 3px solid var(--mw-orange);
	line-height: 1.15;
}
.just-text h2 {
	font-size: 17px;
	font-weight: 700;
	color: var(--mw-navy);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin: 28px 0 10px;
	padding-left: 12px;
	border-left: 3px solid var(--mw-orange);
}
.just-text h3 {
	font-size: 15px;
	font-weight: 700;
	color: var(--mw-navy);
	margin: 20px 0 8px;
}
.just-text p {
	font-size: 15px;
	line-height: 1.8;
	color: #444;
	margin: 0 0 14px;
}
.just-text strong { color: var(--mw-navy); }
.just-text a {
	color: var(--mw-orange);
	font-weight: 600;
	text-decoration: underline;
}
.just-text a:hover { color: var(--mw-orange-dark); }
.just-text ul {
	padding-left: 20px;
	margin: 0 0 14px;
}
.just-text ul li {
	font-size: 15px;
	line-height: 1.8;
	color: #444;
	margin-bottom: 6px;
}

/* -------------------------------------------------------
   SIGN IN PAGE  (.mtw-signin)
   navy left branding + white right form
------------------------------------------------------- */
.mtw-signin {
	background: #f7f8fc;
	padding: 60px 0;
	min-height: calc(100vh - 120px);
	display: flex;
	align-items: center;
}
.mtw-signin__inner {
	display: flex;
	flex-direction: column;
	gap: 0;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(26,35,64,0.15);
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

/* --- LEFT panel --- */
.mtw-signin__left {
	background: var(--mw-navy);
	padding: 40px 32px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.mtw-signin__logo img {
	height: 44px;
	width: auto;
}
.mtw-signin__left-title {
	margin: 0;
	font-size: 26px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	line-height: 1.15;
}
.mtw-signin__left-desc {
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	color: rgba(255,255,255,0.65);
}
.mtw-signin__left-trust {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 0;
	margin: 0;
	border-top: 1px solid rgba(255,255,255,0.10);
	padding-top: 20px;
}
.mtw-signin__left-trust li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	font-weight: 600;
	color: rgba(255,255,255,0.75);
}
.mtw-signin__left-trust i {
	font-size: 18px;
	color: var(--mw-orange);
	flex-shrink: 0;
}

/* --- RIGHT panel --- */
.mtw-signin__right {
	background: #fff;
	padding: 40px 32px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.mtw-signin__eyebrow {
	margin: 0 0 6px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mw-orange);
}
.mtw-signin__title {
	margin: 0 0 6px;
	font-size: 22px;
	font-weight: 800;
	color: var(--mw-navy);
	text-transform: uppercase;
}
.mtw-signin__sub {
	margin: 0 0 24px;
	font-size: 14px;
	color: #666;
	line-height: 1.6;
}

/* form */
.mtw-signin__form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.mtw-signin__field {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.mtw-signin__field label,
.mtw-signin__form label {
	font-size: 13px;
	font-weight: 600;
	color: var(--mw-navy);
	display: block;
}
.mtw-signin__form input[type="text"],
.mtw-signin__form input[type="email"],
.mtw-signin__form input {
	width: 100%;
	padding: 12px 16px;
	border: 2px solid #dde0ea;
	border-radius: 6px;
	font-family: var(--mw-font);
	font-size: 15px;
	color: var(--mw-navy);
	background: #fff;
	outline: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	box-sizing: border-box;
}
.mtw-signin__form input:focus {
	border-color: var(--mw-orange);
	box-shadow: 0 0 0 3px rgba(244,124,32,0.12);
}
.mtw-signin__required {
	margin: 0;
	font-size: 12px;
	color: #888;
}
.mtw-signin__required span { color: var(--mw-orange); font-weight: 700; }

/* submit button */
.mtw-signin__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 28px;
	background: var(--mw-orange);
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 15px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	width: 100%;
	transition: background-color 0.2s ease, transform 0.15s ease;
}
.mtw-signin__btn:hover {
	background: var(--mw-orange-dark);
	transform: translateY(-2px);
}
.mtw-signin__btn i { font-size: 18px; }

/* footer links */
.mtw-signin__footer {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #f0f0f0;
}
.mtw-signin__footer p {
	margin: 0;
	font-size: 13px;
	color: #888;
}
.mtw-signin__footer a {
	color: var(--mw-orange);
	font-weight: 600;
	text-decoration: none;
}
.mtw-signin__footer a:hover { color: var(--mw-orange-dark); }


/* -------------------------------------------------------
   REDIRECT PAGE  (.mtw-redirect)
   white background, navy centred card
------------------------------------------------------- */
.mtw-redirect {
	background: #f7f8fc;
	min-height: calc(100vh - 120px);
	display: flex;
	align-items: center;
	padding: 60px 0;
}
.mtw-redirect__inner {
	width: 100%;
	display: flex;
	justify-content: center;
}
.mtw-redirect__card {
	background: var(--mw-navy);
	border-radius: 16px;
	padding: 56px 48px;
	max-width: 480px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	text-align: center;
	box-shadow: 0 20px 60px rgba(26,35,64,0.15);
}
 
/* spinning icon */
.mtw-redirect__spinner {
	width: 72px;
	height: 72px;
	background: rgba(255,255,255,0.08);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mtw-redirect__spinner i {
	font-size: 40px;
	color: var(--mw-orange);
	animation: mtwSpin 1s linear infinite;
}
@keyframes mtwSpin {
	from { transform: rotate(0deg); }
	to   { transform: rotate(360deg); }
}
 
.mtw-redirect__title {
	margin: 0;
	font-size: 24px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
}
.mtw-redirect__sub {
	margin: 0;
	font-size: 14px;
	color: rgba(255,255,255,0.65);
	line-height: 1.6;
}


/* -------------------------------------------------------
   DASHBOARD PAGES  (.mtw-dashboard)
   Shared CSS for all 5 dashboard files
------------------------------------------------------- */

/* main wrapper */
#main {
	margin-top: 40px;
	min-height: 70vh;
	padding-bottom: 60px;
}
#a-box {
	/*background-color: #fff;*/
    background-clip: padding-box;
    position: relative;
    width: 100%;
    padding: 5px;
    margin: 0 auto;
    max-width: 1000px;
    min-height: 400px;
}
/* welcome heading */
#show-all-info > h2 {
	font-size: 22px;
	font-weight: 800;
	color: var(--mw-navy);
	margin: 0 0 20px;
	padding-bottom: 14px;
	border-bottom: 3px solid var(--mw-orange);
	text-transform: uppercase;
}
#show-all-info > h2 span {
	color: var(--mw-orange);
}

/* status box */
#ch-addr-box {
	background: #f7f8fc;
	border-left: 4px solid var(--mw-orange);
	border-radius: 0 8px 8px 0;
	padding: 20px 24px;
	margin-bottom: 24px;
}
#ch-addr-box p {
	font-size: 15px;
	line-height: 1.7;
	color: #444;
	margin: 0 0 10px;
}
#ch-addr-box p:last-child { margin: 0; }
#ch-addr-box p.underl-p { color: var(--mw-navy); font-weight: 500; }
#ch-addr-box a {
	color: var(--mw-orange);
	font-weight: 600;
	text-decoration: underline;
}
#ch-addr-box h3 {
	font-size: 16px;
	font-weight: 700;
	color: var(--mw-navy);
	margin: 0 0 8px;
}

/* reference number highlight */
#conf_ref, .underl-p u {
	color: var(--mw-navy);
	font-weight: 700;
	text-decoration: none;
	border-bottom: 2px solid var(--mw-orange);
}

/* enquiry alert box */
.enquiry {
	background: #fff7f7;
	padding: 10px 14px;
	font-style: italic;
	font-size: 14px;
	border-radius: 4px;
	border-left: 4px solid #e53935;
	color: #9d5454;
	margin-bottom: 12px;
}

/* cancel button */
.g-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 22px;
	border-radius: 6px;
	font-family: var(--mw-font);
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color 0.2s ease, transform 0.15s ease;
	cursor: pointer;
	border: none;
}
.g-btn.red {
	background: #e53935;
	color: #fff;
}
.g-btn.red:hover {
	background: #c62828;
	transform: translateY(-2px);
	color: #fff;
}

/* multiple users list */
#multiple-users { margin: 20px 0 40px; }
.multi-list { list-style: none; padding: 0; margin: 0; }
.multi-list li { margin-bottom: 12px; }
.multi-list b {
	text-decoration: none;
	color: var(--mw-orange);
	cursor: pointer;
	font-size: 15px;
	font-weight: 700;
	border-bottom: 2px solid var(--mw-orange);
	padding-bottom: 2px;
}
.multi-list b:hover { color: var(--mw-orange-dark); }
.multi-list u {
	color: #666;
	font-size: 12px;
	text-decoration: none;
}

/* -------------------------------------------------------
   MEMBERSHIP AGREEMENT ACCORDION  (#memb-agreement)
------------------------------------------------------- */
#memb-agreement {
	margin-bottom: 24px;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #e8eaf0;
}
#memb-agreement > div {
	background: var(--mw-navy);
}
#memb-agreement h2 {
	margin: 0;
	padding: 16px 20px;
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #fff !important;
	cursor: pointer;
	text-decoration: none !important;
	border: none !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: background-color 0.2s ease;
	border-bottom: none !important;
}
#memb-agreement h2::before {
	content: '\EA13';
	font-family: 'remixicon';
	font-size: 18px;
	color: var(--mw-orange);
	flex-shrink: 0;
}
#memb-agreement h2:hover,
#memb-agreement h2.activec {
	background-color: rgba(244,124,32,0.15) !important;
	border-radius: 0 !important;
	border-left: none !important;
	color: #fff !important;
}
#memb-agreement h4 {
	margin: 0;
	padding: 12px 20px;
	font-size: 13px;
	font-weight: 600;
	color: var(--mw-orange) !important;
	cursor: pointer;
	text-decoration: underline;
	text-align: center;
	border: none !important;
	background: var(--mw-navy);
}
#memb-agreement h4:hover { color: rgba(255,255,255,0.80) !important; }

#memb-agreement h3 {
	font-size: 15px;
	font-weight: 700;
	color: var(--mw-navy);
	margin: 0 0 10px;
	border: none !important;
}

.terms-details {
	padding: 0;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease-out;
	background: #fff;
}
.terms-details > div {
	padding: 20px 24px;
	border-top: 1px solid #e8eaf0;
}
.terms-details ul,
.terms-details ol {
	list-style: initial;
	margin-left: 1.5em;
	margin-top: 8px;
}
.terms-details ol { list-style: decimal; }
.terms-details li {
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 1.65;
	color: #444;
}
.terms-details li b {
	color: var(--mw-navy);
	font-weight: 700;
	display: block;
	margin-bottom: 4px;
}
.terms-details p {
	font-size: 14px;
	line-height: 1.65;
	color: #555;
	margin: 0;
}

/* -------------------------------------------------------
   SERVICES GRID  (#subs-services)
------------------------------------------------------- */
.other-service { margin-top: 32px; }

.h3vers1 {
	font-size: 16px;
	font-weight: 700;
	color: var(--mw-navy);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin: 0 0 16px;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--mw-orange);
}

.offer-list {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 12px;
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
}
.offer-list2-box-content {
	display: flex;
	align-items: stretch;
	border: 1px solid #e8eaf0;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.offer-list2-box-content:hover {
	box-shadow: 0 6px 20px rgba(26,35,64,0.10);
	border-color: var(--mw-orange);
	transform: translateY(-2px);
}
.offer-list2-img {
	width: 52px;
	flex-shrink: 0;
	background: var(--mw-navy);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
}
.offer-list2-img img {
	width: 36px;
	height: 36px;
	object-fit: contain;
	/*filter: brightness(0) invert(1);*/
}
.offer-list-card2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2px;
	padding: 10px 12px;
	text-decoration: none;
	flex: 1;
}
.offer-list-card2 h4 {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	color: var(--mw-navy);
	line-height: 1.3;
}
.offer-list-card2 span {
	font-size: 11px;
	color: #888;
	line-height: 1.4;
}



/* -------------------------------------------------------
   UNSUBSCRIBE PAGES  (.mtw-unsub)
------------------------------------------------------- */
.mtw-unsub {
	background: #f7f8fc;
	min-height: calc(100vh - 120px);
	display: flex;
	align-items: center;
	padding: 60px 0;
}
.mtw-unsub__inner {
	width: 100%;
	display: flex;
	justify-content: center;
}
.mtw-unsub__card {
	background: #fff;
	border-radius: 16px;
	padding: 48px 36px;
	max-width: 520px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
	text-align: center;
	box-shadow: 0 8px 40px rgba(26,35,64,0.10);
	border: 1px solid #e8eaf0;
}
 
/* icon */
.mtw-unsub__icon {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mtw-unsub__icon i { font-size: 38px; }
.mtw-unsub__icon--warn { background: #fff8f0; }
.mtw-unsub__icon--warn i { color: var(--mw-orange); }
.mtw-unsub__icon--done { background: #f0fdf4; }
.mtw-unsub__icon--done i { color: #16a34a; }
 
/* title */
.mtw-unsub__title {
	margin: 0;
	font-size: 22px;
	font-weight: 800;
	color: var(--mw-navy);
	text-transform: uppercase;
	line-height: 1.15;
}
 
/* email info row */
.mtw-unsub__info {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	background: #f7f8fc;
	border-radius: 6px;
	font-size: 14px;
	color: #444;
	width: 100%;
	justify-content: center;
}
.mtw-unsub__info i {
	font-size: 16px;
	color: var(--mw-orange);
	flex-shrink: 0;
}
.mtw-unsub__info strong { color: var(--mw-navy); }
 
/* subtitle */
.mtw-unsub__sub {
	margin: 0;
	font-size: 14px;
	line-height: 1.65;
	color: #555;
}
 
/* warning box */
.mtw-unsub__warning {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 14px 16px;
	background: #fff8f0;
	border: 1px solid #fed7aa;
	border-radius: 6px;
	text-align: left;
	width: 100%;
}
.mtw-unsub__warning > i {
	font-size: 20px;
	color: var(--mw-orange);
	flex-shrink: 0;
	margin-top: 1px;
}
.mtw-unsub__warning p {
	margin: 0;
	font-size: 13px;
	line-height: 1.6;
	color: #7c4a00;
}
.mtw-unsub__warning strong { color: #92400e; }
 
/* form */
.mtw-unsub__form {
	display: flex;
	flex-direction: column;
	gap: 14px;
	width: 100%;
}
.mtw-unsub__field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	text-align: left;
}
.mtw-unsub__field label {
	font-size: 13px;
	font-weight: 600;
	color: var(--mw-navy);
}
.mtw-unsub__form input[type="email"],
.mtw-unsub__form input {
	width: 100%;
	padding: 12px 16px;
	border: 2px solid #dde0ea;
	border-radius: 6px;
	font-family: var(--mw-font);
	font-size: 15px;
	color: var(--mw-navy);
	background: #fff;
	outline: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	box-sizing: border-box;
}
.mtw-unsub__form input:focus {
	border-color: var(--mw-orange);
	box-shadow: 0 0 0 3px rgba(244,124,32,0.12);
}
 
/* buttons */
.mtw-unsub__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 13px 28px;
	background: #e53935;
	color: #fff;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 14px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	width: 100%;
	text-decoration: none;
	transition: background-color 0.2s ease, transform 0.15s ease;
}
.mtw-unsub__btn:hover {
	background: #c62828;
	color: #fff;
	transform: translateY(-2px);
}
.mtw-unsub__btn--ghost {
	background: var(--mw-navy);
}
.mtw-unsub__btn--ghost:hover {
	background: var(--mw-orange);
	color: #fff;
}
 
/* contact note */
.mtw-unsub__contact {
	margin: 0;
	font-size: 12px;
	color: #888;
}
.mtw-unsub__contact a {
	color: var(--mw-orange);
	font-weight: 600;
	text-decoration: none;
}
.mtw-unsub__contact a:hover { color: var(--mw-orange-dark); }
 


/* -------------------------------------------------------
   PAYMENT RESULT PAGES  (.mtw-payment-result)
------------------------------------------------------- */
.mtw-payment-result {
	background: #f7f8fc;
	min-height: 60vh;
	display: flex;
	align-items: center;
	padding: 60px 0;
}
.mtw-payment-result__inner {
	width: 100%;
	display: flex;
	justify-content: center;
}
.mtw-payment-result__card {
	background: #fff;
	border-radius: 16px;
	padding: 48px 36px;
	max-width: 560px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	text-align: center;
	box-shadow: 0 8px 40px rgba(26,35,64,0.10);
	border: 1px solid #e8eaf0;
}
.mtw-payment-result__card--fail {
	border-top: 4px solid #e53935;
}
.mtw-payment-result__card--success {
	border-top: 4px solid #16a34a;
}
 
/* icon */
.mtw-payment-result__icon {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mtw-payment-result__card--fail .mtw-payment-result__icon,
.mtw-payment-result__icon--fail {
	background: #fff1f0;
}
.mtw-payment-result__card--fail .mtw-payment-result__icon i,
.mtw-payment-result__icon--fail i {
	font-size: 40px;
	color: #e53935;
}
.mtw-payment-result__card--success .mtw-payment-result__icon {
	background: #f0fdf4;
}
.mtw-payment-result__card--success .mtw-payment-result__icon i {
	font-size: 40px;
	color: #16a34a;
}
 
/* title + subtitle */
.mtw-payment-result__title {
	margin: 0;
	font-size: 24px;
	font-weight: 800;
	color: var(--mw-navy);
	text-transform: uppercase;
	line-height: 1.15;
}
.mtw-payment-result__sub {
	margin: 0;
	font-size: 14px;
	color: #555;
	line-height: 1.6;
}
 
/* error message box */
.mtw-payment-result__error {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 14px 16px;
	background: #fff1f0;
	border: 1px solid #fca5a5;
	border-radius: 6px;
	text-align: left;
	width: 100%;
}
.mtw-payment-result__error > i {
	font-size: 18px;
	color: #e53935;
	flex-shrink: 0;
	margin-top: 1px;
}
.mtw-payment-result__error p {
	margin: 0;
	font-size: 13px;
	color: #7f1d1d;
	line-height: 1.6;
}
 
/* steps */
.mtw-payment-result__steps {
	display: flex;
	flex-direction: column;
	gap: 14px;
	width: 100%;
	text-align: left;
	padding: 16px 0;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}
.mtw-payment-result__step {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}
.mtw-payment-result__step-num {
	width: 28px;
	height: 28px;
	background: var(--mw-navy);
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 12px;
	flex-shrink: 0;
}
.mtw-payment-result__step div:last-child {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.mtw-payment-result__step strong {
	font-size: 13px;
	font-weight: 700;
	color: var(--mw-navy);
}
.mtw-payment-result__step p {
	margin: 0;
	font-size: 13px;
	color: #666;
	line-height: 1.5;
}
.mtw-payment-result__step a {
	color: var(--mw-orange);
	font-weight: 600;
}
 
/* reference number */
.mtw-payment-result__ref {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 14px 20px;
	background: #f7f8fc;
	border-radius: 8px;
	width: 100%;
}
.mtw-payment-result__ref span {
	font-size: 12px;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}
.mtw-payment-result__ref strong {
	font-size: 20px;
	font-weight: 800;
	color: var(--mw-orange);
	letter-spacing: 0.04em;
}
 
/* buttons */
.mtw-payment-result__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 13px 28px;
	border-radius: 6px;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 14px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	width: 100%;
	transition: background-color 0.2s ease, transform 0.15s ease;
}
.mtw-payment-result__btn--retry {
	background: var(--mw-orange);
	color: #fff;
}
.mtw-payment-result__btn--retry:hover {
	background: var(--mw-orange-dark);
	color: #fff;
	transform: translateY(-2px);
}
 
/* contact note */
.mtw-payment-result__contact {
	margin: 0;
	font-size: 12px;
	color: #888;
}
.mtw-payment-result__contact a {
	color: var(--mw-orange);
	font-weight: 600;
	text-decoration: none;
}

/* -------------------------------------------------------
   REFUND RESULT PAGE  (.mtw-refund-result)
------------------------------------------------------- */
.mtw-refund-result {
	background: #f7f8fc;
	padding: 60px 0;
	min-height: 60vh;
}
.mtw-refund-result__inner {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: 720px;
	margin: 0 auto;
}
.mtw-refund-result__card {
	background: #fff;
	border-radius: 12px;
	padding: 36px 32px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	box-shadow: 0 4px 20px rgba(26,35,64,0.08);
	border: 1px solid #e8eaf0;
}
.mtw-refund-result__card--success { border-top: 4px solid #16a34a; text-align: center; align-items: center; }
.mtw-refund-result__card--fail    { border-top: 4px solid #e53935; text-align: center; align-items: center; }
.mtw-refund-result__card--info    { border-top: 4px solid var(--mw-orange); }
.mtw-refund-result__card p {
	margin: 0;
	font-size: 15px;
	line-height: 1.75;
	color: #444;
}
.mtw-refund-result__card p a { color: var(--mw-orange); font-weight: 600; }

/* icon */
.mtw-refund-result__icon {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #f0fdf4;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mtw-refund-result__icon i { font-size: 36px; color: #16a34a; }
.mtw-refund-result__icon--fail { background: #fff1f0; }
.mtw-refund-result__icon--fail i { color: #e53935; }

/* title */
.mtw-refund-result__title {
	margin: 0;
	font-size: 22px;
	font-weight: 800;
	color: var(--mw-navy);
	text-transform: uppercase;
}
.mtw-refund-result__title span { color: var(--mw-orange); }

/* clickable refund link */
.mtw-refund-result__link {
	color: var(--mw-orange);
	font-weight: 700;
	cursor: pointer;
	text-decoration: underline;
}
.mtw-refund-result__link:hover { color: var(--mw-orange-dark); }

/* contact-field-row — two inputs side by side */
.mtw-contact__field-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
/* enquiry preview block */
.mtw-refund-result__enquiry-preview {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	padding-top: 16px;
	border-top: 1px solid #f0f0f0;
}
.mtw-refund-result__enquiry-warn {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #e53935;
}
.mtw-refund-result__enquiry-warn i { font-size: 18px; flex-shrink: 0; }
.mtw-refund-result__enquiry-warn strong { font-size: 14px; font-weight: 700; }
.mtw-refund-result__enquiry-text {
	background: #fff7f7;
	border-left: 4px solid #e53935;
	border-radius: 0 6px 6px 0;
	padding: 12px 16px;
}
.mtw-refund-result__enquiry-text p {
	margin: 0;
	font-size: 14px;
	font-style: italic;
	color: #9d5454;
	line-height: 1.6;
}
 
/* warning box inside refund/contact result card */
.mtw-refund-result__warning {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 16px;
	background: #fff8f0;
	border: 1px solid #fed7aa;
	border-radius: 6px;
	width: 100%;
	text-align: left;
}
.mtw-refund-result__warning > i {
	font-size: 20px;
	color: var(--mw-orange);
	flex-shrink: 0;
	margin-top: 2px;
}
.mtw-refund-result__warning div {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.mtw-refund-result__warning strong {
	font-size: 14px;
	font-weight: 700;
	color: #92400e;
}
.mtw-refund-result__warning p {
	margin: 0;
	font-size: 13px;
	color: #7c4a00;
}

/* -------------------------------------------------------
   CANCEL MEMBERSHIP  (.mtw-cancel)
------------------------------------------------------- */
.mtw-cancel {
	background: #f7f8fc;
	padding: 60px 0;
	min-height: 60vh;
}
.mtw-cancel__inner {
	max-width: 1000px;
	margin: 0 auto;
}
.mtw-cancel__card {
	background: #fff;
	border-radius: 12px;
	padding: 36px 32px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	box-shadow: 0 4px 24px rgba(26,35,64,0.08);
	border: 1px solid #e8eaf0;
	border-top: 4px solid var(--mw-orange);
}
.mtw-cancel__card--done {
	border-top-color: #16a34a;
	align-items: center;
	text-align: center;
}
.mtw-cancel__card p {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	color: #444;
}
.mtw-cancel__card p a { color: var(--mw-orange); font-weight: 600; }
 
/* card head */
.mtw-cancel__card-head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	text-align: center;
}
 
/* icon */
.mtw-cancel__icon {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.mtw-cancel__icon i { font-size: 34px; }
.mtw-cancel__icon--warn { background: #fff8f0; }
.mtw-cancel__icon--warn i { color: var(--mw-orange); }
.mtw-cancel__icon--danger { background: #fff1f0; }
.mtw-cancel__icon--danger i { color: #e53935; }
.mtw-cancel__icon--done { background: #f0fdf4; }
.mtw-cancel__icon--done i { color: #16a34a; }
.mtw-cancel__icon--success { background: #fff0f6; }
.mtw-cancel__icon--success i { color: #e91e63; }
 
/* title */
.mtw-cancel__title {
	margin: 0;
	font-size: 20px;
	font-weight: 800;
	color: var(--mw-navy);
	line-height: 1.25;
}
.mtw-cancel__title span {
	font-size: 0.85em;
	font-weight: 600;
	text-transform: none;
	display: block;
	color: #555;
	margin-top: 4px;
}
 
/* services grid */
.mtw-cancel__services { width: 100%; }
 
/* confirm question */
.mtw-cancel__confirm-q {
	font-size: 16px;
	font-weight: 700;
	color: var(--mw-navy);
	text-align: center;
	margin: 0;
}
 
/* action buttons row */
.mtw-cancel__btns {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
}
.g-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 24px;
	border-radius: 6px;
	font-family: var(--mw-font);
	font-weight: 800;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	cursor: pointer;
	border: none;
	text-decoration: none;
	transition: background-color 0.2s ease, transform 0.15s ease;
	min-width: 160px;
}
.g-btn.org {
	background: var(--mw-orange);
	color: #fff;
}
.g-btn.org:hover {
	background: var(--mw-orange-dark);
	transform: translateY(-2px);
	color: #fff;
}
.g-btn.red {
	background: #e53935;
	color: #fff;
}
.g-btn.red:hover {
	background: #c62828;
	transform: translateY(-2px);
	color: #fff;
}
.g-btn i.revers { transform: rotate(180deg); }
 
/* select dropdown */
.mtw-cancel__select {
	width: 100%;
	padding: 12px 16px;
	border: 2px solid #dde0ea;
	border-radius: 6px;
	font-family: var(--mw-font);
	font-size: 15px;
	color: var(--mw-navy);
	background: #fff;
	outline: none;
	cursor: pointer;
	transition: border-color 0.2s ease;
}
.mtw-cancel__select:focus { border-color: var(--mw-orange); }
 
/* reference number */
.mtw-cancel__ref {
	font-size: 15px;
	color: var(--mw-navy);
	font-weight: 500;
}
.mtw-cancel__ref strong {
	color: var(--mw-orange);
	font-weight: 800;
}
 
/* error message in signin */
.mtw-signin__error {
	padding: 12px 16px;
	background: #fff1f0;
	border: 1px solid #fca5a5;
	border-radius: 6px;
	margin-bottom: 16px;
}
.mtw-signin__error h3 {
	margin: 0;
	font-size: 14px;
	color: #e53935;
	font-weight: 600;
}




/* -------------------------------------------------------
  BREAKPOINTS
------------------------------------------------------- */

@media (min-width: 641px) {
	.mw-hero-slider,
	.mw-hero-slide { min-height: 520px; }
	.mw-hero-slide__title { font-size: 46px; }
	/*-----------*/
	.mtw-features__grid {
		grid-template-columns: repeat(2, 1fr);
	}
	/* 3 cards — last one centred on 2-col grid */
	.mtw-feature-card:last-child {
		grid-column: 1 / -1;
		max-width: calc(50% - 10px);
		margin: 0 auto;
	}
	/*-----------*/
	.mtw-features__grid {
		grid-template-columns: repeat(2, 1fr);
	}
	/* 3 cards — last one centred on 2-col grid */
	.mtw-feature-card:last-child {
		grid-column: 1 / -1;
		max-width: calc(50% - 10px);
		margin: 0 auto;
	}
	/*--------------*/
	.mtw-section7__steps {
		grid-template-columns: repeat(2, 1fr);
	}
	/*--------------*/
	.mtw-hero-static { min-height: 520px; }
	.mtw-hero-static__title { font-size: 46px; }
	
	/*----------------*/
	.mtw-pricing__list {
		grid-template-columns: repeat(2, 1fr);
	}
	/*---------------*/
	.offer-list { grid-template-columns: repeat(1, 1fr); }
}

@media (min-width: 767px) {
	.mw-hero-slider,
	.mw-hero-slide { min-height: 560px; }

	.mw-hero-slide__title { font-size: 52px; }
	.mw-hero-slide__sub   { display: block; }

	/* overlay: left-fade on wider screens */
	.mw-hero-slide__overlay {
		background: linear-gradient(
			105deg,
			rgba(26,35,64,0.96) 0%,
			rgba(26,35,64,0.82) 38%,
			rgba(26,35,64,0.25) 68%,
			rgba(26,35,64,0.00) 100%
		);
	}

	/* slide content aligns centre-left, not bottom */
	.mw-hero-slide {
		align-items: center;
	}
	.mw-hero-slide__inner {
		padding-top: 60px;
		padding-bottom: 80px;
	}
	.mw-hero-slider__arrows {
		right: 35px;
		bottom: 20px;
	}
	/*-------------------*/
	#mtw-intro {
		padding: 70px 0;
	}
	/*------------------*/
	.mtw-help { padding: 70px 0; }
	.mtw-help__title { font-size: 34px; }
	/*------------------*/
	.mtw-carousel-section { padding: 70px 0 50px; }
	.mtw-carousel-title h2 { font-size: 32px; }
	.mtw-carousel-arrow--prev { left: 16px; }
	.mtw-carousel-arrow--next { right: 16px; }
	/*-----------------*/
	.mtw-features { padding: 70px 0; }
	.mtw-features__title { font-size: 32px; }
	/*-----------------*/
	.mtw-features { padding: 70px 0; }
	.mtw-features__title { font-size: 32px; }
	
	/*-----------------*/
	.mtw-section4 { padding: 70px 0; }
	.mtw-section4__title { font-size: 34px; }
	/*----------------*/
	.mtw-section7 { padding: 70px 0; }
	.mtw-section7__title { font-size: 32px; }
	/*----------------*/
	.mtw-hero-static {
		min-height: 560px;
		align-items: center;
	}
	/* switch to left-fade on wider screens — same as slider */
	.mtw-hero-static__overlay {
		background: linear-gradient(
			105deg,
			rgba(26,35,64,0.96) 0%,
			rgba(26,35,64,0.82) 38%,
			rgba(26,35,64,0.25) 68%,
			rgba(26,35,64,0.00) 100%
		);
	}
	.mtw-hero-static__title { font-size: 52px; }
	.mtw-hero-static__inner {
		padding-top: 60px;
		padding-bottom: 80px;
	}
	.mtw-hero-static__sub { display: block; font-size: 15px; }
	
	/*--------------*/
	.mtw-benefits-intro { padding: 70px 0; }
	.mtw-benefits-intro__title { font-size: 34px; }
	
	/*--------------*/
	.mtw-cta-banner { padding: 64px 0; }
	.mtw-cta-banner__title { font-size: 32px; }
	.mtw-cta-banner__service-list {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 10px;
	}
	.mtw-cta-banner__service-list li { flex: 1 1 auto; }
	
	/*---------------*/
	.mtw-closing { padding: 70px 0; }
	
	/*---------------*/
	.mtw-pricing { padding: 80px 0; }
	.mtw-pricing__title { font-size: 34px; }
	.mtw-pricing__card-header { padding: 32px 40px; }
	.mtw-pricing__card-body { padding: 32px 40px; gap: 24px; }
	.mtw-pricing__amount { font-size: 56px; }
	
	/*---------------*/
	.mtw-offer { padding: 80px 0; }
	.mtw-offer__left { padding: 48px 40px; }
	.mtw-offer__right { padding: 48px 40px; }
	.mtw-offer__right-title { font-size: 26px; }
	
	/*----------------*/
	.mtw-join { padding: 70px 0; }
	.mtw-support-strip__inner {
		flex-direction: row;
		gap: 40px;
	}
	.mtw-support-strip__item { flex: 1; }
	
	/*-------------------*/
	.mtw-contact { padding: 80px 0; }
	.mtw-contact__title { font-size: 34px; }
	
	/*------------------*/
	.mtw-thankyou { padding: 90px 0; }
	.mtw-thankyou__card { padding: 56px 48px; }
	.mtw-thankyou__title { font-size: 32px; }
	
	/*------------------*/
	.mtw-legal { padding: 70px 0; }
	.just-text h1 { font-size: 32px; }
	
	/*------------------*/
	.mtw-signin { padding: 80px 0; }
	
	/*-----------------*/
	.mtw-unsub { padding: 80px 0; }
	.mtw-unsub__title { font-size: 26px; }
	
	/*----------------*/
	.mtw-payment-result { padding: 80px 0; }
	.mtw-payment-result__title { font-size: 28px; }
	
	/*---------------*/
	.mtw-refund-result { padding: 80px 0; }
	
	/*--------------*/
	.mtw-cancel { padding: 80px 0; }
	.mtw-cancel__card { padding: 44px 40px; }
	.mtw-cancel__title { font-size: 24px; }
	.mtw-cancel__btns { flex-wrap: nowrap; }
}

@media (min-width: 992px) {
	.mw-hero-slider,
	.mw-hero-slide { min-height: 620px; }

	.mw-hero-slide__title   { font-size: 60px; }
	.mw-hero-slide__content { max-width: 52%; gap: 18px; }
	.mw-hero-slide__sub     { font-size: 15px; }
	
	/*--------------------*/
	#mtw-intro {
		padding: 80px 0;
	}
	.mtw-intro__inner {
		flex-direction: row;
		align-items: flex-start;
		gap: 60px;
	}
	.mtw-intro__main {
		flex: 1 1 0;
	}
	.mtw-intro__gov {
		flex: 0 0 340px;
		max-width: 340px;
	}
	/*-------------------*/
	.mtw-help { padding: 90px 0; }
 
	.mtw-help__inner {
		flex-direction: row;
		align-items: center;
		gap: 70px;
	}
	.mtw-help__img-wrap {
		max-width: 440px;
	}
	.mtw-help__content {
		flex: 1;
		gap: 22px;
	}
	.mtw-help__title { font-size: 38px; }
 
	/* trust points in a row on desktop */
	.mtw-help__trust {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 20px;
	}
	/*---------------*/
	.mtw-carousel-section { padding: 90px 0 60px; }
 
	.mtw-slide-content {
		flex-direction: row;
		align-items: center;
		gap: 60px;
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.mtw-slide-img {
		max-width: 300px;
	}
	.mtw-slide-text {
		flex: 1;
		gap: 18px;
	}
	.mtw-slide-text h3 { font-size: 36px; }
	.mtw-carousel-arrow--prev { left: 0; }
	.mtw-carousel-arrow--next { right: 0; }
	
	/*--------------*/
	.mtw-features { padding: 90px 0; }
	.mtw-features__title { font-size: 36px; }
 
	.mtw-features__grid {
		grid-template-columns: repeat(3, 1fr);
	}
	/* reset last-child override */
	.mtw-feature-card:last-child {
		grid-column: auto;
		max-width: none;
		margin: 0;
	}
	/*------------------*/
	.mtw-features { padding: 90px 0; }
	.mtw-features__title { font-size: 36px; }
 
	.mtw-features__grid {
		grid-template-columns: repeat(3, 1fr);
	}
	/* reset last-child override */
	.mtw-feature-card:last-child {
		grid-column: auto;
		max-width: none;
		margin: 0;
	}
	
	/*-------------------*/
	.mtw-section4 { padding: 90px 0; }
	.mtw-section4__inner {
		flex-direction: row;
		align-items: center;
		gap: 70px;
	}
	.mtw-section4__content {
		flex: 1;
		gap: 20px;
	}
	.mtw-section4__title { font-size: 38px; }
	.mtw-section4__img-wrap {
		flex: 0 0 420px;
		max-width: 420px;
	}
	.mtw-section4__img-wrap img {
		max-width: unset;
	}
	/*--------------*/
	
	.mtw-section7 { padding: 90px 0; }
	.mtw-section7__title { font-size: 36px; }
 
	.mtw-section7__steps {
		grid-template-columns: repeat(4, 1fr);
		gap: 24px;
	}
	
	/*--------------*/
	.mtw-hero-static { min-height: 620px; }
	.mtw-hero-static__title { font-size: 60px; }
	.mtw-hero-static__content { max-width: 52%; gap: 18px; }
	
	/*---------------*/
	.mtw-benefits-intro { padding: 90px 0; }
	.mtw-benefits-intro__inner {
		flex-direction: row;
		align-items: flex-start;
		gap: 60px;
	}
	.mtw-benefits-intro__main {
		flex: 1;
		gap: 20px;
	}
	.mtw-benefits-intro__title { font-size: 38px; }
	.mtw-benefits-intro__side {
		flex: 0 0 320px;
		max-width: 320px;
	}
	
	/*--------------------*/
	.mtw-cta-banner { padding: 80px 0; }
	.mtw-cta-banner__inner {
		flex-direction: row;
		align-items: center;
		gap: 70px;
	}
	.mtw-cta-banner__content {
		flex: 1;
		gap: 18px;
	}
	.mtw-cta-banner__title { font-size: 36px; }
	.mtw-cta-banner__services {
		flex: 0 0 300px;
		max-width: 300px;
	}
	.mtw-cta-banner__service-list {
		flex-direction: column;
	}
	.mtw-cta-banner__service-list li { flex: none; }
	
	/*-------------*/
	.mtw-closing { padding: 80px 0; }
	.mtw-closing__inner {
		flex-direction: row;
		align-items: flex-start;
		gap: 60px;
	}
	.mtw-closing__main { flex: 1; }
	.mtw-closing__side {
		flex: 0 0 300px;
		max-width: 300px;
	}
	
	/*----------------*/
	.mtw-services { padding: 80px 0 60px; }
	.mtw-services__title { font-size: 34px; }
 
	.mtw-services__body {
		display: flex;
        gap: 0;
        align-items: stretch;
        background: #f7f8fc;
        border-radius: 0px;
        border: 1px solid #f7f8fc;
        /*box-shadow: 0 4px 24px rgba(26, 35, 64, 0.08);*/
        overflow: hidden;
	}
 
	/* tab list */
	.mtw-services__tabs {
		display: flex;
		flex-direction: column;
		flex: 0 0 240px;
		width: 240px;
		background: var(--mw-navy);
		overflow-y: auto;
		scrollbar-width: thin;
		scrollbar-color: rgba(255,255,255,0.2) transparent;
	}
	.mtw-services__tab {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 15px 16px;
		background: transparent;
		border: none;
		border-bottom: 1px solid rgba(255,255,255,0.07);
		border-left: 3px solid transparent;
		color: rgba(255,255,255,0.55);
		font-family: var(--mw-font);
		font-weight: 600;
		font-size: 13px;
		text-align: left;
		cursor: pointer;
		transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
		line-height: 1.3;
		width: 100%;
	}
	.mtw-services__tab i {
		font-size: 16px;
		color: var(--mw-orange);
		flex-shrink: 0;
	}
	.mtw-services__tab:hover {
		background: rgba(255,255,255,0.06);
		color: #fff;
	}
	.mtw-services__tab--active {
		background: rgba(244,124,32,0.12);
		color: #fff;
		border-left-color: var(--mw-orange);
	}
 
	/* track fills remaining space */
	.mtw-services__track {
		flex: 1;
		min-width: 0;
	}
 
	/* cards on desktop */
	.mtw-services__card {
		display: none;
		flex-direction: row;
		align-items: stretch;
		border: none;
		border-radius: 0;
		box-shadow: none;
		height: 100%;
		animation: mtwCardIn 0.3s ease;
	}
	.mtw-services__card--active {
		display: flex;
	}
	@keyframes mtwCardIn {
		from { opacity: 0; transform: translateX(10px); }
		to   { opacity: 1; transform: translateX(0); }
	}
 
	/* image: left half of card */
	.mtw-services__card-img {
		flex: 0 0 50%;
		width: 50%;
		height: auto;
		min-height: 420px;
	}
	.mtw-services__card-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
 
	/* content: right half */
	.mtw-services__card-content {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 16px;
		padding: 36px 32px;
	}
	.mtw-services__card-content h3 {
		font-size: 22px;
	}
	.mtw-services__card-content > p {
		font-size: 14px;
	}
	.mtw-services__card-list li {
		font-size: 13px;
	}
 
	/* hide mobile nav */
	.mtw-services__mobile-nav { display: none; }
	
	/*--------------*/
	.mtw-pricing { padding: 90px 0; }
	.mtw-pricing__title { font-size: 38px; }
	
	/*----------------*/
	.mtw-offer { padding: 90px 0; }
	.mtw-offer__inner {
		flex-direction: row;
		align-items: stretch;
	}
	.mtw-offer__left {
		flex: 0 0 420px;
		max-width: 420px;
	}
	.mtw-offer__right {
		flex: 1;
		justify-content: center;
	}
	.mtw-offer__list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px 20px;
	}
	
	/*---------------*/
	.mtw-join { padding: 90px 0; }
	.mtw-join__inner {
		flex-direction: row;
		align-items: stretch;
	}
	.mtw-join__aside {
		flex: 0 0 360px;
		max-width: 360px;
	}
	.mtw-join__form-wrap {
		flex: 1;
		padding: 48px 44px;
	}
	.mtw-join__form-wrap .simple-list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 8px 20px;
	}
	
	/*---------------*/
	.mtw-contact { padding: 90px 0; }
	.mtw-contact__inner {
		flex-direction: row;
		align-items: flex-start;
		gap: 70px;
	}
	.mtw-contact__info {
		flex: 0 0 340px;
		max-width: 340px;
	}
	.mtw-contact__form-wrap { flex: 1; }
	.mtw-contact__title { font-size: 36px; }
	
	/*----------------*/
	.mtw-legal { padding: 80px 0; }
	.mtw-legal__inner {
		flex-direction: row;
		align-items: flex-start;
		gap: 50px;
	}
	.mtw-legal__sidebar {
		flex: 0 0 240px;
		max-width: 240px;
		position: sticky;
		top: 100px;
	}
	.just-text h1 { font-size: 36px; }
	
	/*-----------------*/
	.mtw-signin__inner {
		flex-direction: row;
		align-items: stretch;
	}
	.mtw-signin__left {
		flex: 0 0 340px;
		max-width: 340px;
		justify-content: center;
	}
	.mtw-signin__right {
		flex: 1;
		padding: 48px 44px;
	}
	
	/*--------------------*/
	#main { margin-top: 60px; }
	#show-all-info > h2 { font-size: 26px; }
	.offer-list { grid-template-columns: repeat(2, 1fr); }
	.offer-list2-img {
		width: 64px;
		padding: 4px;
	}
	.offer-list2-img img {
		width: 60px;
		height: 60px;
	}
}

@media (min-width: 1200px) {
	.mw-hero-slider,
	.mw-hero-slide { min-height: 680px; }

	.mw-hero-slide__title { font-size: 68px; }
	.mw-hero-slide__inner {
		padding-top: 80px;
		padding-bottom: 100px;
	}
	.mw-hero-slider__arrows { right: 40px; }
	/*---------------*/
	.mtw-intro__gov {
		flex: 0 0 380px;
		max-width: 380px;
	}
	/*---------------*/
	.mtw-help__img-wrap { max-width: 500px; }
	.mtw-help__title { font-size: 42px; }
	/*---------------*/
	
	.mtw-slide-text h3 { font-size: 42px; }
	.mtw-slide-img { max-width: 340px; }
	
	/*----------------*/
	.mtw-features__title { font-size: 40px; }
	.mtw-feature-card { padding: 32px 28px; }
	
	/*----------------*/
	.mtw-features__title { font-size: 40px; }
	.mtw-feature-card { padding: 32px 28px; }
	
	/*---------------*/
	.mtw-section4__title { font-size: 42px; }
	.mtw-section4__img-wrap {
		flex: 0 0 480px;
		max-width: 480px;
	}
	
	/*------------*/
	.mtw-section7__title { font-size: 40px; }
	.mtw-step { padding: 32px 24px; }
	
	/*----------------*/
	.mtw-hero-static { min-height: 680px; }
	.mtw-hero-static__title { font-size: 68px; }
	.mtw-hero-static__inner {
		padding-top: 80px;
		padding-bottom: 100px;
	}
	
	/*--------------*/
	.mtw-benefits-intro__side {
		flex: 0 0 360px;
		max-width: 360px;
	}
	.mtw-benefits-intro__title { font-size: 42px; }
	
	/*-----------------*/
	.mtw-cta-banner__title { font-size: 40px; }
	.mtw-cta-banner__services {
		flex: 0 0 340px;
		max-width: 340px;
	}
	
	/*---------------*/
	.mtw-closing__side {
		flex: 0 0 340px;
		max-width: 340px;
	}
	
	/*---------------*/
	.mtw-services__tabs {
		flex: 0 0 260px;
		width: 260px;
	}
	.mtw-services__tab { font-size: 13px; padding: 16px 18px; }
	.mtw-services__card-img { flex: 0 0 48%; width: 48%; }
	.mtw-services__card-content { padding: 44px 40px; gap: 18px; }
	.mtw-services__card-content h3 { font-size: 24px; }
	
	/*------------*/
	.mtw-offer__left {
		flex: 0 0 460px;
		max-width: 460px;
		padding: 56px 48px;
	}
	.mtw-offer__right { padding: 56px 48px; }
	.mtw-offer__right-title { font-size: 28px; }
	
	/*------------------*/
	.mtw-join__aside {
		flex: 0 0 400px;
		max-width: 400px;
		padding: 56px 44px;
	}
	.mtw-join__form-wrap { padding: 56px 52px; }
	
	/*---------------*/
	.mtw-contact__info {
		flex: 0 0 380px;
		max-width: 380px;
	}
	
	/*---------------*/
	.mtw-legal__sidebar {
		flex: 0 0 260px;
		max-width: 260px;
	}
}

@media (min-width: 1400px) {
	.mw-hero-slider,
	.mw-hero-slide { min-height: 720px; }
	.mw-hero-slide__title { font-size: 74px; }
	.mw-hero-slider__arrows { right: 60px; }
	
	/*-----------*/
	.mtw-hero-static { min-height: 720px; }
	.mtw-hero-static__title { font-size: 74px; }
	
	/*--------------*/
	.mtw-services__tabs {
		flex: 0 0 280px;
		width: 280px;
	}
}

/*========== loading spiner =============*/
#mt-loading-spinner {
	position: fixed;
	top: 0;
	left: 50%;
	width: 100%;
	transform: translate(-50%, 0);
	z-index: 9999;
	margin: 0 auto;
	height: 100%;
	background-color: rgba(26, 35, 64, 0.96);
	animation: fadeIn 0.3s ease-in-out;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
#mt-loading-spinner h3 {
	font-size: 15px;
	font-weight: 500;
	color: rgba(255,255,255,0.85);
	width: 100%;
	text-align: center;
	margin: 0;
	letter-spacing: 0.04em;
}
#mt-loading-spinner > div {
	display: flex;
	align-items: center;
	justify-content: center;
}
.loader {
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 4px solid rgba(255,255,255,0.15);
	border-top-color: #f47c20;
	animation: mulShd8Spin 0.9s infinite linear;
	transform: translateZ(0);
}
@keyframes mulShd8Spin {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
@keyframes fadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}