:root {
			--navy: #0d1f3c;
			--navy-mid: #162d52;
			--accent: #e8642a;
			--accent-light: #f07040;
			--slate: #4a5568;
			--light-bg: #f7f8fc;
			--border: #e2e8f0;
			--text: #1a202c;
			--text-muted: #718096;
			--white: #ffffff;
		}

		* {
			box-sizing: border-box;
			margin: 0;
			padding: 0;
		}

		body {
			font-family: "Poppins", sans-serif;
			color: var(--text);
			background: var(--white);
		}

		.container-fluid {
			width: 100%;
			margin-left: auto;
			margin-right: auto;
		}

		.row {
			--bs-gutter-x: 1.5rem;
			--bs-gutter-y: 0;
			display: flex;
			flex-wrap: wrap;
			margin-top: calc(-1 * var(--bs-gutter-y));
			margin-right: calc(-0.5 * var(--bs-gutter-x));
			margin-left: calc(-0.5 * var(--bs-gutter-x));
		}

		.row>* {
			box-sizing: border-box;
			flex-shrink: 0;
			width: 100%;
			max-width: 100%;
			padding-right: calc(var(--bs-gutter-x) * 0.5);
			padding-left: calc(var(--bs-gutter-x) * 0.5);
			margin-top: var(--bs-gutter-y);
		}

		.g-3 {
			--bs-gutter-x: 1rem;
			--bs-gutter-y: 1rem;
		}

		.g-4 {
			--bs-gutter-x: 1.5rem;
			--bs-gutter-y: 1.5rem;
		}

		.col {
			flex: 1 0 0%;
		}

		.row-cols-1>* {
			flex: 0 0 auto;
			width: 100%;
		}

		.row-cols-2>* {
			flex: 0 0 auto;
			width: 50%;
		}

		.d-none {
			display: none !important;
		}

		.text-center {
			text-align: center !important;
		}

		.mb-0 {
			margin-bottom: 0 !important;
		}

		.mb-5 {
			margin-bottom: 3rem !important;
		}

		.me-1 {
			margin-right: 0.25rem !important;
		}

		.px-3 {
			padding-left: 1rem !important;
			padding-right: 1rem !important;
		}

		@media (min-width: 576px) {
			.row-cols-sm-3>* {
				flex: 0 0 auto;
				width: 33.333333%;
			}
		}

		@media (min-width: 768px) {
			.d-md-block {
				display: block !important;
			}

			.row-cols-md-2>* {
				flex: 0 0 auto;
				width: 50%;
			}
		}

		@media (min-width: 992px) {
			.row-cols-lg-4>* {
				flex: 0 0 auto;
				width: 25%;
			}

			.row-cols-lg-6>* {
				flex: 0 0 auto;
				width: 16.666667%;
			}

			.px-lg-5 {
				padding-left: 3rem !important;
				padding-right: 3rem !important;
			}
		}

		h1,
		h2,
		h3,
		.section-title,
		.hero-title {
			font-family: "Roboto Condensed", sans-serif;
		}

		.products-section {
			background: var(--light-bg);
			padding: 72px 0;
		}

		.section-eyebrow {
			font-size: 12px;
			font-weight: 700;
			letter-spacing: 2.5px;
			text-transform: uppercase;
			color: var(--accent);
			display: block;
			margin-bottom: 10px;
		}

		.section-title {
			font-size: 36px;
			color: var(--navy);
			margin-bottom: 8px;
			line-height: 1.2;
		}

		.section-sub {
			color: var(--text-muted);
			font-size: 15px;
			margin-bottom: 48px;
		}

		.product-card {
			background: var(--white);
			border-radius: 12px;
			overflow: hidden;
			border: 1px solid var(--border);
			transition:
				box-shadow 0.25s ease,
				transform 0.25s ease;
			display: flex;
			flex-direction: column;
			height: 100%;
		}

		.product-card:hover {
			box-shadow: 0 12px 40px rgba(13, 31, 60, 0.12);
			transform: translateY(-3px);
		}

		.product-img-wrap {
			position: relative;
			background: #f0f4f8;
			overflow: hidden;
		}

		.product-img-wrap img {
			height: 200px;
			width: 100%;
			object-fit: cover;
			display: block;
			transition: transform 0.4s ease;
		}

		.product-card:hover .product-img-wrap img {
			transform: scale(1.04);
		}

		.badge-wholesale {
			position: absolute;
			top: 12px;
			left: 12px;
			background: var(--navy);
			color: white;
			font-size: 10px;
			font-weight: 700;
			letter-spacing: 1.2px;
			text-transform: uppercase;
			padding: 4px 10px;
			border-radius: 4px;
		}

		.badge-stock {
			position: absolute;
			top: 12px;
			right: 12px;
			background: #22c55e;
			color: white;
			font-size: 10px;
			font-weight: 700;
			letter-spacing: 1px;
			text-transform: uppercase;
			padding: 4px 10px;
			border-radius: 4px;
		}

		.badge-hot {
			position: absolute;
			bottom: 12px;
			left: 12px;
			background: var(--accent);
			color: white;
			font-size: 10px;
			font-weight: 700;
			letter-spacing: 1px;
			text-transform: uppercase;
			padding: 4px 10px;
			border-radius: 4px;
		}

		.product-body {
			padding: 18px;
			flex: 1;
			display: flex;
			flex-direction: column;
		}

		.product-name {
			font-size: 14px;
			font-weight: 700;
			color: var(--navy);
			margin-bottom: 14px;
			line-height: 1.4;
		}

		.price-table {
			background: var(--light-bg);
			border-radius: 8px;
			padding: 12px 14px;
			border: 1px solid var(--border);
			margin-bottom: 14px;
		}

		.price-row {
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: 12px;
			padding: 3px 0;
		}

		.price-row .label {
			color: var(--text-muted);
		}

		.price-row .val {
			font-weight: 600;
			color: var(--text);
		}

		.price-row.our-price {
			border-top: 1px solid var(--border);
			margin-top: 6px;
			padding-top: 8px;
		}

		.price-row.our-price .label {
			font-weight: 700;
			color: var(--navy);
			font-size: 13px;
		}

		.price-row.our-price .val {
			font-size: 20px;
			font-weight: 700;
			color: var(--accent);
		}

		.card-actions {
			display: flex;
			gap: 8px;
			margin-top: auto;
		}

		.btn-whatsapp {
			flex: 1;
			background: #25d366;
			color: white;
			border: none;
			border-radius: 8px;
			padding: 9px 12px;
			font-size: 13px;
			font-weight: 600;
			cursor: pointer;
			text-decoration: none;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 6px;
			transition: background 0.2s;
		}

		.btn-whatsapp:hover {
			background: #1ebe5d;
			color: white;
		}

		.btn-details {
			flex: 1;
			background: transparent;
			color: var(--navy);
			border: 1.5px solid var(--border);
			border-radius: 8px;
			padding: 9px 12px;
			font-size: 13px;
			font-weight: 600;
			cursor: pointer;
			text-decoration: none;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 6px;
			transition: all 0.2s;
		}

		.btn-details:hover {
			border-color: var(--navy);
			background: var(--navy);
			color: white;
		}

		.trust-icon {
			width: 44px;
			height: 44px;
			background: rgba(255, 255, 255, 0.1);
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 18px;
			color: var(--accent-light);
			flex-shrink: 0;
		}

		.categories-section {
			padding: 72px 0;
			background: white;
		}

		.cat-tile {
			background: var(--light-bg);
			border: 1px solid var(--border);
			border-radius: 12px;
			padding: 28px 22px;
			text-align: center;
			transition: all 0.25s;
			cursor: pointer;
			text-decoration: none;
			display: block;
			height: 100%;
		}

		.cat-tile:hover {
			background: var(--navy);
			border-color: var(--navy);
			transform: translateY(-4px);
			box-shadow: 0 12px 30px rgba(13, 31, 60, 0.15);
		}

		.cat-tile:hover .cat-icon {
			background: rgba(255, 255, 255, 0.12);
			color: white;
		}

		.cat-tile:hover .cat-name {
			color: white;
		}

		.cat-tile:hover .cat-count {
			color: rgba(255, 255, 255, 0.6);
		}

		.cat-icon {
			width: 56px;
			height: 56px;
			background: white;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 22px;
			color: var(--accent);
			margin: 0 auto 14px;
			transition: all 0.25s;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
		}

		.cat-name {
			font-size: 14px;
			font-weight: 700;
			color: var(--navy);
			margin-bottom: 4px;
			transition: color 0.25s;
		}

		.cat-count {
			font-size: 12px;
			color: var(--text-muted);
			transition: color 0.25s;
		}

		.why-num {
			font-family: "Roboto Condensed", sans-serif;
			font-size: 48px;
			color: var(--border);
			line-height: 1;
			margin-bottom: 16px;
		}

		.btn-cta-primary {
			background: var(--accent);
			color: white;
			border: none;
			border-radius: 8px;
			padding: 14px 32px;
			font-size: 15px;
			font-weight: 700;
			text-decoration: none;
			display: inline-flex;
			align-items: center;
			gap: 8px;
			transition: all 0.2s;
		}

		.btn-cta-primary:hover {
			background: var(--accent-light);
			color: white;
			transform: translateY(-1px);
			box-shadow: 0 6px 20px rgba(232, 100, 42, 0.4);
		}

		.btn-cta-outline {
			background: transparent;
			color: white;
			border: 1.5px solid rgba(255, 255, 255, 0.4);
			border-radius: 8px;
			padding: 14px 32px;
			font-size: 15px;
			font-weight: 600;
			text-decoration: none;
			display: inline-flex;
			align-items: center;
			gap: 8px;
			transition: all 0.2s;
		}

		.btn-cta-outline:hover {
			border-color: white;
			background: rgba(255, 255, 255, 0.08);
			color: white;
		}

		.divider-accent {
			width: 48px;
			height: 3px;
			background: var(--accent);
			border-radius: 2px;
			margin-bottom: 20px;
		}

		.topbar {
			background: var(--navy);
			padding: 9px 0;
			font-size: 12.5px;
		}

		.topbar a {
			color: rgba(255, 255, 255, 0.75);
			text-decoration: none;
			transition: color 0.2s;
			display: inline-flex;
			align-items: center;
			gap: 5px;
		}

		.topbar a:hover {
			color: white;
		}

		.topbar .divider {
			width: 1px;
			height: 14px;
			background: rgba(255, 255, 255, 0.2);
			display: inline-block;
			vertical-align: middle;
		}

		.topbar .social-link {
			width: 26px;
			height: 26px;
			border-radius: 50%;
			background: rgba(255, 255, 255, 0.08);
			display: inline-flex;
			align-items: center;
			justify-content: center;
			transition: background 0.2s;
			color: rgba(255, 255, 255, 0.7);
			font-size: 12px;
		}

		.topbar .social-link:hover {
			background: var(--accent);
			color: white;
		}

		.main-nav {
			background: white;
			border-bottom: 1px solid var(--border);
			position: sticky;
			top: 0;
			z-index: 1000;
			box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
		}

		.nav-inner {
			display: flex;
			align-items: center;
			padding: 0 40px;
			height: 68px;
			gap: 32px;
		}

		@media (max-width: 991px) {
			.nav-inner {
				padding: 0 16px;
			}
		}

		.nav-logo {
			text-decoration: none;
			display: flex;
			align-items: center;
			gap: 10px;
			flex-shrink: 0;
		}

		.logo-mark {
			width: 36px;
			height: 36px;
			background: var(--navy);
			border-radius: 8px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: white;
			font-size: 16px;
			font-weight: 800;
			letter-spacing: -1px;
			font-family: "Roboto Condensed", sans-serif;
		}

		.logo-text {
			display: flex;
			flex-direction: column;
			line-height: 1.15;
		}

		.logo-name {
			font-size: 18px;
			font-weight: 800;
			color: var(--navy);
			letter-spacing: -0.5px;
		}

		.logo-sub {
			font-size: 10px;
			font-weight: 600;
			letter-spacing: 2px;
			text-transform: uppercase;
			color: var(--accent);
		}

		.nav-search {
			flex: 1;
			max-width: 480px;
			position: relative;
		}

		.nav-search input {
			width: 100%;
			padding: 10px 16px 10px 42px;
			border: 1.5px solid var(--border);
			border-radius: 8px;
			font-size: 14px;
			font-family: "Poppins", sans-serif;
			outline: none;
			transition: border-color 0.2s;
			background: var(--light-bg);
			color: var(--text);
		}

		.nav-search input:focus {
			border-color: var(--navy);
			background: white;
		}

		.nav-search input::placeholder {
			color: var(--text-muted);
		}

		.nav-search .search-icon {
			position: absolute;
			left: 14px;
			top: 50%;
			transform: translateY(-50%);
			color: var(--text-muted);
			font-size: 14px;
		}

		.nav-actions {
			display: flex;
			align-items: center;
			gap: 8px;
			margin-left: auto;
			flex-shrink: 0;
		}

		.nav-action-btn {
			display: flex;
			align-items: center;
			gap: 7px;
			padding: 9px 16px;
			border-radius: 8px;
			font-size: 13.5px;
			font-weight: 600;
			text-decoration: none;
			transition: all 0.2s;
			border: none;
			cursor: pointer;
			font-family: "Poppins", sans-serif;
		}

		.btn-ghost {
			background: transparent;
			color: var(--slate);
		}

		.btn-ghost:hover {
			background: var(--light-bg);
			color: var(--navy);
		}

		.btn-whatsapp-nav {
			background: #25d366;
			color: white;
		}

		.btn-whatsapp-nav:hover {
			background: #1ebe5d;
			color: white;
			transform: translateY(-1px);
			box-shadow: 0 4px 12px rgba(37, 211, 102, 0.35);
		}

		.btn-quote {
			background: var(--accent);
			color: white;
		}

		.btn-quote:hover {
			background: var(--accent-light);
			color: white;
			transform: translateY(-1px);
			box-shadow: 0 4px 12px rgba(232, 100, 42, 0.35);
		}

		.mobile-toggle {
			display: none;
			background: none;
			border: 1.5px solid var(--border);
			border-radius: 8px;
			padding: 8px 10px;
			cursor: pointer;
			color: var(--navy);
			font-size: 18px;
			margin-left: auto;
		}

		.mega-nav {
			background: var(--light-bg);
			border-bottom: 1px solid var(--border);
			position: relative;
			z-index: 1000;
		}

		.mega-nav-inner {
			display: flex;
			align-items: center;
			padding: 0 40px;
			gap: 0;
			overflow: visible;
		}

		.mega-nav-inner::-webkit-scrollbar {
			display: none;
		}

		@media (max-width: 991px) {
			.mega-nav-inner {
				padding: 0 16px;
			}
		}

		.mega-nav-item {
			position: relative;
		}

		.mega-nav-link {
			display: flex;
			align-items: center;
			gap: 6px;
			padding: 13px 16px;
			font-size: 13.5px;
			font-weight: 600;
			color: var(--slate);
			text-decoration: none;
			white-space: nowrap;
			border-bottom: 2px solid transparent;
			transition: all 0.2s;
		}

		.mega-nav-link:hover,
		.mega-nav-link.active {
			color: var(--navy);
			border-bottom-color: var(--accent);
		}

		.mega-nav-link i {
			font-size: 12px;
			color: var(--text-muted);
			transition: transform 0.2s;
		}

		.mega-nav-item:hover .mega-nav-link i {
			transform: rotate(180deg);
		}

		.mega-dropdown {
			position: absolute;
			top: 100%;
			left: 0;
			min-width: 220px;
			background: white;
			border: 1px solid var(--border);
			border-radius: 12px;
			box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
			padding: 10px 0;
			opacity: 0;
			visibility: hidden;
			transform: translateY(8px);
			transition: all 0.2s ease;
			z-index: 999;
		}

		.mega-nav-item:hover .mega-dropdown,
		.mega-nav-item.open .mega-dropdown {
			opacity: 1;
			visibility: visible;
			transform: translateY(0);
		}

		.mega-dropdown a {
			display: block;
			padding: 9px 18px;
			font-size: 13.5px;
			color: var(--slate);
			text-decoration: none;
			transition: all 0.15s;
		}

		.mega-dropdown a:hover {
			color: var(--navy);
			background: var(--light-bg);
			padding-left: 22px;
		}

		.mega-dropdown .drop-heading {
			padding: 10px 18px 6px;
			font-size: 11px;
			font-weight: 700;
			letter-spacing: 1.5px;
			text-transform: uppercase;
			color: var(--text-muted);
			border-top: 1px solid var(--border);
			margin-top: 4px;
		}

		.mega-dropdown .drop-heading:first-child {
			border-top: none;
			margin-top: 0;
		}

		.service-center-item {
			position: static;
		}

		.service-center-item .mega-dropdown-wide {
			left: 50%;
			width: min(920px, calc(100vw - 80px));
			min-width: 760px;
			padding: 18px;
			transform: translate(-50%, 8px);
		}

		.service-center-item:hover .mega-dropdown-wide,
		.service-center-item.open .mega-dropdown-wide {
			transform: translate(-50%, 0);
		}

		.service-center-grid {
			display: grid;
			grid-template-columns: repeat(4, minmax(0, 1fr));
			gap: 14px;
		}

		.service-center-col {
			background: var(--light-bg);
			border: 1px solid var(--border);
			border-radius: 14px;
			padding: 12px;
		}

		.service-center-title {
			display: flex;
			align-items: center;
			gap: 8px;
			font-size: 12px;
			font-weight: 800;
			text-transform: uppercase;
			letter-spacing: 0.8px;
			color: var(--navy);
			margin-bottom: 8px;
		}

		.service-center-title i {
			width: 26px;
			height: 26px;
			border-radius: 8px;
			background: #fff3ed;
			color: var(--accent);
			display: inline-flex;
			align-items: center;
			justify-content: center;
			font-size: 12px;
		}

		.mega-dropdown .service-center-col a {
			display: flex;
			align-items: center;
			padding: 8px 10px;
			border-radius: 9px;
			font-size: 13.5px;
			background: #fff;
			margin-bottom: 6px;
		}

		.mega-dropdown .service-center-col a:last-child {
			margin-bottom: 0;
		}

		.mega-dropdown .service-center-col a:hover {
			padding-left: 14px;
			background: #fff;
		}

		.mobile-menu-backdrop,
		.mobile-menu-head,
		.mobile-search-box,
		.mobile-menu-actions {
			display: none;
		}

		@media (max-width: 991px) {
			body.mobile-menu-active {
				overflow: hidden;
			}

			.nav-inner {
				height: 64px;
				padding: 0 14px;
				gap: 12px;
			}

			.logo-mark {
				width: 34px;
				height: 34px;
				border-radius: 10px;
			}

			.logo-name {
				font-size: 17px;
			}

			.logo-sub {
				font-size: 9px;
				letter-spacing: 1.5px;
			}

			.nav-search,
			.nav-actions {
				display: none;
			}

			.mobile-toggle {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				width: 42px;
				height: 42px;
				padding: 0;
				border-radius: 14px;
				background: var(--light-bg);
				border: 1px solid var(--border);
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
			}

			.mobile-menu-backdrop {
				display: block;
				position: fixed;
				inset: 0;
				background: rgba(13, 31, 60, 0.58);
				backdrop-filter: blur(3px);
				z-index: 1998;
				opacity: 0;
				visibility: hidden;
				transition:
					opacity 0.25s ease,
					visibility 0.25s ease;
			}

			.mobile-menu-backdrop.show {
				opacity: 1;
				visibility: visible;
			}

			.mega-nav {
				display: flex;
				flex-direction: column;
				position: fixed;
				top: 0;
				right: 0;
				width: min(88vw, 390px);
				height: 100vh;
				background: #ffffff;
				border-left: 1px solid var(--border);
				border-bottom: 0;
				box-shadow: -24px 0 60px rgba(13, 31, 60, 0.25);
				z-index: 1999;
				transform: translateX(106%);
				transition: transform 0.28s ease;
				overflow: hidden;
			}

			.mega-nav.mobile-open {
				transform: translateX(0);
			}

			.mobile-menu-head {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 14px;
				padding: 18px 18px 14px;
				background: linear-gradient(135deg, var(--navy), var(--navy-mid));
				color: #fff;
			}

			.mobile-brand {
				display: flex;
				align-items: center;
				gap: 10px;
			}

			.mobile-brand-mark {
				width: 38px;
				height: 38px;
				border-radius: 12px;
				background: var(--accent);
				display: inline-flex;
				align-items: center;
				justify-content: center;
				font-weight: 800;
				font-family: "Roboto Condensed", sans-serif;
			}

			.mobile-brand strong {
				display: block;
				font-size: 17px;
				line-height: 1.1;
			}

			.mobile-brand span {
				display: block;
				font-size: 11px;
				color: rgba(255, 255, 255, 0.72);
				margin-top: 2px;
			}

			.mobile-close {
				width: 38px;
				height: 38px;
				border-radius: 12px;
				border: 1px solid rgba(255, 255, 255, 0.18);
				background: rgba(255, 255, 255, 0.08);
				color: #fff;
				display: inline-flex;
				align-items: center;
				justify-content: center;
			}

			.mobile-search-box {
				display: block;
				padding: 14px 18px 12px;
				background: #fff;
				border-bottom: 1px solid var(--border);
			}

			.mobile-search-box .search-wrap {
				position: relative;
			}

			.mobile-search-box i {
				position: absolute;
				left: 14px;
				top: 50%;
				transform: translateY(-50%);
				color: var(--text-muted);
				font-size: 14px;
			}

			.mobile-search-box input {
				width: 100%;
				border: 1px solid var(--border);
				background: var(--light-bg);
				border-radius: 14px;
				padding: 12px 14px 12px 40px;
				font-size: 14px;
				outline: none;
			}

			.mega-nav-inner {
				display: block;
				padding: 10px 14px 16px;
				flex: 1;
				overflow-y: auto;
			}

			.mega-nav-item {
				border: 1px solid var(--border);
				border-radius: 14px;
				background: #fff;
				margin-bottom: 9px;
				overflow: hidden;
			}

			.mega-nav-link {
				justify-content: space-between;
				padding: 14px 15px;
				border-bottom: 0;
				font-size: 14.5px;
				font-weight: 700;
				color: var(--navy);
				white-space: normal;
			}

			.mega-nav-link:hover,
			.mega-nav-link.active {
				border-bottom-color: transparent;
				background: var(--light-bg);
			}

			.mega-nav-link i {
				width: 28px;
				height: 28px;
				border-radius: 50%;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				background: #fff3ed;
				color: var(--accent);
				font-size: 11px;
			}

			.mega-dropdown {
				position: static;
				display: none;
				min-width: 100%;
				box-shadow: none;
				border: 0;
				border-top: 1px solid var(--border);
				border-radius: 0;
				margin: 0;
				padding: 8px;
				opacity: 1;
				visibility: visible;
				transform: none;
				background: var(--light-bg);
			}

			.mega-dropdown a {
				display: flex;
				align-items: center;
				gap: 9px;
				padding: 10px 12px;
				border-radius: 10px;
				font-size: 13.5px;
				background: #fff;
				margin-bottom: 6px;
			}

			.mega-dropdown a::before {
				content: "";
				font-family: "Font Awesome 6 Free";
				font-weight: 900;
				color: var(--accent);
				font-size: 11px;
			}

			.mega-dropdown a:hover {
				color: var(--navy);
				background: #fff;
				padding-left: 12px;
			}

			.mega-dropdown .drop-heading {
				padding: 10px 8px 7px;
				border-top: 0;
				margin-top: 4px;
				color: var(--accent);
			}

			.mega-nav-item.open .mega-dropdown {
				display: block;
			}

			.mega-nav-item:hover .mega-dropdown {
				display: none;
			}

			.mega-nav-item.open:hover .mega-dropdown {
				display: block;
			}

			.mega-nav-item.open .mega-nav-link i {
				transform: rotate(180deg);
			}

			.service-center-item {
				position: relative;
			}

			.service-center-item .mega-dropdown-wide {
				width: 100%;
				min-width: 100%;
				padding: 8px;
				transform: none;
			}

			.service-center-item:hover .mega-dropdown-wide,
			.service-center-item.open .mega-dropdown-wide {
				transform: none;
			}

			.service-center-grid {
				display: block;
			}

			.service-center-col {
				padding: 10px;
				border-radius: 12px;
				margin-bottom: 10px;
				background: #fff;
			}

			.service-center-title {
				margin: 0 0 7px;
				font-size: 11.5px;
			}

			.mega-dropdown .service-center-col a {
				margin-bottom: 6px;
				background: var(--light-bg);
			}

			.mobile-menu-actions {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 10px;
				padding: 14px 18px 18px;
				background: #fff;
				border-top: 1px solid var(--border);
			}

			.mobile-action {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				gap: 8px;
				min-height: 44px;
				border-radius: 14px;
				font-size: 13.5px;
				font-weight: 700;
				text-decoration: none;
			}

			.mobile-action.call {
				background: var(--navy);
				color: #fff;
			}

			.mobile-action.whatsapp {
				background: #25d366;
				color: #fff;
			}

			.mobile-action.quote {
				grid-column: 1 / -1;
				background: var(--accent);
				color: #fff;
			}
		}

		@media (max-width: 420px) {
			.mega-nav {
				width: 92vw;
			}

			.mobile-menu-head {
				padding-left: 15px;
				padding-right: 15px;
			}

			.mobile-search-box,
			.mobile-menu-actions {
				padding-left: 15px;
				padding-right: 15px;
			}

			.mega-nav-inner {
				padding-left: 12px;
				padding-right: 12px;
			}
		}

		@keyframes pulse-dot {

			0%,
			100% {
				opacity: 1;
				transform: scale(1);
			}

			50% {
				opacity: 0.5;
				transform: scale(0.8);
			}
		}

		.hero-title {
			font-family: "Roboto Condensed", sans-serif;
			font-size: clamp(38px, 5vw, 62px);
			line-height: 1.08;
			color: white;
			margin-bottom: 22px;
			letter-spacing: -1px;
		}

		.hero-desc {
			font-size: 16px;
			line-height: 1.75;
			color: rgba(255, 255, 255, 0.6);
			max-width: 520px;
			margin-bottom: 40px;
		}

		.hero-btn-primary {
			background: var(--accent);
			color: white;
			border: none;
			border-radius: 10px;
			padding: 15px 30px;
			font-size: 15px;
			font-weight: 700;
			text-decoration: none;
			display: inline-flex;
			align-items: center;
			gap: 9px;
			font-family: "Poppins", sans-serif;
			transition: all 0.2s;
		}

		.hero-btn-primary:hover {
			background: var(--accent-light);
			color: white;
			transform: translateY(-2px);
			box-shadow: 0 8px 24px rgba(232, 100, 42, 0.4);
		}

		.hero-btn-secondary {
			background: rgba(255, 255, 255, 0.08);
			color: white;
			border: 1.5px solid rgba(255, 255, 255, 0.2);
			border-radius: 10px;
			padding: 15px 30px;
			font-size: 15px;
			font-weight: 600;
			text-decoration: none;
			display: inline-flex;
			align-items: center;
			gap: 9px;
			font-family: "Poppins", sans-serif;
			transition: all 0.2s;
		}

		.hero-stat {
			display: flex;
			flex-direction: column;
		}

		.stat-divider {
			width: 1px;
			background: rgba(255, 255, 255, 0.12);
			align-self: stretch;
		}

		@media (max-width: 576px) {
			.hero-buttons {
				flex-direction: column;
			}

			.hero-btn-primary,
			.hero-btn-secondary {
				justify-content: center;
			}
		}

		.footer-contact-icon {
			width: 32px;
			height: 32px;
			background: rgba(255, 255, 255, 0.07);
			border-radius: 8px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 13px;
			color: var(--accent-light);
			flex-shrink: 0;
			margin-top: 1px;
		}

		.dir-row {
			display: flex;
			flex-wrap: wrap;
			align-items: baseline;
			gap: 4px 10px;
			padding: 14px 18px;
			background: white;
			border: 1px solid var(--border);
			border-radius: 10px;
			margin-bottom: 10px;
			font-size: 13px;
		}

		.dir-label {
			font-size: 11px;
			font-weight: 700;
			letter-spacing: 1.2px;
			text-transform: uppercase;
			color: var(--navy);
			background: var(--light-bg);
			padding: 3px 10px;
			border-radius: 20px;
			white-space: nowrap;
			flex-shrink: 0;
			margin-right: 4px;
		}

		.dir-row a {
			color: #2563eb;
			text-decoration: none;
			font-size: 13px;
			transition: color 0.2s;
			white-space: nowrap;
		}

		.dir-row a:hover {
			color: var(--accent);
			text-decoration: underline;
		}

		.dir-sep {
			color: #ddd;
			font-size: 11px;
		}

		html {
			overflow-x: hidden;
		}

		body {
			overflow-x: hidden;
		}

		img {
			max-width: 100%;
		}

		:root {
			--site-max: 1320px;
			--site-gutter: 24px;
		}

		.site-container,
		.topbar>div,
		.nav-inner {
			width: 100%;
			max-width: var(--site-max) !important;
			margin-left: auto !important;
			margin-right: auto !important;
			padding-left: var(--site-gutter) !important;
			padding-right: var(--site-gutter) !important;
		}

		@media (min-width: 992px) {
			.mega-nav-inner {
				width: 100%;
				max-width: var(--site-max) !important;
				margin-left: auto !important;
				margin-right: auto !important;
				padding-left: var(--site-gutter) !important;
				padding-right: var(--site-gutter) !important;
			}
		}

		.topbar>div>div:first-child,
		.topbar>div>div:last-child {
			min-width: 0;
		}

		.main-nav .nav-inner {
			padding-top: 0 !important;
			padding-bottom: 0 !important;
		}

		.categories-section .text-center {
			max-width: 760px;
			margin-left: auto;
			margin-right: auto;
		}

		.products-section .site-container>.mb-5 {
			min-width: 0;
		}

		.products-section .site-container>.mb-5 {
			max-width: 760px;
		}

		.text-center .section-sub {
			max-width: 620px;
			margin-left: auto;
			margin-right: auto;
		}

		.products-section .row,
		.categories-section .row {
			margin-left: calc(var(--bs-gutter-x) * -0.5);
			margin-right: calc(var(--bs-gutter-x) * -0.5);
		}

		.cat-tile,
		.product-card,
		.dir-row {
			width: 100%;
		}

		@media (max-width: 1199px) {
			:root {
				--site-gutter: 22px;
			}

			.nav-inner {
				gap: 18px;
			}

			.mega-nav-link {
				padding-left: 12px;
				padding-right: 12px;
			}
		}

		@media (max-width: 991px) {
			:root {
				--site-gutter: 18px;
			}

			.site-container,
			.topbar>div,
			.nav-inner {
				padding-left: var(--site-gutter) !important;
				padding-right: var(--site-gutter) !important;
			}

			.topbar {
				display: none;
			}

			.hero-title,
			.hero-desc,
			.hero-buttons,
			.hero-stats {
				max-width: 720px;
			}
		}

		@media (max-width: 767px) {

			.products-section,
			.categories-section {
				padding: 56px 0;
			}

			.section-title {
				font-size: 30px;
			}

			.section-sub {
				margin-bottom: 32px;
			}

			.products-section .site-container>.mb-5,
			.categories-section .text-center {
				margin-bottom: 32px !important;
			}
		}

		@media (max-width: 575px) {
			:root {
				--site-gutter: 16px;
			}

			.hero-title {
				font-size: 38px;
			}

			.hero-desc {
				font-size: 15px;
				margin-bottom: 30px;
			}

			.hero-buttons {
				margin-bottom: 34px;
			}

			.hero-stats {
				display: grid;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 18px 14px;
			}

			.hero-stats .stat-divider {
				display: none;
			}

			.hero-stat {
				background: rgba(255, 255, 255, 0.05);
				border: 1px solid rgba(255, 255, 255, 0.08);
				border-radius: 14px;
				padding: 14px;
			}

			.trust-icon {
				width: 40px;
				height: 40px;
			}

			.cat-tile {
				padding: 24px 14px;
			}

			.product-img-wrap img {
				height: 190px;
			}

			.card-actions {
				flex-direction: column;
			}

			.dir-row {
				padding: 14px;
				gap: 7px 8px;
			}

			.dir-label {
				width: 100%;
				margin: 0 0 4px;
				display: inline-flex;
				justify-content: flex-start;
			}

			.footer-social {
				flex-wrap: wrap;
			}
		}

		.hero-redesign {
			position: relative;
			min-height: 680px;
			background: var(--navy);
			overflow: hidden;
			display: flex;
			align-items: center;
		}

		.hero-redesign::before {
			content: "";
			position: absolute;
			inset: 0;
			background:
				linear-gradient(90deg, rgba(13, 31, 60, 0.98) 0%, rgba(13, 31, 60, 0.92) 45%, rgba(13, 31, 60, 0.68) 100%),
				radial-gradient(circle at 18% 20%, rgba(232, 100, 42, 0.24), transparent 34%),
				radial-gradient(circle at 82% 70%, rgba(255, 255, 255, 0.08), transparent 34%);
			z-index: 1;
		}

		.hero-grid {
			position: absolute;
			inset: 0;
			background-image:
				linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
				linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
			background-size: 52px 52px;
			z-index: 2;
			pointer-events: none;
		}

		.hero-bg-img {
			position: absolute;
			inset: 0 0 0 auto;
			width: 52%;
			z-index: 0;
		}

		.hero-bg-img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			filter: grayscale(35%);
			opacity: 0.9;
		}

		.hero-wrap {
			position: relative;
			z-index: 3;
			display: grid;
			grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
			align-items: center;
			gap: 56px;
			padding-top: 82px;
			padding-bottom: 82px;
		}

		.hero-left {
			max-width: 720px;
		}

		.hero-tag {
			display: inline-flex;
			align-items: center;
			gap: 10px;
			background: rgba(232, 100, 42, 0.12);
			border: 1px solid rgba(232, 100, 42, 0.35);
			color: var(--accent-light);
			border-radius: 999px;
			padding: 9px 20px;
			font-size: 12px;
			font-weight: 800;
			letter-spacing: 2.2px;
			text-transform: uppercase;
			margin-bottom: 26px;
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
		}

		.hero-tag .dot {
			width: 7px;
			height: 7px;
			background: var(--accent);
			border-radius: 50%;
			box-shadow: 0 0 0 6px rgba(232, 100, 42, 0.14);
			animation: heroPulse 1.8s infinite;
		}

		@keyframes heroPulse {

			0%,
			100% {
				transform: scale(1);
				opacity: 1;
			}

			50% {
				transform: scale(0.75);
				opacity: 0.65;
			}
		}

		.hero-title {
			font-family: "Roboto Condensed", sans-serif;
			font-size: clamp(44px, 5.4vw, 76px);
			line-height: 1.03;
			font-weight: 800;
			color: #fff;
			letter-spacing: -1.8px;
			margin: 0 0 24px;
		}

		.hero-title span {
			color: var(--accent-light);
		}

		.hero-desc {
			max-width: 620px;
			font-size: 17px;
			line-height: 1.85;
			color: rgba(255, 255, 255, 0.76);
			margin: 0 0 36px;
		}

		.hero-buttons {
			display: flex;
			flex-wrap: wrap;
			gap: 14px;
			margin-bottom: 44px;
		}

		.hero-btn-primary,
		.hero-btn-secondary {
			min-height: 58px;
			padding: 16px 28px;
			border-radius: 14px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 10px;
			font-size: 15px;
			font-weight: 800;
			text-decoration: none;
			transition: 0.25s ease;
		}

		.hero-btn-primary {
			background: linear-gradient(135deg, var(--accent), var(--accent-light));
			color: #fff;
			box-shadow: 0 14px 34px rgba(232, 100, 42, 0.34);
		}

		.hero-btn-primary:hover {
			color: #fff;
			transform: translateY(-3px);
			box-shadow: 0 18px 42px rgba(232, 100, 42, 0.44);
		}

		.hero-btn-secondary {
			background: rgba(255, 255, 255, 0.08);
			color: #fff;
			border: 1px solid rgba(255, 255, 255, 0.18);
			backdrop-filter: blur(8px);
		}

		.hero-btn-secondary:hover {
			color: #fff;
			background: rgba(255, 255, 255, 0.14);
			border-color: rgba(255, 255, 255, 0.34);
			transform: translateY(-3px);
		}

		.hero-stats {
			display: flex;
			align-items: stretch;
			gap: 28px;
			flex-wrap: wrap;
		}

		.hero-stat {
			min-width: 105px;
		}

		.hero-stat-num {
			display: block;
			font-family: "Roboto Condensed", sans-serif;
			font-size: 34px;
			font-weight: 800;
			line-height: 1;
			color: #fff;
			margin-bottom: 7px;
		}

		.hero-stat-label {
			display: block;
			font-size: 12.5px;
			font-weight: 600;
			color: rgba(255, 255, 255, 0.55);
			letter-spacing: 0.3px;
		}

		.stat-divider {
			width: 1px;
			background: rgba(255, 255, 255, 0.14);
		}

		.hero-right {
			position: relative;
			min-height: 440px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.hero-product-card {
			width: min(100%, 470px);
			background: rgba(255, 255, 255, 0.92);
			border: 1px solid rgba(255, 255, 255, 0.55);
			border-radius: 28px;
			padding: 24px;
			box-shadow: 0 30px 80px rgba(0, 0, 0, 0.24);
			backdrop-filter: blur(18px);
		}

		.hero-card-top {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			gap: 18px;
			margin-bottom: 20px;
		}

		.hero-card-label {
			display: block;
			font-size: 11px;
			font-weight: 800;
			color: var(--accent);
			text-transform: uppercase;
			letter-spacing: 1.5px;
			margin-bottom: 8px;
		}

		.hero-card-top h3 {
			font-size: 27px;
			line-height: 1.15;
			color: var(--navy);
			margin: 0;
		}

		.hero-card-icon {
			width: 52px;
			height: 52px;
			border-radius: 18px;
			background: var(--navy);
			color: #fff;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 20px;
			flex-shrink: 0;
		}

		.hero-product-list {
			display: grid;
			gap: 12px;
		}

		.hero-product-item {
			display: grid;
			grid-template-columns: 46px 1fr auto;
			align-items: center;
			gap: 12px;
			background: #fff;
			border: 1px solid var(--border);
			border-radius: 18px;
			padding: 13px;
		}

		.hero-product-icon {
			width: 46px;
			height: 46px;
			border-radius: 15px;
			background: #fff3ed;
			color: var(--accent);
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 17px;
		}

		.hero-product-item strong {
			display: block;
			font-size: 14px;
			color: var(--navy);
			margin-bottom: 2px;
		}

		.hero-product-item span {
			display: block;
			font-size: 12px;
			color: var(--text-muted);
		}

		.hero-product-item em {
			font-style: normal;
			font-size: 11px;
			font-weight: 800;
			color: #16a34a;
			background: #e8f8ee;
			padding: 6px 9px;
			border-radius: 999px;
			white-space: nowrap;
		}

		.hero-mini-strip {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 10px;
			margin-top: 16px;
		}

		.hero-mini-strip div {
			background: var(--navy);
			border-radius: 18px;
			padding: 15px;
		}

		.hero-mini-strip strong {
			display: block;
			color: #fff;
			font-size: 13px;
			margin-bottom: 3px;
		}

		.hero-mini-strip span {
			display: block;
			color: rgba(255, 255, 255, 0.58);
			font-size: 11.5px;
		}

		.hero-floating-badge {
			position: absolute;
			background: #fff;
			border-radius: 18px;
			padding: 13px 16px;
			display: flex;
			align-items: center;
			gap: 12px;
			box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
			z-index: 4;
		}

		.hero-floating-badge strong {
			display: block;
			font-size: 14px;
			color: var(--navy);
			line-height: 1.2;
		}

		.hero-floating-badge span {
			display: block;
			font-size: 12px;
			color: var(--text-muted);
			margin-top: 2px;
		}

		.hero-badge-icon {
			width: 42px;
			height: 42px;
			border-radius: 14px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 16px;
			flex-shrink: 0;
		}

		.hero-badge-icon.green {
			background: #e8f8ee;
			color: #16a34a;
		}

		.hero-badge-icon.orange {
			background: #fff3ed;
			color: var(--accent);
		}

		.badge-verified {
			top: 22px;
			right: 20px;
		}

		.badge-dispatch {
			bottom: 34px;
			left: 2px;
		}

		@media (max-width: 1199px) {
			.hero-wrap {
				grid-template-columns: 1fr 0.85fr;
				gap: 34px;
			}

			.hero-product-card {
				width: 430px;
			}
		}

		@media (max-width: 991px) {
			.hero-redesign {
				min-height: auto;
			}

			.hero-bg-img {
				width: 100%;
				opacity: 0.26;
			}

			.hero-redesign::before {
				background:
					linear-gradient(90deg, rgba(13, 31, 60, 0.98), rgba(13, 31, 60, 0.88)),
					radial-gradient(circle at 22% 20%, rgba(232, 100, 42, 0.24), transparent 36%);
			}

			.hero-wrap {
				grid-template-columns: 1fr;
				padding-top: 68px;
				padding-bottom: 68px;
			}

			.hero-left {
				max-width: 100%;
			}

			.hero-right {
				display: none;
			}
		}

		@media (max-width: 575px) {
			.hero-wrap {
				padding-top: 54px;
				padding-bottom: 54px;
			}

			.hero-tag {
				font-size: 10.5px;
				letter-spacing: 1.2px;
				padding: 8px 14px;
				margin-bottom: 22px;
			}

			.hero-title {
				font-size: 42px;
				letter-spacing: -0.8px;
			}

			.hero-desc {
				font-size: 15px;
				line-height: 1.75;
				margin-bottom: 28px;
			}

			.hero-buttons {
				display: grid;
				grid-template-columns: 1fr;
				gap: 12px;
				margin-bottom: 30px;
			}

			.hero-btn-primary,
			.hero-btn-secondary {
				width: 100%;
				min-height: 54px;
				padding: 14px 18px;
			}

			.hero-stats {
				display: grid;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 12px;
			}

			.stat-divider {
				display: none;
			}

			.hero-stat {
				background: rgba(255, 255, 255, 0.07);
				border: 1px solid rgba(255, 255, 255, 0.1);
				border-radius: 16px;
				padding: 15px;
			}

			.hero-stat-num {
				font-size: 30px;
			}
		}

		.cta-redesign {
			position: relative;
			background:
				linear-gradient(135deg, #0d1f3c 0%, #162d52 55%, #0d1f3c 100%);
			padding: 88px 0;
			overflow: hidden;
		}

		.cta-redesign::before {
			content: "";
			position: absolute;
			width: 360px;
			height: 360px;
			right: -120px;
			top: -120px;
			background: rgba(232, 100, 42, 0.18);
			border-radius: 50%;
			filter: blur(2px);
		}

		.cta-redesign::after {
			content: "";
			position: absolute;
			width: 280px;
			height: 280px;
			left: -90px;
			bottom: -120px;
			background: rgba(255, 255, 255, 0.06);
			border-radius: 50%;
		}

		.cta-pattern {
			position: absolute;
			inset: 0;
			background-image:
				linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
				linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
			background-size: 48px 48px;
			pointer-events: none;
		}

		.cta-box {
			position: relative;
			z-index: 2;
			display: grid;
			grid-template-columns: minmax(0, 1.25fr) minmax(340px, 0.75fr);
			gap: 42px;
			align-items: center;
			background: rgba(255, 255, 255, 0.06);
			border: 1px solid rgba(255, 255, 255, 0.12);
			border-radius: 30px;
			padding: 42px;
			box-shadow: 0 28px 80px rgba(0, 0, 0, 0.18);
			backdrop-filter: blur(12px);
		}

		.cta-eyebrow {
			display: inline-flex;
			align-items: center;
			gap: 9px;
			background: rgba(232, 100, 42, 0.14);
			border: 1px solid rgba(232, 100, 42, 0.32);
			color: var(--accent-light);
			border-radius: 999px;
			padding: 8px 16px;
			font-size: 12px;
			font-weight: 800;
			text-transform: uppercase;
			letter-spacing: 1.5px;
			margin-bottom: 20px;
		}

		.cta-title {
			font-family: "Roboto Condensed", sans-serif;
			font-size: clamp(34px, 4vw, 52px);
			line-height: 1.08;
			font-weight: 800;
			color: #fff;
			margin: 0 0 18px;
			letter-spacing: -0.8px;
		}

		.cta-desc {
			max-width: 680px;
			color: rgba(255, 255, 255, 0.72);
			font-size: 16px;
			line-height: 1.8;
			margin: 0 0 26px;
		}

		.cta-points {
			display: flex;
			flex-wrap: wrap;
			gap: 12px;
		}

		.cta-point {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			background: rgba(255, 255, 255, 0.08);
			border: 1px solid rgba(255, 255, 255, 0.1);
			color: rgba(255, 255, 255, 0.82);
			border-radius: 999px;
			padding: 9px 14px;
			font-size: 13px;
			font-weight: 700;
		}

		.cta-point i {
			width: 20px;
			height: 20px;
			border-radius: 50%;
			background: rgba(34, 197, 94, 0.15);
			color: #22c55e;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			font-size: 10px;
		}

		.cta-action-card {
			background: #fff;
			border-radius: 26px;
			padding: 28px;
			box-shadow: 0 24px 60px rgba(0, 0, 0, 0.2);
			position: relative;
			overflow: hidden;
		}

		.cta-action-card::before {
			content: "";
			position: absolute;
			inset: 0 0 auto;
			height: 5px;
			background: linear-gradient(90deg, var(--accent), var(--accent-light));
		}

		.cta-card-icon {
			width: 58px;
			height: 58px;
			border-radius: 18px;
			background: #fff3ed;
			color: var(--accent);
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 22px;
			margin-bottom: 18px;
		}

		.cta-action-card h3 {
			font-family: "Roboto Condensed", sans-serif;
			color: var(--navy);
			font-size: 28px;
			font-weight: 800;
			margin: 0 0 8px;
		}

		.cta-action-card p {
			color: var(--text-muted);
			font-size: 14px;
			line-height: 1.7;
			margin: 0 0 20px;
		}

		.cta-actions {
			display: grid;
			grid-template-columns: 1fr;
			gap: 12px;
		}

		.cta-actions .btn-cta-primary,
		.cta-actions .btn-cta-outline {
			width: 100%;
			min-height: 52px;
			border-radius: 14px;
			justify-content: center;
			padding: 14px 20px;
			font-size: 14px;
			font-weight: 800;
		}

		.cta-actions .btn-cta-primary {
			background: #25d366;
			color: #fff;
			box-shadow: 0 12px 28px rgba(37, 211, 102, 0.28);
		}

		.cta-actions .btn-cta-primary:hover {
			background: #1ebe5d;
			color: #fff;
			transform: translateY(-2px);
		}

		.cta-actions .btn-cta-outline {
			background: var(--navy);
			color: #fff;
			border: 1px solid var(--navy);
		}

		.cta-actions .btn-cta-outline:hover {
			background: var(--navy-mid);
			color: #fff;
			transform: translateY(-2px);
		}

		.cta-small-note {
			display: flex;
			align-items: flex-start;
			gap: 8px;
			margin-top: 16px;
			padding-top: 16px;
			border-top: 1px solid var(--border);
			color: var(--text-muted);
			font-size: 12.5px;
			line-height: 1.5;
		}

		.cta-small-note i {
			color: var(--accent);
			margin-top: 2px;
		}

		@media (max-width: 991px) {
			.cta-redesign {
				padding: 68px 0;
			}

			.cta-box {
				grid-template-columns: 1fr;
				padding: 32px;
				border-radius: 24px;
				gap: 30px;
			}

			.cta-action-card {
				max-width: 520px;
			}
		}

		@media (max-width: 575px) {
			.cta-redesign {
				padding: 56px 0;
			}

			.cta-box {
				padding: 24px;
				border-radius: 22px;
			}

			.cta-title {
				font-size: 34px;
			}

			.cta-desc {
				font-size: 15px;
			}

			.cta-points {
				display: grid;
				grid-template-columns: 1fr;
				gap: 10px;
			}

			.cta-point {
				border-radius: 14px;
			}

			.cta-action-card {
				padding: 24px;
				border-radius: 22px;
			}

			.cta-action-card h3 {
				font-size: 25px;
			}
		}

		.brand-directory-v2 {
			background: #f7f8fc;
			border-top: 1px solid var(--border);
			padding: 46px 0;
		}

		.directory-top {
			max-width: 760px;
			margin-bottom: 28px;
		}

		.directory-top .section-title {
			margin-bottom: 8px;
		}

		.directory-top .section-sub {
			margin-bottom: 0;
			color: var(--text-muted);
		}

		.brand-directory-v2 .dir-row {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 7px 10px;
			background: #ffffff;
			border: 1px solid var(--border);
			border-left: 4px solid var(--accent);
			border-radius: 14px;
			padding: 15px 18px;
			margin-bottom: 12px;
			font-size: 13px;
			box-shadow: 0 8px 24px rgba(13, 31, 60, 0.04);
			transition: 0.22s ease;
		}

		.brand-directory-v2 .dir-row:hover {
			border-color: rgba(232, 100, 42, 0.28);
			border-left-color: var(--accent);
			box-shadow: 0 14px 34px rgba(13, 31, 60, 0.08);
			transform: translateY(-2px);
		}

		.brand-directory-v2 .dir-label {
			display: inline-flex;
			align-items: center;
			gap: 7px;
			background: var(--navy);
			color: #ffffff;
			border-radius: 999px;
			padding: 6px 12px;
			font-size: 11px;
			font-weight: 800;
			letter-spacing: 0.8px;
			text-transform: uppercase;
			white-space: nowrap;
			margin-right: 4px;
		}

		.brand-directory-v2 .dir-label i {
			color: var(--accent-light);
			font-size: 11px;
		}

		.brand-directory-v2 .dir-row a {
			color: #33506f;
			text-decoration: none;
			font-size: 13.5px;
			font-weight: 500;
			line-height: 1.6;
			transition: 0.18s ease;
		}

		.brand-directory-v2 .dir-row a:hover {
			color: var(--accent);
			text-decoration: underline;
			text-underline-offset: 3px;
		}

		.brand-directory-v2 .dir-sep {
			color: #cbd5e1;
			font-size: 11px;
		}

		@media (max-width: 575px) {
			.brand-directory-v2 {
				padding: 38px 0;
			}

			.directory-top {
				margin-bottom: 22px;
			}

			.brand-directory-v2 .dir-row {
				padding: 15px;
				border-radius: 12px;
				gap: 8px;
			}

			.brand-directory-v2 .dir-label {
				width: 100%;
				justify-content: flex-start;
				margin-bottom: 4px;
				border-radius: 10px;
			}

			.brand-directory-v2 .dir-row a {
				background: var(--light-bg);
				border: 1px solid var(--border);
				border-radius: 999px;
				padding: 5px 10px;
				font-size: 12.8px;
			}

			.brand-directory-v2 .dir-sep {
				display: none;
			}
		}

		.footer-redesign {
			position: relative;
			background: #0d1f3c;
			color: rgba(255, 255, 255, 0.68);
			overflow: hidden;
		}

		.footer-redesign::before {
			content: "";
			position: absolute;
			width: 420px;
			height: 420px;
			right: -170px;
			top: 160px;
			background: rgba(232, 100, 42, 0.12);
			border-radius: 50%;
		}

		.footer-redesign::after {
			content: "";
			position: absolute;
			width: 320px;
			height: 320px;
			left: -140px;
			bottom: -140px;
			background: rgba(255, 255, 255, 0.04);
			border-radius: 50%;
		}

		.footer-redesign .site-container {
			position: relative;
			z-index: 2;
		}

		.footer-top-cta {
			padding: 44px 0 0;
		}

		.footer-cta-box {
			background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04));
			border: 1px solid rgba(255, 255, 255, 0.12);
			border-radius: 26px;
			padding: 30px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 24px;
			box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
			backdrop-filter: blur(12px);
		}

		.footer-cta-left span {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			color: var(--accent-light);
			font-size: 12px;
			font-weight: 800;
			text-transform: uppercase;
			letter-spacing: 1.4px;
			margin-bottom: 12px;
		}

		.footer-cta-left h2 {
			font-family: "Roboto Condensed", sans-serif;
			font-size: 36px;
			line-height: 1.08;
			color: #ffffff;
			margin: 0 0 10px;
		}

		.footer-cta-left p {
			margin: 0;
			max-width: 620px;
			font-size: 14.5px;
			line-height: 1.7;
			color: rgba(255, 255, 255, 0.58);
		}

		.footer-cta-actions {
			display: flex;
			flex-wrap: wrap;
			gap: 12px;
			flex-shrink: 0;
		}

		.footer-cta-btn {
			min-height: 50px;
			padding: 13px 20px;
			border-radius: 14px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 9px;
			text-decoration: none;
			font-size: 14px;
			font-weight: 800;
			transition: 0.24s ease;
		}

		.footer-cta-btn.whatsapp {
			background: #25d366;
			color: #fff;
		}

		.footer-cta-btn.call {
			background: #ffffff;
			color: var(--navy);
		}

		.footer-cta-btn:hover {
			transform: translateY(-2px);
			box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
		}

		.footer-main-grid {
			padding: 58px 0 34px;
			display: grid;
			grid-template-columns: 1.45fr 0.75fr 0.85fr 0.85fr 1.15fr;
			gap: 34px;
			align-items: flex-start;
		}

		.footer-brand-logo {
			display: inline-flex;
			align-items: center;
			gap: 12px;
			text-decoration: none;
			margin-bottom: 18px;
		}

		.footer-brand-mark {
			width: 44px;
			height: 44px;
			border-radius: 14px;
			background: var(--accent);
			color: #fff;
			display: flex;
			align-items: center;
			justify-content: center;
			font-family: "Roboto Condensed", sans-serif;
			font-weight: 800;
			font-size: 18px;
		}

		.footer-brand-name {
			color: #fff;
			font-size: 21px;
			font-weight: 800;
			line-height: 1;
		}

		.footer-brand-logo span {
			display: block;
			color: var(--accent-light);
			font-size: 10px;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 2px;
			margin-top: 5px;
		}

		.footer-brand-box p {
			font-size: 13.5px;
			line-height: 1.8;
			color: rgba(255, 255, 255, 0.5);
			margin: 0 0 18px;
			max-width: 360px;
		}

		.footer-badges {
			display: flex;
			flex-wrap: wrap;
			gap: 8px;
			margin-bottom: 20px;
		}

		.footer-badges span {
			display: inline-flex;
			align-items: center;
			gap: 6px;
			background: rgba(255, 255, 255, 0.07);
			border: 1px solid rgba(255, 255, 255, 0.09);
			color: rgba(255, 255, 255, 0.72);
			border-radius: 999px;
			padding: 7px 10px;
			font-size: 11.5px;
			font-weight: 700;
		}

		.footer-badges i {
			color: var(--accent-light);
			font-size: 11px;
		}

		.footer-social {
			display: flex;
			flex-wrap: wrap;
			gap: 9px;
		}

		.footer-social a {
			width: 36px;
			height: 36px;
			border-radius: 11px;
			background: rgba(255, 255, 255, 0.07);
			border: 1px solid rgba(255, 255, 255, 0.1);
			color: rgba(255, 255, 255, 0.65);
			display: inline-flex;
			align-items: center;
			justify-content: center;
			text-decoration: none;
			transition: 0.22s ease;
		}

		.footer-social a:hover {
			background: var(--accent);
			border-color: var(--accent);
			color: #fff;
			transform: translateY(-2px);
		}

		.footer-link-col h3,
		.footer-contact-card h3 {
			font-family: "Roboto Condensed", sans-serif;
			color: #fff;
			font-size: 20px;
			font-weight: 800;
			margin: 0 0 18px;
			position: relative;
			padding-bottom: 12px;
		}

		.footer-link-col h3::after,
		.footer-contact-card h3::after {
			content: "";
			position: absolute;
			left: 0;
			bottom: 0;
			width: 34px;
			height: 3px;
			background: var(--accent);
			border-radius: 99px;
		}

		.footer-link-col a {
			display: flex;
			align-items: center;
			gap: 8px;
			color: rgba(255, 255, 255, 0.52);
			text-decoration: none;
			font-size: 13.5px;
			font-weight: 500;
			margin-bottom: 11px;
			transition: 0.18s ease;
		}

		.footer-link-col a::before {
			content: "";
			font-family: "Font Awesome 6 Free";
			font-weight: 900;
			font-size: 10px;
			color: var(--accent-light);
			opacity: 0.8;
		}

		.footer-link-col a:hover {
			color: #fff;
			transform: translateX(4px);
		}

		.footer-contact-card {
			background: rgba(255, 255, 255, 0.06);
			border: 1px solid rgba(255, 255, 255, 0.1);
			border-radius: 24px;
			padding: 24px;
		}

		.footer-contact-row {
			display: flex;
			gap: 12px;
			margin-bottom: 17px;
		}

		.footer-contact-row:last-child {
			margin-bottom: 0;
		}

		.footer-contact-icon {
			width: 38px;
			height: 38px;
			border-radius: 12px;
			background: rgba(232, 100, 42, 0.14);
			color: var(--accent-light);
			display: flex;
			align-items: center;
			justify-content: center;
			flex-shrink: 0;
		}

		.footer-contact-row span {
			display: block;
			color: rgba(255, 255, 255, 0.38);
			font-size: 11px;
			font-weight: 800;
			text-transform: uppercase;
			letter-spacing: 0.8px;
			margin-bottom: 4px;
		}

		.footer-contact-row p {
			margin: 0;
			color: rgba(255, 255, 255, 0.68);
			font-size: 13.5px;
			line-height: 1.6;
		}

		.footer-contact-row a {
			color: rgba(255, 255, 255, 0.78);
			text-decoration: none;
		}

		.footer-contact-row a:hover {
			color: #fff;
		}

		.footer-keywords {
			border-top: 1px solid rgba(255, 255, 255, 0.08);
			border-bottom: 1px solid rgba(255, 255, 255, 0.08);
			padding: 18px 0;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 9px;
		}

		.footer-keywords span {
			color: #fff;
			font-size: 12px;
			font-weight: 800;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin-right: 4px;
		}

		.footer-keywords a {
			color: rgba(255, 255, 255, 0.52);
			text-decoration: none;
			font-size: 12.5px;
			background: rgba(255, 255, 255, 0.06);
			border: 1px solid rgba(255, 255, 255, 0.08);
			border-radius: 999px;
			padding: 6px 10px;
			transition: 0.18s ease;
		}

		.footer-keywords a:hover {
			background: var(--accent);
			border-color: var(--accent);
			color: #fff;
		}

		.footer-bottom-redesign {
			padding: 20px 0;
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 18px;
			flex-wrap: wrap;
			color: rgba(255, 255, 255, 0.38);
			font-size: 12.5px;
		}

		.footer-bottom-links-redesign {
			display: flex;
			flex-wrap: wrap;
			gap: 16px;
		}

		.footer-bottom-links-redesign a {
			color: rgba(255, 255, 255, 0.42);
			text-decoration: none;
			transition: 0.18s ease;
		}

		.footer-bottom-links-redesign a:hover {
			color: #fff;
		}

		.footer-payments-redesign {
			display: flex;
			align-items: center;
			gap: 8px;
		}

		.footer-payments-redesign span {
			color: rgba(255, 255, 255, 0.38);
			font-size: 12px;
		}

		.footer-payments-redesign img {
			width: auto;
			height: 22px;
			filter: brightness(1.15);
			opacity: 0.78;
		}

		@media (max-width: 1199px) {
			.footer-main-grid {
				grid-template-columns: 1.4fr 1fr 1fr;
			}

			.footer-contact-card {
				grid-column: span 2;
			}
		}

		@media (max-width: 991px) {
			.footer-cta-box {
				flex-direction: column;
				align-items: flex-start;
			}

			.footer-cta-actions {
				width: 100%;
			}

			.footer-cta-btn {
				flex: 1;
			}

			.footer-main-grid {
				grid-template-columns: 1fr 1fr;
				gap: 28px;
			}

			.footer-brand-box,
			.footer-contact-card {
				grid-column: 1 / -1;
			}
		}

		@media (max-width: 575px) {
			.footer-top-cta {
				padding-top: 32px;
			}

			.footer-cta-box {
				padding: 24px;
				border-radius: 22px;
			}

			.footer-cta-left h2 {
				font-size: 30px;
			}

			.footer-cta-actions {
				display: grid;
				grid-template-columns: 1fr;
			}

			.footer-main-grid {
				padding-top: 42px;
				grid-template-columns: 1fr;
			}

			.footer-brand-box,
			.footer-contact-card {
				grid-column: auto;
			}

			.footer-contact-card {
				padding: 22px;
				border-radius: 20px;
			}

			.footer-bottom-redesign {
				flex-direction: column;
				align-items: flex-start;
			}

			.footer-payments-redesign {
				flex-wrap: wrap;
			}
		}

		.trust-strip-v2 {
			position: relative;
			background: linear-gradient(180deg,
					var(--navy) 0%,
					var(--navy) 48px,
					#ffffff 48px,
					#ffffff 100%);
			padding: 0 0 58px;
			z-index: 8;
		}

		.trust-strip-v2::before {
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			height: 110px;
			background: linear-gradient(180deg,
					rgba(13, 31, 60, 0.95),
					rgba(13, 31, 60, 0));
			pointer-events: none;
		}

		.trust-strip-v2 .trust-grid {
			position: relative;
			z-index: 2;
			display: grid;
			grid-template-columns: repeat(4, minmax(0, 1fr));
			gap: 18px;
			transform: translateY(-42px);
			margin-bottom: -42px;
		}

		.trust-strip-v2 .trust-card {
			background: #ffffff;
			border: 1px solid rgba(226, 232, 240, 0.95);
			border-radius: 22px;
			padding: 22px 20px;
			display: flex;
			align-items: center;
			gap: 15px;
			min-height: 112px;
			box-shadow: 0 22px 60px rgba(13, 31, 60, 0.14);
			transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
		}

		.trust-strip-v2 .trust-card:hover {
			transform: translateY(-5px);
			border-color: rgba(232, 100, 42, 0.35);
			box-shadow: 0 28px 70px rgba(13, 31, 60, 0.18);
		}

		.trust-strip-v2 .trust-icon {
			width: 54px;
			height: 54px;
			border-radius: 18px;
			background: linear-gradient(135deg, #fff4ee, #ffffff);
			color: var(--accent);
			border: 1px solid rgba(232, 100, 42, 0.16);
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 20px;
			flex-shrink: 0;
			box-shadow: inset 0 0 0 5px rgba(232, 100, 42, 0.04);
		}

		.trust-strip-v2 h3 {
			font-size: 16px;
			font-weight: 800;
			color: var(--navy);
			margin: 0 0 5px;
			line-height: 1.2;
		}

		.trust-strip-v2 p {
			font-size: 13px;
			line-height: 1.45;
			color: var(--text-muted);
			margin: 0;
		}

		@media (max-width: 991px) {
			.trust-strip-v2 {
				background: #ffffff;
				padding: 28px 0 52px;
			}

			.trust-strip-v2::before {
				display: none;
			}

			.trust-strip-v2 .trust-grid {
				grid-template-columns: repeat(2, minmax(0, 1fr));
				transform: none;
				margin-bottom: 0;
			}

			.trust-strip-v2 .trust-card {
				min-height: 108px;
			}
		}

		@media (max-width: 575px) {
			.trust-strip-v2 {
				padding: 22px 0 46px;
			}

			.trust-strip-v2 .trust-grid {
				grid-template-columns: 1fr;
				gap: 12px;
			}

			.trust-strip-v2 .trust-card {
				padding: 18px;
				border-radius: 18px;
				min-height: auto;
			}

			.trust-strip-v2 .trust-icon {
				width: 48px;
				height: 48px;
				border-radius: 15px;
				font-size: 18px;
			}
		}

		.why-section-v2 {
			position: relative;
			background:
				linear-gradient(180deg, #ffffff 0%, #f7f8fc 100%);
			padding: 84px 0;
			overflow: hidden;
		}

		.why-section-v2::before {
			content: "";
			position: absolute;
			width: 360px;
			height: 360px;
			right: -150px;
			top: -160px;
			background: rgba(232, 100, 42, 0.08);
			border-radius: 50%;
		}

		.why-section-v2::after {
			content: "";
			position: absolute;
			width: 280px;
			height: 280px;
			left: -130px;
			bottom: -120px;
			background: rgba(13, 31, 60, 0.06);
			border-radius: 50%;
		}

		.why-section-v2 .site-container {
			position: relative;
			z-index: 2;
		}

		.why-head-row {
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
			gap: 32px;
			margin-bottom: 42px;
		}

		.why-head-left {
			max-width: 720px;
		}

		.why-head-left .section-sub {
			margin-bottom: 0;
			max-width: 640px;
		}

		.why-head-badge {
			background: #ffffff;
			border: 1px solid var(--border);
			border-radius: 22px;
			padding: 18px 20px;
			display: flex;
			align-items: center;
			gap: 14px;
			min-width: 260px;
			box-shadow: 0 16px 44px rgba(13, 31, 60, 0.08);
		}

		.why-head-icon {
			width: 52px;
			height: 52px;
			border-radius: 17px;
			background: #fff3ed;
			color: var(--accent);
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 21px;
			flex-shrink: 0;
		}

		.why-head-badge strong {
			display: block;
			font-size: 16px;
			color: var(--navy);
			line-height: 1.2;
		}

		.why-head-badge span {
			display: block;
			font-size: 12.5px;
			color: var(--text-muted);
			margin-top: 4px;
		}

		.why-grid {
			display: grid;
			grid-template-columns: repeat(4, minmax(0, 1fr));
			gap: 20px;
		}

		.why-feature-card {
			background: #ffffff;
			border: 1px solid var(--border);
			border-radius: 24px;
			padding: 24px;
			min-height: 290px;
			display: flex;
			flex-direction: column;
			box-shadow: 0 12px 36px rgba(13, 31, 60, 0.05);
			transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
		}

		.why-feature-card:hover {
			transform: translateY(-6px);
			border-color: rgba(232, 100, 42, 0.32);
			box-shadow: 0 24px 60px rgba(13, 31, 60, 0.12);
		}

		.why-feature-card.active {
			background:
				linear-gradient(145deg, var(--navy) 0%, var(--navy-mid) 100%);
			border-color: rgba(255, 255, 255, 0.1);
			box-shadow: 0 24px 70px rgba(13, 31, 60, 0.22);
		}

		.why-card-top {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 28px;
		}

		.why-num {
			font-family: "Roboto Condensed", sans-serif;
			font-size: 42px;
			font-weight: 800;
			line-height: 1;
			color: rgba(13, 31, 60, 0.1);
		}

		.why-feature-card.active .why-num {
			color: rgba(255, 255, 255, 0.18);
		}

		.why-icon {
			width: 52px;
			height: 52px;
			border-radius: 17px;
			background: #fff3ed;
			color: var(--accent);
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 20px;
			flex-shrink: 0;
		}

		.why-feature-card.active .why-icon {
			background: rgba(232, 100, 42, 0.16);
			color: var(--accent-light);
			border: 1px solid rgba(232, 100, 42, 0.24);
		}

		.why-feature-card h3 {
			font-family: "Roboto Condensed", sans-serif;
			font-size: 24px;
			font-weight: 800;
			color: var(--navy);
			margin: 0 0 12px;
			line-height: 1.1;
		}

		.why-feature-card p {
			color: var(--text-muted);
			font-size: 14px;
			line-height: 1.75;
			margin: 0;
		}

		.why-feature-card.active h3 {
			color: #ffffff;
		}

		.why-feature-card.active p {
			color: rgba(255, 255, 255, 0.66);
		}

		.why-feature-card a {
			margin-top: auto;
			display: inline-flex;
			align-items: center;
			gap: 8px;
			color: var(--accent-light);
			font-size: 13px;
			font-weight: 800;
			text-decoration: none;
			padding-top: 22px;
			transition: 0.2s ease;
		}

		.why-feature-card a:hover {
			gap: 12px;
			color: #ffffff;
		}

		.why-bottom-strip {
			margin-top: 24px;
			background: #ffffff;
			border: 1px solid var(--border);
			border-radius: 24px;
			padding: 20px;
			display: grid;
			grid-template-columns: repeat(4, minmax(0, 1fr));
			box-shadow: 0 14px 42px rgba(13, 31, 60, 0.06);
		}

		.why-bottom-strip div {
			padding: 6px 24px;
			border-right: 1px solid var(--border);
		}

		.why-bottom-strip div:last-child {
			border-right: 0;
		}

		.why-bottom-strip strong {
			display: block;
			font-family: "Roboto Condensed", sans-serif;
			font-size: 32px;
			line-height: 1;
			color: var(--navy);
			margin-bottom: 6px;
		}

		.why-bottom-strip span {
			display: block;
			font-size: 12.5px;
			color: var(--text-muted);
			font-weight: 600;
		}

		@media (max-width: 1199px) {
			.why-grid {
				grid-template-columns: repeat(2, minmax(0, 1fr));
			}

			.why-feature-card {
				min-height: 250px;
			}
		}

		@media (max-width: 991px) {
			.why-section-v2 {
				padding: 68px 0;
			}

			.why-head-row {
				flex-direction: column;
				align-items: flex-start;
			}

			.why-head-badge {
				width: 100%;
				max-width: 420px;
			}

			.why-bottom-strip {
				grid-template-columns: repeat(2, minmax(0, 1fr));
			}

			.why-bottom-strip div {
				border-right: 0;
				border-bottom: 1px solid var(--border);
				padding: 16px;
			}

			.why-bottom-strip div:nth-last-child(-n

				/**/
				+2) {
				border-bottom: 0;
			}
		}

		@media (max-width: 575px) {
			.why-section-v2 {
				padding: 56px 0;
			}

			.why-head-row {
				margin-bottom: 30px;
			}

			.why-grid {
				grid-template-columns: 1fr;
				gap: 14px;
			}

			.why-feature-card {
				min-height: auto;
				border-radius: 20px;
				padding: 22px;
			}

			.why-card-top {
				margin-bottom: 22px;
			}

			.why-num {
				font-size: 36px;
			}

			.why-icon {
				width: 48px;
				height: 48px;
				border-radius: 15px;
				font-size: 18px;
			}

			.why-feature-card h3 {
				font-size: 23px;
			}

			.why-bottom-strip {
				grid-template-columns: 1fr;
				border-radius: 20px;
				padding: 10px;
			}

			.why-bottom-strip div {
				border-bottom: 1px solid var(--border) !important;
				padding: 16px;
			}

			.why-bottom-strip div:last-child {
				border-bottom: 0 !important;
			}

			.why-bottom-strip strong {
				font-size: 30px;
			}
		}