/* ---------- 1. Design tokens ---------- */
	:root {
		--wr-white: #ffffff;
		--wr-neutral: #fcfbfa;
		--wr-black: #1c0f13;
		--wr-ink: #000000;
		--wr-primary: #0f4c81;
		--wr-primary-deep: #002f6c;
		--wr-secondary: #1e88e5;
		--wr-heading: #242527;
		--wr-dark-900: #1c232d;
		--wr-gray-900: #2a3342;
		--wr-gray-700: #374151;
		--wr-gray-600: #556987;
		--wr-gray-500: #6b7280;
		--wr-gray-200: #e5e7eb;
		--wr-gray-100: #f3f4f6;
		--wr-gray-50: #f9fafb;
		--wr-border: #d5dae1;
		--wr-header-bg: #5f5f5f;
		--wr-popup: rgba(0, 20, 22, .8);
		/* --wr-rule:rgba(255,255,255,.2); */
		--wr-rule: #00C2A8;
		--wr-border: #00C2A8;
		--wr-accent: linear-gradient(143.34deg, #1e88e5 .33%, #0f4c81 93.35%);
		--wr-scrim: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 24.298%);

		--wr-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
		--wr-font-alt: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
		--wr-fs-h1: 48px;
		--wr-fs-h2: 40px;
		--wr-fs-h3: 32px;
		--wr-fs-h4: 24px;
		--wr-fs-h5: 20px;
		--wr-fs-xl: 18px;
		--wr-fs-l: 16px;
		--wr-fs-m: 14px;
		--wr-lh-xl: 26px;
		--wr-lh-l: 24px;
		--wr-lh-m: 20px;
		--wr-fw-regular: 400;
		--wr-fw-medium: 500;
		--wr-fw-semibold: 600;
		--wr-fw-bold: 700;

		--wr-sp-4: 4px;
		--wr-sp-8: 8px;
		--wr-sp-12: 12px;
		--wr-sp-16: 16px;
		--wr-sp-20: 20px;
		--wr-sp-24: 24px;
		--wr-sp-32: 32px;
		--wr-sp-40: 40px;
		--wr-sp-48: 48px;
		--wr-sp-64: 64px;

		--wr-container: 1200px;
		--wr-gutter: 120px;
		--wr-shell: 1440px;
		--wr-section-gap: 60px;
		--wr-section-lead: 52px;

		--wr-radius-pill: 21px;
		--wr-shadow-input: 0 1px 2px 0 rgba(0, 0, 0, .05);
		--wr-shadow-arrow: drop-shadow(0 0 4px rgba(0, 0, 0, .1));
	}

	/* ---------- 2. Base ---------- */
	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}

	.wr-page {
		margin: 0;
		background: var(--wr-white);
		font-family: var(--wr-font);
		font-size: var(--wr-fs-l);
		font-weight: var(--wr-fw-regular);
		line-height: var(--wr-lh-l);
		color: var(--wr-gray-700);
		overflow-x: hidden;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.wr-page img {
		display: block;
		max-width: 100%;
	}

	.wr-page a {
		text-decoration: none;
	}

	.wr-page :focus-visible {
		outline: 2px solid var(--wr-secondary);
		outline-offset: 2px;
	}

	.wr-shell {
		width: 100%;
		max-width: var(--wr-shell);
		margin-inline: auto;
	}

	.wr-container {
		width: 100%;
		max-width: calc(var(--wr-container) + (var(--wr-gutter) * 2));
		margin-inline: auto;
		padding-inline: var(--wr-gutter);
	}

	.wr-icon {
		flex: none;
	}

	.wr-icon--14 {
		width: 14px;
		height: 14px;
	}

	.wr-icon--16 {
		width: 16px;
		height: 16px;
	}

	.wr-section {
		padding-top: var(--wr-section-gap);
		padding-bottom: 0;
	}

	.wr-section--band {
		padding-bottom: var(--wr-section-gap);
	}

	.wr-section--lead {
		padding-top: var(--wr-section-lead);
	}

	.wr-section--flush {
		padding-top: 0;
	}

	.wr-section--gray-100 {
		background: var(--wr-gray-100);
	}

	.wr-section--gray-50 {
		background: var(--wr-gray-50);
	}

	.wr-section--deferred {
		content-visibility: auto;
		contain-intrinsic-size: auto 900px;
	}

	/* ---------- 3. Header / navigation ---------- */
	.wr-header {
		position: relative;
		z-index: 30;
		background: var(--wr-header-bg);
	}

	.wr-header__inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		max-width: var(--wr-shell);
		margin-inline: auto;
		padding: 6px var(--wr-gutter);
	}

	.wr-header__logo {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50px;
		padding: 10px;
		font-size: var(--wr-fs-h3);
		font-weight: var(--wr-fw-semibold);
		line-height: normal;
		color: var(--wr-neutral);
		white-space: nowrap;
	}

	.wr-header__toggle {
		display: none;
		align-items: center;
		justify-content: center;
		width: 32px;
		height: 32px;
		padding: 0;
		border: 0;
		background: transparent;
		color: var(--wr-neutral);
		cursor: pointer;
	}

	.wr-header__toggle svg {
		width: 32px;
		height: 32px;
	}

	.wr-nav__list {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.wr-nav__link {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: var(--wr-sp-8);
		padding: 16px 12px;
		font-size: var(--wr-fs-l);
		font-weight: var(--wr-fw-regular);
		line-height: var(--wr-lh-l);
		color: var(--wr-gray-200);
		text-align: center;
		text-transform: uppercase;
	}

	/* ---------- 4. Hero ---------- */
	.wr-hero {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		min-height: 810px;
		padding: 318px 211px 256px 233px;
		overflow: hidden;
	}

	.wr-hero__media {
		position: absolute;
		top: -18.63%;
		left: 0;
		width: 100%;
		height: 118.66%;
		object-fit: cover;
		z-index: 0;
	}

	.wr-hero__overlay {
		position: relative;
		z-index: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 996px;
		max-width: 100%;
		padding: 46px 32px;
		background: var(--wr-popup);
	}

	.wr-hero__title {
		margin: 0;
		font-size: var(--wr-fs-h1);
		font-weight: var(--wr-fw-bold);
		line-height: normal;
		color: var(--wr-white);
		text-align: center;
	}

	/* ---------- 3. Hero ---------- */
	.wr-hero {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		min-height: 640px;
		overflow: hidden;
	}

	.wr-hero__media {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 0;
	}

	.wr-hero__panel {
		position: relative;
		z-index: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: var(--wr-sp-20);
		width: 996px;
		max-width: 100%;
		padding: 46px 32px;
		background: var(--wr-popup);
		text-align: center;
	}
@media (max-width:768px) {
	.wr-hero__panel {
		padding: 40px 32px;
	}
}
	.wr-hero__title {
		margin: 0;
		width: 100%;
		font-family: var(--wr-font);
		font-size: var(--wr-fs-h1);
		font-weight: var(--wr-fw-bold);
		line-height: normal;
		color: var(--wr-white);
	}

	.wr-hero__subtitle {
		margin: 0;
		width: 100%;
		font-family: var(--wr-font);
		font-size: var(--wr-lh-m);
		font-weight: var(--wr-fw-regular);
		line-height: var(--wr-lh-xl);
		color: var(--wr-white);
	}

	/* ---------- 5. Intro ---------- */
	.wr-intro {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--wr-sp-20);
		text-align: center;
	}

	.wr-intro__title {
		margin: 0;
		width: 100%;
		font-size: var(--wr-fs-h3);
		font-weight: var(--wr-fw-bold);
		line-height: normal;
		color: var(--wr-black);
	}
	.wr-intro--sec {background-color:#ffffff;}	
	.wr-intro__subtitle {
		margin:0;
		font-size:var(--wr-fs-h4,24px);
		font-weight:var(--wr-fw-bold,700);
		line-height:normal;
		color:var(--wr-gray-600,#556987);
		text-align:center;
	}
	@media (max-width:768px) {
		.wr-intro__subtitle {
			font-size: var(--wr-fs-l);
		}
	}

	.wr-intro__body {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--wr-sp-16);
		width: 100%;
	}

	.wr-intro__text {
		margin: 0;
		font-size: var(--wr-fs-xl);
		font-weight: var(--wr-fw-regular);
		line-height: var(--wr-lh-xl);
		color: var(--wr-gray-700);
	}

	.wr-intro__more {
		display: none;
		align-items: center;
		gap: var(--wr-sp-4);
		padding: 6px 12px 6px 16px;
		border: 0;
		background: transparent;
		font-family: inherit;
		font-size: var(--wr-fs-m);
		font-weight: var(--wr-fw-medium);
		line-height: var(--wr-lh-m);
		color: var(--wr-black);
		cursor: pointer;
	}
	.wr-intro__more:hover, .wr-intro__more:focus {
		color: var(--wr-primary);
	}

	/* ---------- 6. Section heading ---------- */
	.wr-heading {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--wr-sp-32);
		width: 100%;
	}

	.wr-heading__main {
		display: flex;
		flex: 1 0 0;
		min-width: 0;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--wr-sp-16);
	}

	.wr-heading__bar {
		flex: none;
		width: 90px;
		height: 9px;
		background: var(--wr-accent);
	}

	.wr-heading__title {
		margin-top: 0px;
		margin-bottom: 20px;
		width: 100%;
		font-size: var(--wr-fs-h2);
		font-weight: var(--wr-fw-bold);
		line-height: normal;
		color: var(--wr-heading);
	}

	.wr-heading__note {
		flex: none;
		width: 448px;
		margin: 0;
		font-size: var(--wr-fs-xl);
		font-weight: var(--wr-fw-regular);
		line-height: var(--wr-lh-xl);
		color: var(--wr-gray-500);
		text-align: right;
	}

	.wr-heading--center {
		justify-content: center;
	}

	.wr-heading--center .wr-heading__main {
		align-items: center;
	}

	.wr-heading--center .wr-heading__title {
		text-align: center;
		margin-bottom: 0;
	}

	.wr-heading--stacked {
		flex-direction: column;
		align-items: center;
		gap: var(--wr-sp-8);
		padding-inline: var(--wr-sp-20);
	}

	.wr-heading--stacked .wr-heading__main {
		flex: none;
		align-items: center;
		gap: var(--wr-sp-12);
	}

	.wr-heading--stacked .wr-heading__title {
		width: auto;
		text-align: center;
		white-space: nowrap;
	}

	.wr-lede {
		margin: 0;
		font-size: var(--wr-fs-xl);
		font-weight: var(--wr-fw-regular);
		line-height: var(--wr-lh-xl);
		color: var(--wr-gray-700);
	}

	.wr-lede--center {
		text-align: center;
	}

	/* ---- Feature card with excerpt + Read more (desktop 418.82 px). ---- */
	.wr-feature--excerpt .wr-feature__body {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: var(--wr-sp-8);
		width: 100%;
		flex: 1 1 auto;
		min-height: 0;
		overflow: hidden;
	}

	.wr-feature--excerpt .wr-feature__caption {
		margin: 0;
		font-size: var(--wr-fs-xl);
		font-weight: var(--wr-fw-semibold);
		line-height: var(--wr-lh-xl);
	}

	.wr-feature--excerpt .wr-feature__excerpt {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
		width: 100%;
	}

	.wr-feature--excerpt .wr-feature__text {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		margin: 0;
		width: 100%;
		font-size: var(--wr-fs-l);
		font-weight: var(--wr-fw-regular);
		line-height: var(--wr-lh-l);
		color: var(--wr-gray-700);
		text-align: center;
	}

	.wr-feature--excerpt .wr-feature__more {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: var(--wr-fs-l);
		font-weight: var(--wr-fw-medium);
		line-height: var(--wr-lh-l);
		color: var(--wr-secondary);
		text-align: center;
		white-space: nowrap;
	}

	.wr-feature--excerpt {
		min-height: 419px;
	}

	@media (max-width:768px) {
		.wr-feature--excerpt {
			min-height: 0;
		}
	}
	

	/* ---------- 7. Blocks + feature rails ---------- */
	.wr-block {
		display: flex;
		flex-direction: column;
		gap: var(--wr-sp-20);
		width: 100%;
	}
	.wr-block--gap-12 {
		gap: var(--wr-sp-12);
	}
	.wr-block--gap-16 {
		gap: var(--wr-sp-16);
	}
	.wr-block--gap-24 {
		gap: var(--wr-sp-24);
	}

	.wr-block--gap-32 {
		gap: var(--wr-sp-32);
	}

	.wr-block--center {
		align-items: center;
	}

	.wr-block__copy {
		display: flex;
		flex-direction: column;
		gap: var(--wr-sp-16);
		width: 100%;
	}

	.wr-block__copy--narrow {
		width: 966px;
		max-width: 100%;
	}

	.wr-features {
		display: flex;
		align-items: flex-start;
		gap: var(--wr-sp-20);
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.wr-features--lg {
		gap: var(--wr-sp-32);
	}

	.wr-feature {
		display: flex;
		flex: 1 0 0;
		min-width: 0;
		flex-direction: column;
		align-items: center;
		gap: var(--wr-sp-16);
	}
	@media (max-width:768px){
	.wr-features{
		flex-wrap: nowrap;
		gap: var(--wr-sp-20);
		width: auto;              /* override width:100% của rule gốc -> rail nở được */
		margin-right: -20px;      /* tràn 20px vào padding phải của container */
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.wr-features::-webkit-scrollbar{ display: none; }

	/* Thiếu dòng này thì scroll-snap-type ở trên không có tác dụng */
	.wr-features .wr-feature{ scroll-snap-align: start; }
	}

	.wr-feature__media {
		position: relative;
		width: 100%;
		aspect-ratio: 235/178;
		overflow: hidden;
	}

	.wr-feature__img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.wr-feature__caption {
		margin: 0;
		width: 100%;
		font-size: var(--wr-fs-l);
		font-weight: var(--wr-fw-semibold);
		line-height: var(--wr-lh-l);
		color: var(--wr-gray-700);
		text-align: center;
	}

	.wr-features--lg .wr-feature__caption {
		font-size: var(--wr-fs-xl);
		line-height: var(--wr-lh-xl);
	}

	/* ---------- 8. Service cards ---------- */
	.wr-services {
		display: flex;
		align-items: stretch;
		gap: var(--wr-sp-32);
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.wr-service {
		display: flex;
		flex: 1 0 0;
		min-width: 0;
		flex-direction: column;
		gap: var(--wr-sp-20);
		background: var(--wr-neutral);
	}

	.wr-service__media {
		position: relative;
		width: 100%;
		height: 258px;
		overflow: hidden;
	}

	.wr-service__img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.wr-service__body {
		display: flex;
		flex-direction: column;
		gap: var(--wr-sp-8);
		padding: 0 var(--wr-sp-24) var(--wr-sp-24);
	}

	.wr-service__title {
		margin: 0;
		font-size: var(--wr-fs-h5);
		font-weight: var(--wr-fw-bold);
		line-height: normal;
		color: var(--wr-black);
	}

/* ---------- 9. Check list ---------- */
/* Icon + text benefits row — "Why Fast Response Matters" / "Licensed & Insured" */
.wr-checks{
  display:flex;
  align-items:flex-start;
  gap:32px;                 /* Figma: gap-[32px] */
  width:100%;
  margin:0; padding:0; list-style:none;
}
.wr-checks__item{
  flex:1 0 0;               /* Figma: flex-[1_0_0] -> 5 cột đều nhau */
  min-width:0;              /* Figma: min-w-px */
  display:flex;
  align-items:flex-start;
  gap:8px;                  /* Figma: gap-[8px] icon <-> text */
}
.wr-checks__icon{
  flex-shrink:0;            /* Figma: shrink-0 */
  display:block;
  width:24px; height:22px;  /* Figma: w-[24px] h-[22px] */
  color:var(--wr-secondary);/* #1E88E5 */
}
.wr-checks__icon svg{ display:block; width:24px; height:24px; }
.wr-checks__text{
  flex:1 0 0;               /* Figma: flex-[1_0_0] */
  min-width:0;
  margin:0;
  font-size:var(--wr-fs-l, 16px);        /* 16px */
  font-weight:var(--wr-fw-medium, 500);  /* Poppins Medium */
  line-height:var(--wr-lh-l, 24px);      /* 24px */
  color:var(--wr-ink, #000);             /* đen */
  word-break:break-word;
}

/* Tablet: cho 5 cột xuống hàng */
@media (max-width:1024px){
  .wr-checks{ flex-wrap:wrap; }
  .wr-checks__item{ flex:1 1 calc((100% - 32px) / 2); }  /* 2 cột */
}

/* Mobile: xếp dọc 1 cột */
@media (max-width:768px){
  .wr-checks{ gap:16px; }
  .wr-checks__item{ flex:1 1 100%; }
}

/* ---------- 10. Equipment split + spec list ---------- */
.wr-split {
	display: flex;
	align-items: center;
	gap: var(--wr-sp-64);
	width: 100%;
}


.wr-split__copy {
	display: flex;
	flex: none;
	flex-direction: column;
	gap: var(--wr-sp-20);
}
.wr-split-sec .wr-split__copy {
	display: flex;
	flex: none;
	flex-direction: column;
	gap: var(--wr-sp-20);
	width: 46%;
}
@media (max-width:768px){
	.wr-split-sec .wr-split__copy { width: 100%;}
}
@media (min-width:992px){
	.page-id-10 .wr-split-sec .wr-split__copy { width: 48%;}
}

.wr-split__title {
	margin: 0;
	font-size: var(--wr-fs-h2);
	font-weight: var(--wr-fw-bold);
	line-height: normal;
	color: var(--wr-dark-900);
}

.wr-split__text {
	margin: 0;
	font-size: var(--wr-fs-l);
	font-weight: var(--wr-fw-regular);
	line-height: var(--wr-lh-l);
	color: var(--wr-gray-700);
}

.wr-specs {
	display: flex;
	flex: 1 0 0;
	min-width: 0;
	flex-direction: column;
	gap: var(--wr-sp-24);
	margin: 0;
	padding: 0;
	list-style: none;
}

.wr-specs__item {
	padding-bottom: var(--wr-sp-24);
	border-bottom: 1px solid var(--wr-gray-200);
}

.wr-specs__item:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.wr-specs__text {
	display: list-item;
	list-style: disc outside;
	margin: 0 0 0 27px;
	font-size: var(--wr-fs-xl);
	font-weight: var(--wr-fw-medium);
	line-height: var(--wr-lh-xl);
	color: var(--wr-ink);
}

/* ---------- 11. Tabs + carousel ---------- */
.wr-expertise__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--wr-sp-16);
	width: 100%;
	padding-inline: var(--wr-gutter);
}

.wr-expertise__lede {
	width: 990px;
	max-width: 100%;
}

.wr-expertise__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--wr-sp-32);
	width: 100%;
}

.wr-tabs {
	display: flex;
	align-items: center;
	/* width: 994px; */
	max-width: 100%;
	margin-inline: auto;
}

.wr-tab {
	display: flex;
	flex: 1 0 0;
	min-width: 0;
	align-items: center;
	justify-content: center;
	padding: 20px 24px;
	border: 0;
	border-bottom: 2px solid var(--wr-gray-200);
	background: transparent;
	font-family: inherit;
	font-size: var(--wr-fs-xl);
	font-weight: var(--wr-fw-regular);
	line-height: var(--wr-lh-xl);
	color: var(--wr-gray-700);
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
}

.wr-tab--active {
	border-bottom-color: var(--wr-primary);
	font-weight: var(--wr-fw-bold);
	color: var(--wr-primary);
}

.wr-carousel {
	position: relative;
	width: 100%;
}

.wr-carousel__inner {
	width: 100%;
	max-width: calc(var(--wr-container) + (var(--wr-gutter) * 2));
	margin-inline: auto;
	padding-inline: var(--wr-gutter);
}

.wr-carousel__lede {
	margin: 0 0 var(--wr-sp-24);
	font-size: var(--wr-fs-xl);
	line-height: var(--wr-lh-xl);
	color: var(--wr-gray-700);
	text-align: center;
}

.wr-carousel__track {
	display: flex;
	align-items: center;
	gap: var(--wr-sp-32);
	margin: 0;
	padding: 0;
	list-style: none;
	flex-wrap: nowrap;
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.wr-carousel__track::-webkit-scrollbar {
	display: none;
}

.wr-carousel__btn {
	position: absolute;
	top: 228px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 9px 8px 9px 10px;
	transform: translateY(-50%);
	border: 0;
	border-radius: var(--wr-radius-pill);
	background: var(--wr-neutral);
	color: var(--wr-black);
	filter: var(--wr-shadow-arrow);
	cursor: pointer;
}

.wr-carousel__btn svg {
	width: 24px;
	height: 24px;
}

.wr-carousel__btn--prev {
	left: 40px;
}

.wr-carousel__btn--next {
	right: 40px;
}

.wr-carousel__btn--next svg {
	/* transform:rotate(180deg); */
}

.wr-card {
	position: relative;
	display: flex;
	flex: none;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	width: 276px;
	height: 356px;
	padding: var(--wr-sp-24);
	overflow: hidden;
	scroll-snap-align: start;
}

.wr-card__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wr-card__scrim {
	position: absolute;
	inset: 0;
	background: var(--wr-scrim);
}

.wr-card__title {
	position: relative;
	margin: 0;
	font-size: var(--wr-fs-h5);
	font-weight: var(--wr-fw-bold);
	line-height: normal;
	color: var(--wr-neutral);
}

/* ---------- 12. FAQ ---------- */
.wr-faq {
	display: flex;
	align-items: center;
	gap: var(--wr-sp-64);
	width: 100%;
}

.wr-faq__intro {
	flex: none;
	width: 496px;
}

.wr-faq__title {
	margin: 0;
	font-size: var(--wr-fs-h2);
	font-weight: var(--wr-fw-bold);
	line-height: normal;
	color: var(--wr-dark-900);
}

.wr-faq__list {
	display: flex;
	flex: none;
	width: 640px;
	flex-direction: column;
	gap: var(--wr-sp-24);
}

.wr-faq__item {
	width: 100%;
	padding-bottom: 20px;
	border-bottom: 1px solid #E5E7EB;
}
.wr-faq__item:last-child {
	border-bottom: 0;
}

.wr-faq__question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wr-sp-24);
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	font-family: inherit;
	font-size: var(--wr-fs-xl);
	font-weight: var(--wr-fw-semibold);
	line-height: var(--wr-lh-l);
	color: var(--wr-gray-900);
	text-align: left;
	cursor: pointer;
}
@media (max-width:768px) {
	.wr-faq__question {
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 24px;
	}
}
	.wr-faq__icon {
		flex: 0 0 24px;
		width: 24px;
		height: 24px;

		display: flex;
		align-items: center;
		justify-content: center;

		color: #1E88E5;
		transition: transform .3s ease;
		transform-origin: center;
	}

	.wr-faq__item--open .wr-faq__icon {
		transform: rotate(180deg);
	}

	.wr-faq__answer {
		max-height: 0;
		overflow: hidden;
		transition: max-height .35s ease, margin-top .35s ease;
	}

	.wr-faq__item--open .wr-faq__answer {
		max-height: 480px;
		margin-top: var(--wr-sp-16);
	}

	.wr-faq__text {
		margin: 0;
		font-size: var(--wr-fs-l);
		font-weight: var(--wr-fw-regular);
		line-height: var(--wr-lh-l);
		color: var(--wr-gray-600);
	}

	/* ---------- 13. Areas we serve ---------- */
	.wr-areas {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--wr-sp-20);
		padding: var(--wr-sp-48) var(--wr-sp-64);
		background: var(--wr-primary);
		text-align: center;
	}

	.wr-areas__title {
		margin: 0;
		width: 100%;
		font-size: var(--wr-fs-h2);
		font-weight: var(--wr-fw-bold);
		line-height: normal;
		color: var(--wr-neutral);
	}

	.wr-areas__body {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--wr-sp-16);
		width: 100%;
		margin-inline: auto;
		text-align: center;
	}

	.wr-areas__text {
		margin: 0;
		font-size: var(--wr-fs-l);
		font-weight: var(--wr-fw-regular);
		line-height: var(--wr-lh-l);
		color: var(--wr-gray-200);
	}

	.wr-areas__text--bold {
		font-weight: var(--wr-fw-bold);
	}


	/* ---------- 7. Process ---------- */
	/* ---- Process: positioned track so the connectors are not <ol> children. ---- */
	.wr-process .wr-process__track {
		position: relative;
		width: 1200px;
		margin-inline: auto;
	}

	.wr-process .wr-process__steps {
		width: 100%;
		margin-inline: 0;
	}

	.wr-process {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--wr-sp-24);
		width: 100%;
	}

	.wr-process__rail {
		width: 100%;
		overflow-x: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.wr-process__rail::-webkit-scrollbar {
		display: none;
	}

	.wr-process__steps {
		display: flex;
		align-items: flex-start;
		width: 1200px;
		margin: 0 auto;
		padding-block: 6px;
		list-style: none;
	}

	.wr-process__step {
		position: relative;
		flex: 0 0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--wr-sp-12);
	}

	/* Nửa đoạn trái: mép trái step -> mép trái badge */
	.wr-process__step::before {
		content: "";
		position: absolute;
		top: 24px;
		left: 0;
		right: calc(50% + 24px);
		height: 1px;
		background: var(--wr-border);
	}

	/* Nửa đoạn phải: mép phải badge -> mép phải step */
	.wr-process__step::after {
		content: "";
		position: absolute;
		top: 24px;
		left: calc(50% + 24px);
		right: 0;
		height: 1px;
		background: var(--wr-border);
	}

	.wr-process__step:first-child::before,
	.wr-process__step:last-child::after {
		content: none;
	}

	/* Phần nối giữa hai step, nuốt hết khoảng trống còn lại */
	.wr-process__conne ctor {
		flex: 1 1 0;
		min-width: 0;
		height: 1px;
		margin-top: 24px;
		background: var(--wr-rule);
	}

	.wr-process__badge {
		position: relative;
		z-index: 1;
		display: flex;
		flex: none;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 48px;
		border: 2px solid var(--wr-accent-teal);
		border-radius: 30px;
		background: var(--wr-secondary);
		font-family: var(--wr-font-num);
		font-size: var(--wr-fs-h6);
		font-weight: var(--wr-fw-semibold);
		line-height: normal;
		color: var(--wr-neutral);
		text-align: center;
		text-transform: uppercase;
		border: 2px solid #00C2A8;

	}

	.wr-process__label {
		margin: 0;
		font-size: var(--wr-fs-l);
		font-weight: var(--wr-fw-bold);
		line-height: var(--wr-lh-l);
		color: var(--wr-step-ink);
		text-align: center;
		white-space: nowrap;
	}

	.wr-process__label--wrap {
		width: 199px;
		white-space: normal;
	}

	/* ---------- 14. Footer ---------- */
	.wr-footer {
		margin-top: var(--wr-section-gap);
		background: var(--wr-black);
	}

	.wr-footer__inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--wr-sp-32);
		width: 100%;
		max-width: var(--wr-shell);
		margin-inline: auto;
		padding: var(--wr-sp-40) var(--wr-gutter);
	}

	.wr-footer__top {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		width: 100%;
	}

	.wr-footer__brand {
		display: flex;
		flex-direction: column;
		gap: var(--wr-sp-20);
	}

	.wr-footer__brand-body {
		display: flex;
		flex-direction: column;
		gap: var(--wr-sp-20);
	}

	.wr-footer__logo {
		margin: 0;
		font-size: var(--wr-fs-h4);
		font-weight: var(--wr-fw-semibold);
		line-height: normal;
		color: var(--wr-white);
		text-transform: uppercase;
		white-space: nowrap;
	}

	.wr-footer__address {
		margin: 0;
		font-size: var(--wr-fs-l);
		line-height: var(--wr-lh-l);
		color: var(--wr-white);
	}

	.wr-footer__contacts {
		display: flex;
		flex-direction: column;
		gap: var(--wr-sp-16);
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.wr-footer__contact {
		display: flex;
		align-items: center;
		gap: var(--wr-sp-12);
	}

	.wr-footer__contact-icon {
		flex: none;
		width: 24px;
		height: 24px;
		color: var(--wr-white);
	}

	.wr-footer__contact-text {
		font-size: var(--wr-fs-l);
		line-height: var(--wr-lh-l);
		color: var(--wr-white);
	}

	.wr-footer__contact-link {
		font-size: var(--wr-fs-l);
		line-height: var(--wr-lh-l);
		color: var(--wr-secondary);
	}

	.wr-footer__col {
		display: flex;
		flex-direction: column;
		gap: var(--wr-sp-20);
	}

	.wr-footer__col--info {
		width: 143px;
	}

	.wr-footer__col--news {
		width: 431px;
	}

	.wr-footer__heading {
		margin: 0;
		font-size: var(--wr-fs-xl);
		font-weight: var(--wr-fw-bold);
		line-height: var(--wr-lh-xl);
		color: var(--wr-white);
	}

	.wr-footer__heading--neutral {
		color: var(--wr-neutral);
	}

	.wr-footer__menu {
		display: flex;
		flex-direction: column;
		gap: var(--wr-sp-16);
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.wr-footer__menu-link {
		font-size: var(--wr-fs-l);
		line-height: var(--wr-lh-l);
		color: var(--wr-gray-200);
	}

	.wr-footer__news-copy {
		display: flex;
		flex-direction: column;
		gap: var(--wr-sp-20);
	}

	.wr-footer__news-text {
		margin: 0;
		font-size: var(--wr-fs-l);
		line-height: var(--wr-lh-l);
		color: var(--wr-gray-200);
	}

	.wr-footer__form {
		display: flex;
		align-items: center;
		width: 100%;
	}

	.wr-footer__input {
		flex: 1 0 0;
		min-width: 0;
		height: 42px;
		padding: 10px 14px;
		border: 1px solid var(--wr-border);
		border-radius: 0;
		background: var(--wr-white);
		box-shadow: var(--wr-shadow-input);
		font-family: inherit;
		font-size: var(--wr-fs-m);
		line-height: var(--wr-lh-m);
		color: var(--wr-gray-500);
	}

	.wr-footer__input::placeholder {
		color: var(--wr-gray-500);
		opacity: 1;
	}

	.wr-footer__submit {
		display: flex;
		flex: none;
		align-items: center;
		justify-content: center;
		height: 42px;
		padding: 16px 24px;
		border: 0;
		background: var(--wr-primary-deep);
		font-family: inherit;
		font-size: var(--wr-fs-m);
		font-weight: var(--wr-fw-regular);
		line-height: var(--wr-lh-m);
		color: var(--wr-neutral);
		white-space: nowrap;
		cursor: pointer;
	}

	.wr-footer__submit[aria-busy="true"] {
		opacity: .7;
		cursor: progress;
	}

	.wr-footer__feedback {
		margin: 0;
		min-height: 20px;
		font-size: var(--wr-fs-m);
		line-height: var(--wr-lh-m);
		color: var(--wr-gray-200);
	}

	.wr-footer__feedback--error {
		color: #ffb4b4;
	}

	.wr-footer__rule {
		width: 100%;
		height: 1px;
		margin: 0;
		border: 0;
		background: var(--wr-rule);
		opacity: 1;
	}

	.wr-footer__bottom {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: var(--wr-container);
		max-width: 100%;
	}

	.wr-footer__copy {
		margin: 0;
		font-family: var(--wr-font-alt);
		font-size: var(--wr-fs-m);
		font-weight: var(--wr-fw-regular);
		line-height: var(--wr-lh-l);
		color: var(--wr-gray-200);
	}

	.wr-footer__copy-brand {
		color: var(--wr-secondary);
	}

	.wr-footer__social {
		display: flex;
		align-items: center;
		gap: var(--wr-sp-24);
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.wr-footer__social-link {
		display: block;
		width: 24px;
		height: 24px;
		color: var(--wr-white);
	}

	.wr-footer__social-link svg {
		width: 24px;
		height: 24px;
	}

	/* ---------- 15. Tablet - max-width 1024px ---------- */
	@media (max-width:1024px) {
		:root {
			--wr-gutter: 40px;
			--wr-section-gap: 48px;
			--wr-section-lead: 48px;
		}

		.wr-header__toggle {
			display: flex;
		}

		.wr-header__nav {
			position: absolute;
			top: 100%;
			left: 0;
			width: 100%;
			max-height: 0;
			overflow: hidden;
			background: var(--wr-header-bg);
			transition: max-height .35s ease;
		}

		.wr-header__nav.is-open {
			max-height: 420px;
		}

		.wr-nav__list {
			flex-direction: column;
			align-items: stretch;
			justify-content: flex-start;
			padding: 0 var(--wr-gutter) var(--wr-sp-16);
		}

		.wr-nav__link {
			justify-content: space-between;
			padding: 14px 0;
			border-bottom: 1px solid rgba(252, 251, 250, .15);
			text-align: left;
		}

		.wr-hero {
			min-height: 600px;
			padding: 180px 40px 150px;
		}

		.wr-hero__overlay {
			width: 100%;
			padding: 40px 32px;
		}

		.wr-hero__title {
			font-size: var(--wr-fs-h3);
		}

		.wr-intro__title {
			font-size: var(--wr-fs-h4);
		}

		.wr-heading {
			gap: var(--wr-sp-32);
		}

		.wr-heading__title {
			font-size: var(--wr-fs-h3);
		}

		.wr-heading__note {
			width: 320px;
		}

		.wr-heading--stacked .wr-heading__title {
			white-space: normal;
		}

		.wr-features {
			flex-wrap: wrap;
		}

		.wr-feature {
			flex: 0 0 calc((100% - (var(--wr-sp-20) * 2)) / 3);
		}

		.wr-features--lg .wr-feature {
			flex: 0 0 calc((100% - var(--wr-sp-32)) / 2);
		}

		.wr-services {
			flex-wrap: wrap;
		}

		.wr-service {
			flex: 0 0 calc((100% - var(--wr-sp-32)) / 2);
		}

		.wr-checks {
			/* flex-wrap: wrap;
			justify-content: flex-start;
			gap: var(--wr-sp-24) var(--wr-sp-32); */
			display: flex;
			flex-direction: column; /* Hoặc flex-wrap: wrap */
			gap: var(--wr-sp-12);
		}

		.wr-checks__item {
			/* flex: 0 0 calc((100% - var(--wr-sp-32)) / 2); */
			flex: 0 0 100%;
		}
		.wr-checks__text br {
			display: none;
		}

		.wr-checks__text {
			white-space: normal;
		}

		.wr-split {
			flex-direction: column;
			align-items: stretch;
			gap: var(--wr-sp-32);
		}

		.wr-split__copy {
			width: 100%;
		}

		.wr-split__title {
			font-size: var(--wr-fs-h3);
		}

		.wr-carousel {
			padding-bottom: 70px;
		}

		.wr-carousel__btn {
			top: auto;
			bottom: -58px;
			transform: none;
		}

		.wr-carousel__btn--prev {
			left: auto;
			right: calc(var(--wr-gutter) + 58px);
		}

		.wr-carousel__btn--next {
			right: var(--wr-gutter);
		}

		.wr-faq {
			flex-direction: column;
			align-items: stretch;
			gap: var(--wr-sp-16);
		}
		.wr-faq__item { padding-bottom: 16px;}

		.wr-faq__intro,
		.wr-faq__list {
			width: 100%;
		}

		.wr-faq__title {
			font-size: var(--wr-fs-h3);
		}

		.wr-areas {
			padding: var(--wr-sp-40);
		}

		.wr-areas__title {
			font-size: var(--wr-fs-h3);
		}

		.wr-footer__top {
			flex-wrap: wrap;
			gap: var(--wr-sp-32);
		}

		.wr-footer__col--news {
			width: 100%;
		}
	}

	/* ---------- 16. Mobile - max-width 768px (440 px frame) ---------- */
	@media (max-width:768px) {
		:root {
			--wr-gutter: 20px;
			--wr-section-gap: 40px;
			--wr-section-lead: 40px;
		}

		.wr-header__inner {
			padding: 12px 16px 20px;
		}

		.wr-header__logo {
			padding: 10px;
			font-weight: var(--wr-fw-bold);
		}

		.wr-nav__list {
			padding: 0 16px 16px;
		}

		.wr-hero {
			min-height: 360px;
			padding: 32px 20px;
		}

		.wr-hero__media {
			top: 0;
			height: 100%;
		}

		.wr-hero__overlay {
			padding: 40px 32px;
		}

		.wr-hero__title {
			font-size: var(--wr-fs-h4);
		}

		.wr-intro {
			gap: var(--wr-sp-20);
		}

		.wr-intro__title {
			font-size: var(--wr-fs-h5);
		}

		.wr-intro__text {
			font-size: var(--wr-fs-l);
			line-height: var(--wr-lh-l);
			text-align: center;
		}

		.wr-intro__body .wr-intro__text:nth-child(n+2) {
			display: none;
		}

		.wr-intro--expanded .wr-intro__body .wr-intro__text:nth-child(n+2) {
			display: block;
		}

		.wr-intro__more {
			display: inline-flex;
		}

		.wr-intro--expanded .wr-intro__more svg {
			transform: rotate(180deg);
		}

		.wr-heading {
			flex-direction: column;
			align-items: stretch;
			gap: var(--wr-sp-12);
		}

		.wr-heading__main {
			gap: var(--wr-sp-16);
		}

		.wr-heading__bar {
			width: 60px;
			height: 6px;
		}

		.wr-heading__title {
			margin-bottom: 16px;
			font-size: var(--wr-fs-h4);
			text-align: left;
		}

		.wr-heading__note {
			width: 100%;
			font-size: var(--wr-fs-m);
			line-height: var(--wr-lh-m);
			color: var(--wr-gray-500);
			text-align: left;
		}

		.wr-heading--center .wr-heading__main {
			align-items: flex-start;
		}

		.wr-heading--center .wr-heading__title {
			text-align: left;
		}

		.wr-heading--stacked {
			padding-inline: 0;
		}

		.wr-heading--stacked .wr-heading__main {
			align-items: flex-start;
		}

		.wr-heading--stacked .wr-heading__title {
			width: 100%;
			text-align: left;
			white-space: normal;
		}

		.wr-lede {
			font-size: var(--wr-fs-l);
			line-height: var(--wr-lh-l);
		}

		.wr-lede--center {
			text-align: left;
		}

		.wr-features {
			flex-wrap: nowrap;
			gap: var(--wr-sp-20);
			overflow-x: auto;
			scroll-snap-type: x mandatory;
			scrollbar-width: none;
			-ms-overflow-style: none;
		}

		.wr-features::-webkit-scrollbar {
			display: none;
		}

		.wr-features--lg {
			gap: var(--wr-sp-20);
		}

		.wr-feature {
			flex: 0 0 216px;
			/* width: 216px; */
			scroll-snap-align: start;
		}

		.wr-features--lg .wr-feature__caption {
			font-size: var(--wr-fs-l);
			line-height: var(--wr-lh-l);
		}

		.wr-services {
			flex-wrap: nowrap;
			gap: var(--wr-sp-20);
			overflow-x: auto;
			scroll-snap-type: x mandatory;
			scrollbar-width: none;
			-ms-overflow-style: none;
		}

		.wr-services::-webkit-scrollbar {
			display: none;
		}

		.wr-service {
			flex: 0 0 322px;
			width: 322px;
			scroll-snap-align: start;
		}

		/* .wr-checks {
			flex-direction: column;
			flex-wrap: nowrap;
			gap: var(--wr-sp-12);
		}

		.wr-checks__item {
			flex: none;
			width: 100%;
		}

		.wr-checks__text {
			font-size: var(--wr-fs-l);
			line-height: var(--wr-lh-l);
		} */
		 /* Icon + text benefits row — "Why Fast Response Matters" / "Licensed & Insured" */


		.wr-split {
			gap: var(--wr-sp-20);
		}

		.wr-split__title {
			font-size: var(--wr-fs-h4);
		}

		.wr-specs {
			gap: var(--wr-sp-16);
		}

		.wr-specs__item {
			padding-bottom: var(--wr-sp-16);
		}

		.wr-specs__text {
			margin-left: 24px;
			font-size: var(--wr-fs-l);
			line-height: var(--wr-lh-l);
		}

		.wr-expertise__lede {
			width: 100%;
		}

		.wr-tabs {
			width: 100%;
			overflow-x: auto;
			scrollbar-width: none;
			-ms-overflow-style: none;
		}

		.wr-tabs::-webkit-scrollbar {
			display: none;
		}

		.wr-tab {
			flex: none;
			font-size: var(--wr-fs-l);
			line-height: var(--wr-lh-l);
		}

		.wr-tab:not(.wr-tab--active) {
			font-weight: var(--wr-fw-medium);
		}

		.wr-carousel {
			padding-bottom: 0;
		}

		.wr-carousel__track {
			gap: var(--wr-sp-20);
		}

		.wr-carousel__lede {
			text-align: left;
		}

		.wr-carousel__btn {
			display: none;
		}

		.wr-faq__title {
			font-size: var(--wr-fs-h4);
		}

		.wr-faq__list {
			gap: var(--wr-sp-16);
		}

		.wr-faq__question {
			align-items: flex-start;
		}

		.wr-faq__item--open .wr-faq__answer {
			margin-top: var(--wr-sp-8);
		}

		.wr-areas {
			gap: var(--wr-sp-12);
			padding: var(--wr-sp-40) var(--wr-sp-24);
		}

		.wr-areas__title {
			font-size: var(--wr-fs-h4);
		}

		.wr-areas__text {
			font-size: var(--wr-fs-m);
			line-height: var(--wr-lh-m);
		}

		.wr-footer__inner {
			padding: var(--wr-sp-40) var(--wr-sp-20);
		}

		.wr-footer__top {
			flex-direction: column;
			gap: var(--wr-sp-24);
		}

		.wr-footer__col--info,
		.wr-footer__col--news {
			width: 100%;
		}

		.wr-footer__menu {
			flex-flow: column wrap;
			max-height: 120px;
			gap: var(--wr-sp-16) var(--wr-sp-40);
		}

		.wr-footer__bottom {
			flex-direction: column;
			gap: var(--wr-sp-20);
			width: 100%;
		}
	}

	/* ---------- 17. Motion preferences ---------- */
	@media (prefers-reduced-motion:reduce) {

		.wr-page *,
		.wr-page *::before,
		.wr-page *::after {
			transition-duration: .01ms !important;
			scroll-behavior: auto !important;
		}
	}
/* ---------- rebuild-projects---------- */	
.wr-rebuild-projects {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:24px;
    margin:24px 0 0;
    padding:0;
    list-style:none;
}

.wr-rebuild-projects__item{
    list-style:none;
}

.wr-rebuild-projects__link{
    display:block;
    text-decoration:none;
    color:inherit;
}
@media (max-width:991px){

    .wr-rebuild-projects{
        grid-template-columns:repeat(3,1fr);
    }

}
@media (max-width:767px){

    .wr-rebuild-projects{
        display:flex;
        flex-wrap:nowrap;
        overflow-x:auto;
        overflow-y:hidden;
        gap:16px;
        padding-bottom:8px;
        -webkit-overflow-scrolling:touch;
        scroll-behavior:smooth;
		margin-right: -20px;
    }

    .wr-rebuild-projects::-webkit-scrollbar{
        display:none;
    }

    .wr-rebuild-projects{
        scrollbar-width:none;
    }

    .wr-rebuild-projects__item{
        flex:0 0 216px;
    }

}
/* Helper class */
.is-hidden {
    display: none !important;
}

/* CAROUSEL WRAPPER */
.wr-carousel {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    max-width: 1200px;
    margin: 0 auto;
}

.wr-carousel__inner {
    overflow: hidden;
    width: 100%;
}

.wr-carousel__lede {
    text-align: center;
    margin-bottom: 24px;
    font-size: 16px;
    color: #4b5563;
}

/* TRACK SLIDER (Cấu hình Drag & Grid 4 Cột) */
.wr-carousel__track {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    list-style: none;
    margin: 0;
    padding: 10px 0;
    cursor: grab; /* Icon bàn tay xòe ra */
    user-select: none; /* Ngăn bôi đen văn bản khi drag chuột */
    
    /* Hide scrollbar */
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.wr-carousel__track::-webkit-scrollbar {
    display: none;
}

/* Con trỏ chuột khi đang bấm giữ và kéo */
.wr-carousel__track.is-dragging {
    cursor: grabbing !important; /* Icon bàn tay nắm lại */
    scroll-behavior: auto !important; /* Tắt smooth scroll tạm thời để kéo nhạy theo chuột */
    scroll-snap-type: none !important;
}

/* CARD ITEMS (4 Cột trên Desktop) */
.wr-card {
    flex: 0 0 calc((100% - (20px * 3)) / 4);
    scroll-snap-align: start;
    box-sizing: border-box;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    background-color: #f3f4f6;
    transition: transform 0.2s ease;
}

.wr-card:hover {
    transform: translateY(-3px);
}

.wr-card__link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.wr-card__img {
    width: 100%;
    height: 356px;
    object-fit: cover;
    display: block;
    pointer-events: none; /* Ngăn trình duyệt kéo ảnh mặc định */
}

.wr-card__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.2) 40%, transparent 100%);
    pointer-events: none;
}


/* NEXT/PREV BUTTONS */
.wr-carousel__btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 5;
    flex-shrink: 0;
    transition: all 0.2s ease;
    padding: 0;
}

.wr-carousel__btn:hover {
    background: #f8fafc;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
}

/* Responsive Tablet & Mobile */
@media (max-width: 1024px) {
    .wr-card { flex: 0 0 calc((100% - 20px) / 2); }
}

@media (max-width: 640px) {
    .wr-card { flex: 0 0 85%; }
    .wr-carousel__btn { display: none; }
}

.wr-btn-primary {
	margin:32px 0 0;
	display: inline-block;
	padding: 16px 32px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #0F4C81;
	color: #FCFBFA;
	font-family: var(--wr-font);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px; 
	text-transform: uppercase;
}
.wr-btn-primary:hover,.wr-btn-primary:focus {
	color:#000;
}
@media (max-width:768px) {
	.wr-btn-primary {
		margin:24px 0 0;
	}
}
.wr-split-block2 .wr-split{
    display:grid;
    grid-template-columns: 33% 1fr;
    gap:32px;
    align-items:center;
}

.wr-split-block2 .wr-specs{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:32px;
    row-gap:0;
}

.wr-split-block2 .wr-specs__item{
    display:flex;
    align-items:center;
    padding:16px 0 16px 10px;
    position:relative;
    border-bottom:1px solid #E5E7EB; 
}

.wr-split-block2 .wr-specs__item::before{
    /* content:"•";
    position:absolute;
    left:12px;
    top:50%;
    transform:translateY(-52%);

    font-size:30px;
    line-height:1;
    color:#000; */
}
@media (min-width:992px) {
	.wr-split-block2 .wr-specs__item:nth-last-child(2) {
		padding-bottom: 0;
		border-bottom: 0;
	}
}

.wr-split-block2 .wr-specs__item:last-child {
 	padding-bottom: 0;
	border-bottom: 0;
}


@media (max-width:991px){
    .wr-split-block2 .wr-split{
        grid-template-columns:1fr;
        gap:24px;
    }
    .wr-split-block2 .wr-split__copy{
        position:static;
    }
}

/* Comparison table */
.wr-single{background:#fff;}
.wr-single__container{max-width:994px;margin:0 auto;}
.wr-single__wide{max-width:1200px;margin:0 auto;}
/* Shared centered heading with bar */
.wr-shd{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin:0 0 32px;text-align:center;}
.wr-shd--left{align-items:flex-start;text-align:left;}
.wr-shd__bar{width:90px;height:9px;border-radius:2px;background:linear-gradient(143deg,#1e88e5 0%,#0f4c81 93%);}
.wr-shd__title{margin:0;font-family:'Poppins',sans-serif;font-weight:700;font-size:40px;line-height:1.1;color:#242527;}
.wr-single__compare{padding:0px 0 60px;}
.wr-ctable__wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.wr-ctable{width:100%;min-width:900px;border-collapse:collapse;font-family:'Poppins',sans-serif;}
.wr-ctable th,.wr-ctable td{border:1px solid #e5e7eb;padding:12px 20px;vertical-align:middle;font-size:16px;line-height:24px;color:#333845;text-align:left;}
.wr-ctable thead th{background:#fff;color:#1c0f13;font-weight:600;}
.wr-ctable thead th.wr-ctable__corner{background:#f3f4f6;}

.wr-ctable .wr-ctable__reviews td:nth-child(2){
	background:#ddf1ff;
}
.wr-ctable tbody td:nth-child(2){
	background:#ddf1ff;
}
.wr-ctable thead th:nth-child(2){background:#ddf1ff;}
.wr-ctable__corner{width:26%;}
.wr-ctable__service{width:18.5%;}
.wr-ctable__feature{font-weight:600;color:#1c0f13;text-align:center;background:#f3f4f6;}
.wr-ctable__reviews td,.wr-ctable td{text-align:center;}
.wr-ctable__feature{text-align:center;}
.wr-ctable__stars{display:inline-flex;vertical-align:middle;}
.wr-ctable .wr-star{fill:#e5e7eb;}
.wr-ctable .wr-star--full{fill:#f5a623;}
.wr-ctable .wr-star--half{fill:url(#wr-star-half);}
.wr-ctable__rnum{margin-left:6px;color:#6b7280;font-size:14px;vertical-align:middle;}
.wr-ctable__check{color:#16a34a;display:inline-flex;}
.wr-ctable__check svg{width:22px;height:22px;}
.wr-ctable__no{color:#9ca3af;}
@media (max-width:768px){
	.wr-single__compare{padding:0px 0px 40px 20px}
	.wr-single__title{font-size:26px;}
	.wr-shd__title{font-size:28px;}
	.wr-rel__grid{grid-template-columns:1fr;gap:36px;}
}
/*======================================
=            Mobile
======================================*/

@media (max-width:767px){

    .wr-split-block2 .wr-specs{
        grid-template-columns:1fr;
    }

    .wr-split-block2 .wr-specs__item{
        min-height:64px;
        
    }

    .wr-split-block2 .wr-specs__item::before{
        /* left:8px;
        font-size:24px; */
    }

    .wr-split-block2 .wr-specs__text{
       
    }

}

.page-id-10 .wr-2in6--sec, 
.page-id-10 .wr-intro--sec {
	padding-bottom: 0px;
}
.page-id-10 .wr-split-sec {
	background-color: #F3F4F6;
}
.page-id-10 .wr-carousel-5item {
	background-color: #fff;
}
@media (min-width:992px) {
	.page-id-84 .wr-split__copy {
		width: 490px;
	}
}
.page-id-96  .wr-heading__main{
    align-items: center;
    justify-content: center;
}
.page-id-96 .wr-heading__title {
	text-align: center;

}
.page-id-114 .wr-intro--sec {
	padding-bottom: 0;
}

.page-id-84 .wr-process-section {
	background-color: #F9FAFB!important;
}
.page-id-86 .wr-split-sec {
	background-color: #F3F4F6;
}
.page-id-90 .wr-carousel-5item {
	background-color: #ffffff;
}
.page-id-90 .wr-process-section {background-color: var(--wr-gray-50);}
.page-id-90 .wr-grid--sec {background-color: var(--wr-gray-100);}

.page-id-94 .wr-swiper-sec {background-color: var(--wr-gray-100);}
/* 
.page-id-90 .wr-process-line:before {
	left: 115px;
	right: 115px;
}

.page-id-112 .wr-process-line:before {
	left: 165px;
	right: 165px;
}
@media (min-width:992px) {
	.page-id-112 .wr-process-item {
		max-width: 340px;
	}
} */
.page-id-98 .wr-swiper-sec,
.page-id-78 .wr-swiper-sec {
	background-color: #F3F4F6;
}

.page-id-100 .wr-grid--sec {
	background-color: var(--wr-gray-100);
}
.page-id-114 .wr-grid--sec,
.page-id-96 .wr-grid--sec {
	background-color: #ffffff;
}
.page-id-112 .wr-split-sec {
	background-color: #F3F4F6;
}
.page-id-88 .wr-faqs-sec {
	background-color: #F9FAFB!important;
}

.page-id-124 .wr-grid--sec,
.page-id-88 .wr-grid--sec {
	background-color: #fff!important;
}
.page-id-124 .wr-grid--sec {
	background-color: #fff!important;
}
.page-id-124 .wr-swiper-sec {
	background-color: #F3F4F6;
}
.page-id-127 .wr-faqs-sec {
	background-color: #fff!important;
}

.page-id-116 .wr-grid--sec {
	background-color: #fff!important;
}

.page-id-116 .wr-swiper-sec {
		background-color: #F3F4F6!important;
}

.page-id-116 .wr-checked--sec {
		background-color: #fff!important;
}

.page-id-116 .wr-process-section {
		background-color: #F3F4F6!important;
}

.page-id-108 .wr-split-sec {
 background-color:#F9FAFB;
}
.page-id-108 .wr-checked--sec {
 background-color:#fff;
}
.page-id-20 .wr-areas--sec {
	padding-top: 0;
}