/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles removed */

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/* Typography CSS Custom Properties from Figma */
:root {
	/* Family */
	--nt-font-family-primary: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;

	/* Sizes */
	--nt-h1-size: 3.125rem;
	/* 50px */
	--nt-h2-size: 2.375rem;
	/* 38px */
	--nt-h3-size: 1.5rem;
	/* 24px */
	--nt-h4-size: 1.125rem;
	/* 18px */
	--nt-s1-size: 1.125rem;
	/* 18px */
	--nt-s2-size: 1rem;
	/* 16px */
	--nt-p1-size: 0.875rem;
	/* 14px */
	--nt-p2-size: 0.875rem;
	/* 14px */
	--nt-l-size: 0.75rem;
	/* 12px */

	/* Weights */
	--nt-weight-regular: 400;
	--nt-weight-medium: 500;
	--nt-weight-semibold: 600;
	--nt-weight-bold: 700;

	/* Colors (from design) */
	--nt-color-white: #FFFFFF;
	--nt-color-red: #D62127;
	--nt-color-black: #202020;
	--nt-color-gray: #7A8292;
	--nt-color-light-gray: #DEDEDE;
	--nt-color-very-light-gray: #F9F9F9;
	--nt-color-rose-white: #FFF8F8;
	--nt-color-overlay-dark: #170000;

	/* Footer specific colors */
	--nt-color-footer-bg: #202020;
	--nt-color-footer-text: #B8B8B8;
	--nt-color-footer-border: rgba(255, 255, 255, 0.15);

	/* Spacing variables */
	--nt-spacing-xs: 8px;
	/* Extra small spacing */
	--nt-spacing-sm: 12px;
	/* Small spacing */
	--nt-spacing-md: 16px;
	/* Medium spacing */
	--nt-spacing-lg: 20px;
	/* Large spacing */
	--nt-spacing-xl: 24px;
	/* Extra large spacing */
	--nt-spacing-2xl: 40px;
	/* 2x extra large spacing */
	--nt-spacing-3xl: 100px;
	/* 3x extra large - horizontal padding for sections */

	/* Section spacing (vertical padding for major sections) */
	--nt-section-padding: 80px;
	/* Desktop - standard section vertical spacing */
	--nt-section-padding-md: 60px;
	/* Tablet - reduced section spacing */
	--nt-section-padding-sm: 40px;
	/* Mobile - minimal section spacing */

	/* About section specific spacing */
	--nt-about-title-margin: 20px;
	/* Space between about title and subtitle */
	--nt-about-description-margin: 30px;
	/* Space between description and contact section */
	--nt-about-booking-margin: 30px;
	/* Space between availability and booking info */

	/* Contact section spacing */
	--nt-contact-card-padding: 24px;
	/* 24px = consistent card padding */
	--nt-contact-card-gap: 10px;
	/* 10px = spacing between icon/title/text */

	/* Fleet grid section spacing */
	--nt-fleet-section-padding: var(--nt-section-padding);
	/* 80px = desktop vertical rhythm */
	--nt-fleet-section-padding-md: var(--nt-section-padding-md);
	/* 60px = tablet spacing */
	--nt-fleet-section-padding-sm: var(--nt-section-padding-sm);
	/* 40px = mobile spacing */
	--nt-fleet-grid-gap: 30px;
	/* 30px = desktop card gap from Figma */
	--nt-fleet-grid-gap-sm: 20px;
	/* 20px = tablet/mobile card gap */
	--nt-fleet-card-padding: 20px;
	/* 20px = interior card padding */
	--nt-fleet-details-gap: 12px;
	/* 12px = stacking space between metric rows */
	--nt-fleet-image-height: 200px;
	/* 200px = consistent vehicle media height */
	--nt-fleet-button-margin: 20px;
	/* 20px = breathing room before CTA */
	--nt-fleet-pagination-margin: 60px;
	/* 60px = separation before pagination */

	/* Border radius */
	--nt-border-radius-sm: 8px;
	/* Small radius - images, cards */
	--nt-border-radius-md: 10px;
	/* Medium radius - buttons */
	--nt-border-radius-lg: 20px;
	/* Large radius - featured elements */

	/* Shadows */
	--nt-shadow-card: 0px 0px 10px 0px rgba(0, 0, 0, .1);
	--nt-shadow-card-hover: 0px 4px 20px 0px rgba(0, 0, 0, .12);

}

h1,
h2,
h3,
h4,
p {
	font-family: var(--nt-font-family-primary);
}

h1 {
	font-size: var(--nt-h1-size);
	font-weight: var(--nt-weight-bold);
	letter-spacing: 0.02em;
	line-height: 1.5;
}

h2 {
	font-size: var(--nt-h2-size);
	font-weight: var(--nt-weight-bold);
	letter-spacing: 0.02em;
	line-height: 1.5;
}

h3 {
	font-size: var(--nt-h3-size);
	font-weight: var(--nt-weight-semibold);
	line-height: 1.5;
}

h4 {
	font-size: var(--nt-h4-size);
	font-weight: var(--nt-weight-semibold);
	line-height: 1.5;
}

p {
	font-size: var(--nt-p2-size);
	font-weight: var(--nt-weight-regular);
	line-height: 1.5;
}

/* Header logo sizing */
.navkar-header__logo {
	display: flex;
	align-items: center;
}

.navkar-header__logo img {
	height: 54px;
	width: auto;
	max-width: 100%;
	display: block;
}

/* Call-us block styles */
.navkar-call {
	display: flex;
	gap: 10px;
	align-items: center;
}

.navkar-call .wp-block-separator {
	height: 40px;
	width: 1px;
	background: var(--nt-color-light-gray);
	border: 0;
	margin: 0 16px 0 0;
}

.navkar-call__icon img {
	width: 22px;
	height: 22px;
	object-fit: cover;
}

.navkar-call img.wp-image-23 {
	margin-right: 10px;
}

.navkar-call__text {
	padding: 0;
	max-width: none;
	width: auto;
}

.navkar-call .navkar-call__text.has-global-padding {
	padding: 0;
}

.navkar-call__text .wp-block-group__inner-container {
	padding: 0;
}

.navkar-call__text p:first-child {
	color: var(--nt-color-gray);
	font-size: 12px;
	letter-spacing: 0.1em;
	margin: 0;
	font-weight: 400;
	font-family: var(--nt-font-family-primary);
}

.navkar-call__text p:last-child {
	color: var(--nt-color-black);
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	font-family: var(--nt-font-family-primary);
}

.navkar-call__text p:last-child a {
	color: inherit;
	text-decoration: none;
}

/* Sticky header behavior (hide on scroll down, show on scroll up) */
.navkar-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	will-change: transform;
	transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1);
	background: var(--nt-color-white);
}

/* Add space below header for fixed positioning */
/* Desktop header height: 100px */
body:not(.admin-bar) {
	padding-top: 100px;
}

/* Desktop header (100px) + admin bar (32px) */
body.admin-bar {
	padding-top: 100px;
}

@media (max-width: 782px) {

	/* Mobile admin bar is 46px instead of 32px */
	body.admin-bar {
		padding-top: 80px;
		/* 80px header + 46px admin bar */
	}
}

@media (max-width: 768px) {

	/* Mobile header height: 80px */
	body:not(.admin-bar) {
		padding-top: 80px;
	}
}

/* Add shadow when scrolled */
.is-header-stuck .navkar-header {
	box-shadow: 0 2px 12px rgba(0, 0, 0, .06);
}

/* Account for WP Admin Bar */
@media (min-width: 783px) {
	.admin-bar .navkar-header {
		top: 32px;
		/* Desktop admin bar height */
	}
}

@media (max-width: 782px) {
	.admin-bar .navkar-header {
		top: 46px;
		/* Mobile admin bar height */
	}
}

/* Hide header when scrolling down */
.is-header-hidden .navkar-header {
	transform: translateY(-100%);
}

/* Responsive Navigation Overlay: ensure full-height and above header */
.wp-block-navigation__responsive-container.is-menu-open {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100vh;
	max-height: 100vh;
	z-index: 1100;
	/* above header (1000) */
}

/* If admin bar is present, keep overlay below it */
@media (min-width: 783px) {
	.admin-bar .wp-block-navigation__responsive-container.is-menu-open {
		top: 32px;
		/* Desktop admin bar height */
	}
}

@media (max-width: 782px) {
	.admin-bar .wp-block-navigation__responsive-container.is-menu-open {
		top: 46px;
		/* Mobile admin bar height */
	}
}

/* Make overlay content scroll within viewport */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	height: 100%;
	overflow: auto;
}

/* Responsive header adjustments */
.navkar-header__inner {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
	min-height: 100px;
	padding: 0 100px;
	background: var(--nt-color-white);
	border-bottom: 1px solid var(--nt-color-light-gray);
}

/* Header Logo - Left Side */
.navkar-header__inner .navkar-header__logo {
	flex: 0 0 auto;
	order: 1;
	display: flex;
	align-items: center;
}

/* Header Navigation - Center */
.navkar-header__inner nav.wp-block-navigation {
	flex: 1 1 auto;
	order: 2;
	display: flex;
	align-items: center;
	justify-content: center;
}

.navkar-header__inner nav.wp-block-navigation .wp-block-navigation__container {
	display: flex;
	gap: 32px;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

.navkar-header__inner nav.wp-block-navigation .wp-block-navigation-item {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}

.navkar-header__inner nav.wp-block-navigation .wp-block-navigation-item__content {
	padding: 0;
	margin: 0;
	font-family: var(--nt-font-family-primary);
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	color: var(--nt-color-black);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
}

/* Force header inner to use flex layout */
.navkar-header__inner.is-layout-flow {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

/* Remove default flow layout margins from header children */
.navkar-header__inner.is-layout-flow>*,
.navkar-header__inner>.wp-block-group.is-layout-flow>* {
	margin-block-start: 0;
	margin-block-end: 0;
}

/* Header Right Group (contains separator and call) - Right Side */
.navkar-header__inner>.wp-block-group {
	flex: 0 0 auto;
	order: 3;
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: nowrap;
	margin: 0;
	padding: 0;
}

.navkar-header__inner>.wp-block-group.is-layout-flow {
	display: flex;
	flex-direction: row;
	align-items: center;
}

/* Force Navigation to become hamburger from 990px */
.navkar-header__inner nav.wp-block-navigation .wp-block-navigation__responsive-container-open {
	display: none;
}

/* Style hamburger button with 3 lines */
.navkar-header__inner nav.wp-block-navigation .wp-block-navigation__responsive-container-open {
	border: 0;
	width: 28px;
	height: 22px;
	padding: 0;
	margin: 0;
	background: none;
	color: var(--nt-color-black);
	align-self: center;
	line-height: 0;
	background-image:
		linear-gradient(currentColor, currentColor),
		linear-gradient(currentColor, currentColor),
		linear-gradient(currentColor, currentColor);
	background-size: 24px 2px, 24px 2px, 24px 2px;
	/* three lines */
	background-position: 50% 5px, 50% 10px, 50% 15px;
	background-repeat: no-repeat;
	border-radius: 2px;
	text-align: left;
}

/* hide default SVG icon so only our 3 lines show */
.navkar-header__inner nav.wp-block-navigation .wp-block-navigation__responsive-container-open svg {
	display: none;
}

@media (max-width: 1199px) {
	.navkar-header__inner nav.wp-block-navigation .wp-block-navigation__responsive-container-open {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.navkar-header__inner nav.wp-block-navigation .wp-block-navigation__container {
		display: none;
		width: 100%;
		flex: 1 1 auto;
		text-align: left;
		align-items: flex-start !important;
	}

	.navkar-header__inner nav.wp-block-navigation {
		width: 28px;
		height: 22px;
		flex: unset;
	}

}

/* Header Logo - Left Side */
.navkar-header__logo {
	flex: 0 0 auto;
	order: 1;
}

/* Header Navigation - Center */
.navkar-header__inner nav.wp-block-navigation {
	flex: 1 1 auto;
	order: 2;
	justify-content: center;
}

/* Header Call Section - Right Side */
.navkar-header__inner .navkar-call {
	flex: 0 0 auto;
	order: 3;
}

@media (max-width: 1024px) {
	.navkar-header__inner {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (max-width: 768px) {
	.navkar-header__inner {
		padding-left: 20px;
		padding-right: 20px;
		min-height: 80px;
		flex-wrap: nowrap;
	}

	/* Keep items on one line: logo (left), call (middle), hamburger (right) */
	.navkar-header__inner>.wp-block-group {
		flex: 1 1 auto;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-end;
	}

	.navkar-header__inner>.wp-block-group>.navkar-call {
		flex: 0 1 auto;
		width: auto;
		justify-content: flex-start;
		margin-top: 0;
	}

	.navkar-call .wp-block-separator {
		display: none;
	}

	.navkar-call__text p:first-child {
		font-size: 10px;
	}

	.navkar-call__text p:last-child {
		font-size: 20px;
	}

	.navkar-header__logo img {
		height: 42px;
		width: auto;
		max-width: 100%;
		display: block;
	}

	.navkar-header__inner>.wp-block-group>.navkar-call {
		width: 35px;
		height: 35px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid var(--nt-color-red);
		border-radius: 50%;
		position: relative;
		overflow: hidden;
	}

	.navkar-header__inner .navkar-call__text {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.navkar-call img {
		display: block;
		margin: 0px -1px 0 !important;
		object-fit: contain;
		width: 18px !important;
		height: 18px !important;
	}

	.navkar-header__inner nav.wp-block-navigation {
		width: 28px;
		height: 22px;
		flex: unset;
	}
}

@media (max-width: 480px) {

	/* Keep call visible and compact on small phones */
	.navkar-call {
		display: flex;
		gap: 8px;
	}
}

/* Hero banner */
.navkar-hero {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 250px !important;
}

/* Hide dark overlay background on all hero sections */
.navkar-hero .wp-block-cover__background,
.wp-block-cover.alignfull .wp-block-cover__background {
	display: none;
}

/* Remove margin from first block after header */
:where(.wp-site-blocks)>*:first-child,
:where(.wp-site-blocks)>.wp-block-template-part+* {
	margin-block-start: 0;
}

.navkar-hero .wp-block-cover__inner-container {
	width: 100%;
	z-index: 2;
}

.navkar-hero__title {
	margin-bottom: 10px;
	font-family: var(--nt-font-family-primary);
	font-size: 50px !important;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: 0.02em;
	color: var(--nt-color-white);
	text-align: center;
}

.navkar-hero__breadcrumb {
	margin-top: 0;
	display: flex;
	justify-content: center;
}

.navkar-hero__breadcrumb .wp-block-group {
	display: flex;
	align-items: center;
	gap: var(--nt-spacing-xs);
	/* 8px - spacing between breadcrumb items */
}

.navkar-hero__breadcrumb p {
	margin: 0;
	font-family: var(--nt-font-family-primary);
	font-size: 16px;
	font-weight: 400;
	color: var(--nt-color-white);
}

.navkar-hero__breadcrumb a {
	color: var(--nt-color-white);
	text-decoration: none;
	transition: color 0.2s ease;
	/* Smooth color transition on hover */
}

.navkar-hero__breadcrumb a:hover {
	color: var(--nt-color-red);
}

.navkar-hero__sep {
	font-size: 0 !important;
	width: 16px;
	height: 16px;
	display: flex;
	background: center / 16px no-repeat url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9 12L13 8L9 4M3 12L7 8L3 4" stroke="%23D62127" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}

.navkar-hero__breadcrumb .wp-block-group p:first-child a {
	display: flex;
	align-items: center;
	gap: var(--nt-spacing-xs);
}

.navkar-hero__breadcrumb .wp-block-group p:first-child a::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: center / 20px no-repeat url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.2172 3.95625C10.159 3.90062 10.0817 3.86957 10.0012 3.86957C9.92069 3.86957 9.84331 3.90062 9.78516 3.95625L2.59375 10.8262C2.56321 10.8554 2.53891 10.8905 2.52233 10.9294C2.50574 10.9682 2.49722 11.0101 2.49727 11.0523L2.49609 17.5C2.49609 17.8315 2.62779 18.1495 2.86221 18.3839C3.09663 18.6183 3.41457 18.75 3.74609 18.75H7.5C7.66576 18.75 7.82473 18.6842 7.94194 18.5669C8.05915 18.4497 8.125 18.2908 8.125 18.125V12.8125C8.125 12.7296 8.15792 12.6501 8.21653 12.5915C8.27513 12.5329 8.35462 12.5 8.4375 12.5H11.5625C11.6454 12.5 11.7249 12.5329 11.7835 12.5915C11.8421 12.6501 11.875 12.7296 11.875 12.8125V18.125C11.875 18.2908 11.9408 18.4497 12.0581 18.5669C12.1753 18.6842 12.3342 18.75 12.5 18.75H16.2523C16.5839 18.75 16.9018 18.6183 17.1362 18.3839C17.3706 18.1495 17.5023 17.8315 17.5023 17.5V11.0523C17.5024 11.0101 17.4939 10.9682 17.4773 10.9294C17.4607 10.8905 17.4364 10.8554 17.4059 10.8262L10.2172 3.95625Z" fill="%23D62127"/%3E%3Cpath d="M19.1762 9.53711L16.2543 6.7418V2.5C16.2543 2.33424 16.1885 2.17527 16.0713 2.05806C15.954 1.94085 15.7951 1.875 15.6293 1.875H13.7543C13.5886 1.875 13.4296 1.94085 13.3124 2.05806C13.1952 2.17527 13.1293 2.33424 13.1293 2.5V3.75L10.8668 1.58672C10.6551 1.37266 10.3402 1.25 10 1.25C9.66095 1.25 9.34689 1.37266 9.13517 1.58711L0.826577 9.53633C0.583609 9.7707 0.55314 10.1562 0.774234 10.4102C0.829753 10.4742 0.897734 10.5264 0.974038 10.5633C1.05034 10.6003 1.13337 10.6214 1.21808 10.6253C1.30278 10.6291 1.38739 10.6157 1.46675 10.5859C1.54611 10.556 1.61856 10.5103 1.6797 10.4516L9.78517 2.70625C9.84333 2.65062 9.92071 2.61957 10.0012 2.61957C10.0817 2.61957 10.159 2.65062 10.2172 2.70625L18.3235 10.4516C18.4429 10.5661 18.6028 10.6286 18.7682 10.6253C18.9336 10.6221 19.091 10.5534 19.2059 10.4344C19.4457 10.1859 19.4258 9.77578 19.1762 9.53711Z" fill="%23D62127"/%3E%3C/svg%3E');
	margin-top: -2px;
}

.navkar-hero__crumb {
	color: var(--nt-color-white);
	text-decoration: none;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 100%;
	transition: color 0.2s ease;
}

.navkar-hero__crumb.is-active {
	font-weight: var(--nt-weight-semibold);
	color: var(--nt-color-white);
}

/* Responsive Hero Banner */
@media (max-width: 768px) {
	.navkar-hero {
		min-height: 200px;
	}

	.navkar-hero__title {
		font-size: 32px;
		margin-bottom: 15px;
	}

	.navkar-hero__breadcrumb p {
		font-size: 14px;
	}
}

@media (max-width: 480px) {
	.navkar-hero {
		min-height: 180px;
	}

	.navkar-hero__title {
		font-size: 24px;
		margin-bottom: 12px;
	}

	.navkar-hero__breadcrumb p {
		font-size: 12px;
	}
}

/* Generic page wrapper used on About page */
.navkar-page-content {
	margin-top: 0;
}

.navkar-page-section {
	padding-top: var(--nt-section-padding);
	padding-bottom: var(--nt-section-padding);
}

@media (max-width: 768px) {
	.navkar-page-section {
		padding-top: var(--nt-section-padding-md);
		padding-bottom: var(--nt-section-padding-md);
	}
}

@media (max-width: 480px) {
	.navkar-page-section {
		padding-top: var(--nt-section-padding-sm);
		padding-bottom: var(--nt-section-padding-sm);
	}
}

/* ===== Services Page Layout ===== */
.navkar-services-main {
	margin-top: 0;
}

.navkar-services-content,
.navkar-services-grid-section {
	padding-top: var(--nt-section-padding);
	padding-bottom: var(--nt-section-padding);
	/* 80px = standard section vertical spacing */
}

.navkar-services-content>*,
.navkar-services-grid-section>* {
	max-width: 1240px;
	/* 1240px = constrained content width from design system */
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--nt-spacing-lg);
	/* 20px = safe side gutters for content blocks */
	padding-right: var(--nt-spacing-lg);
}

@media (max-width: 1024px) {

	.navkar-services-content,
	.navkar-services-grid-section {
		padding-top: var(--nt-section-padding-md);
		padding-bottom: var(--nt-section-padding-md);
		/* 60px = tablet vertical spacing */
	}
}

@media (max-width: 768px) {

	.navkar-services-content,
	.navkar-services-grid-section {
		padding-top: var(--nt-section-padding-sm);
		padding-bottom: var(--nt-section-padding-sm);
		/* 40px = mobile vertical spacing */
	}
}

/* Active menu item underline style */
.wp-block-navigation .wp-block-navigation-item.current-menu-item>.wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content[aria-current="page"],
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content[aria-current="true"] {
	color: var(--nt-color-red);
	font-weight: var(--nt-weight-medium) !important;
	text-decoration: underline;
	text-decoration-thickness: 3px;
	text-underline-offset: 6px;
	text-decoration-color: var(--nt-color-red);
}

/* ===== Services Grid (Services Page) ===== */
.navkar-services-grid {
	width: 100%;
	background-color: var(--nt-color-white);
}

.navkar-services-grid .navkar-services-query {
	width: 100%;
}

.navkar-services-grid .navkar-services-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--nt-spacing-2xl);
	/* 30px = card gutter from Figma grid */
	width: 100%;
}

@media (max-width: 1024px) {
	.navkar-services-grid .navkar-services-container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.navkar-services-grid .navkar-services-container {
		grid-template-columns: 1fr;
		/* Single column on mobile for readability */
	}
}

.navkar-service-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	border: 1px solid var(--nt-color-light-gray);
	border-radius: var(--nt-border-radius-sm);
	background-color: var(--nt-color-white);
	box-shadow: var(--nt-shadow-card);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.navkar-service-card:hover {
	transform: translateY(-4px);
	/* Subtle elevation on hover */
	box-shadow: var(--nt-shadow-card-hover);
}

.navkar-service-image {
	margin: 0;
	overflow: hidden;
}

.navkar-service-image img {
	width: 100%;
	height: 200px;
	/* 200px = consistent service thumbnail height */
	object-fit: cover;
	border-radius: var(--nt-border-radius-sm) var(--nt-border-radius-sm) 0 0;
	transition: transform 0.3s ease;
	display: block;
}

.navkar-service-card:hover .navkar-service-image img {
	transform: scale(1.05);
}

.navkar-service-card-content,
.navkar-our-services-home .navkar-service-card-content {
	display: flex;
	flex-direction: column;
	gap: var(--nt-spacing-md);
	/* 16px = spacing between title and description */
	padding: var(--nt-spacing-lg);
	/* 20px = card interior padding */
	margin-block-start: 0;
}

.navkar-service-title {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-semibold);
	font-size: clamp(20px, 2vw, 24px);
	/* Responsive heading size */
	line-height: 1.3;
	margin: 0;
	text-align: center;
	color: var(--nt-color-black);
}

.navkar-service-description {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-regular);
	font-size: clamp(14px, 1.4vw, 16px);
	/* Clamp keeps copy readable on all screens */
	line-height: 1.5;
	margin: 0;
	text-align: center;
	color: var(--nt-color-black);
}

/* ===== Why Choose Us Section ===== */
.navkar-why-choose-us {
	background-color: var(--nt-color-white);
	padding: var(--nt-section-padding-sm) 0 var(--nt-section-padding) 0;
}

.navkar-why-choose-inner {
	max-width: 1240px;
	margin: 0 auto;
}

.navkar-why-choose-us__title {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-bold);
	font-size: clamp(28px, 3vw, 40px);
	line-height: 1.2;
	margin-bottom: var(--nt-spacing-sm);
	/* 12px = title to summary spacing */
	color: var(--nt-color-black);
}

.navkar-why-choose-us__summary {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-regular);
	font-size: clamp(16px, 1.6vw, 18px);
	line-height: 1.5;
	margin: 0 0 var(--nt-spacing-2xl) 0;
	/* 30px = summary to grid spacing */
	color: var(--nt-color-gray);
}

.navkar-feature-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--nt-spacing-xl);
	/* 24px = gutter between cards */
}

.navkar-feature-card {
	display: block;
	padding: var(--nt-spacing-md);
	border-radius: var(--nt-border-radius-md);
	border: 1px solid var(--nt-color-light-gray);
	background-color: var(--nt-color-very-light-gray);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
	height: 100%;
	text-align: left;
	margin-block-start: 0;
}

.navkar-feature-card:hover {
	transform: translateY(-2px);
}

.navkar-feature-card__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 16px;
	color: var(--nt-color-red);
	font-weight: var(--nt-weight-semibold);
	font-size: 14px;
	letter-spacing: 0.04em;
	margin-bottom: 0;
}

.navkar-feature-card__icon img {
	width: 32px;
	height: 32px;
	object-fit: contain;
}

.navkar-feature-card__content {
	display: flex;
	flex-direction: column;
	gap: var(--nt-spacing-xs);
	/* 8px between title and description */
}

.navkar-feature-card__title {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-semibold);
	font-size: 24px;
	line-height: 1.3;
	margin: 0;
	color: var(--nt-color-black);
}

.navkar-feature-card__description {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-regular);
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
	color: var(--nt-color-black);
}

@media (max-width: 1024px) {
	.navkar-why-choose-us {
		padding: var(--nt-section-padding-md) 0;
	}

	.navkar-feature-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.navkar-why-choose-us {
		padding: var(--nt-section-padding-sm) 0;
	}

	.navkar-feature-grid {
		grid-template-columns: 1fr;
	}
}

/* ===== Fleet Grid Pattern ===== */
.navkar-fleet-page {
	margin-top: 0;
	/* Removes default gap so hero sits flush with header */
}

.navkar-fleet-section {
	background-color: var(--nt-color-white);
	padding-block: var(--nt-fleet-section-padding-sm);
}

@media (min-width: 768px) {

	/* 768px = tablet breakpoint from design system */
	.navkar-fleet-section {
		padding-block: var(--nt-fleet-section-padding-md);
	}
}

@media (min-width: 1024px) {

	/* 1024px = desktop breakpoint for full grid spacing */
	.navkar-fleet-section {
		padding-block: var(--nt-fleet-section-padding);
	}
}

.navkar-fleet-section>* {
	max-width: 1240px;
	/* 1240px = global content width for full-width sections */
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--nt-spacing-md);
	/* 16px = mobile gutter */
	padding-right: var(--nt-spacing-md);
}

@media (min-width: 768px) {
	.navkar-fleet-section>* {
		padding-left: var(--nt-spacing-xl);
		/* 24px tablet gutter */
		padding-right: var(--nt-spacing-xl);
	}
}

@media (min-width: 1240px) {
	.navkar-fleet-section>* {
		padding-left: 0;
		padding-right: 0;
	}
}

.navkar-fleet-grid {
	width: 100%;
}

.navkar-fleet-grid .wp-block-group__inner-container,
.navkar-fleet-grid .wp-block-query,
.navkar-fleet-grid .wp-block-post-template {
	width: 100%;
	max-width: none;
}

.navkar-fleet-grid__container {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--nt-fleet-grid-gap-sm);
	width: 100%;
}

@media (min-width: 768px) {

	/* 280px = min card width from Figma grid */
	.navkar-fleet-grid__container {
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
		gap: var(--nt-fleet-grid-gap);
	}
}

.navkar-fleet-grid .navkar-fleet-card,
.navkar-fleet-card {
	background: var(--nt-color-white);
	border-radius: var(--nt-border-radius-sm);
	box-shadow: var(--nt-shadow-card);
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.navkar-fleet-grid .navkar-fleet-image,
.navkar-fleet-card .navkar-fleet-image {
	margin: 0;
}

.navkar-fleet-grid .navkar-fleet-image img,
.navkar-fleet-card .navkar-fleet-image img {
	width: 100%;
	height: var(--nt-fleet-image-height);
	object-fit: cover;
	display: block;
}

.navkar-fleet-grid .navkar-fleet-title,
.navkar-fleet-card .navkar-fleet-title {
	padding: var(--nt-fleet-card-padding) var(--nt-fleet-card-padding) var(--nt-spacing-xs) var(--nt-fleet-card-padding);
	margin: 0;
	color: var(--nt-color-black);
	text-align: center;
	font-weight: var(--nt-weight-semibold);
	font-size: clamp(20px, 2vw, 24px);
	line-height: 1.2;
}

.navkar-fleet-grid .navkar-fleet-subtitle,
.navkar-fleet-card .navkar-fleet-subtitle {
	padding: 0 var(--nt-fleet-card-padding) var(--nt-spacing-sm) var(--nt-fleet-card-padding);
	margin: 0;
	color: var(--nt-color-gray);
	text-align: center;
	font-weight: var(--nt-weight-regular);
	font-size: clamp(14px, 1.6vw, 16px);
	line-height: 1.4;
}

.navkar-fleet-grid .navkar-fleet-details,
.navkar-fleet-card .navkar-fleet-details {
	display: flex;
	flex-direction: column;
	padding: var(--nt-spacing-sm) var(--nt-fleet-card-padding) 0 var(--nt-fleet-card-padding);
	margin: 0;
}

.navkar-fleet-grid .navkar-fleet-price,
.navkar-fleet-grid .navkar-fleet-capacity,
.navkar-fleet-grid .navkar-fleet-luggage,
.navkar-fleet-card .navkar-fleet-price,
.navkar-fleet-card .navkar-fleet-capacity,
.navkar-fleet-card .navkar-fleet-luggage {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.navkar-fleet-grid .navkar-fleet-label,
.navkar-fleet-card .navkar-fleet-label {
	margin: 0;
	font-size: clamp(13px, 1.5vw, 14px);
	font-weight: var(--nt-weight-semibold);
	line-height: 1.4;
	color: var(--nt-color-gray);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	/* 0.04em = improves legibility of labels */
}

.navkar-fleet-grid .navkar-fleet-value,
.navkar-fleet-card .navkar-fleet-value {
	margin: 0;
	font-size: clamp(14px, 2vw, 16px);
	font-weight: var(--nt-weight-regular);
	line-height: 1.4;
	color: var(--nt-color-gray);
	text-align: right;
}

.navkar-fleet-card .navkar-fleet-capacity,
.navkar-fleet-card .navkar-fleet-luggage {
	margin-top: 8px;
}

.navkar-fleet-grid .navkar-fleet-price .navkar-fleet-value::before,
.navkar-fleet-card .navkar-fleet-price .navkar-fleet-value::before {
	content: '₹';
}

.navkar-fleet-grid .navkar-fleet-price .navkar-fleet-value::after,
.navkar-fleet-card .navkar-fleet-price .navkar-fleet-value::after {
	content: '/-';
}

.navkar-fleet-grid .navkar-fleet-cta,
.navkar-fleet-card .navkar-fleet-cta {
	margin: var(--nt-fleet-button-margin) 0;
	justify-content: center;
}

.navkar-fleet-grid .navkar-fleet-button {
	width: 100%;
	padding: var(--nt-spacing-sm) var(--nt-fleet-card-padding) 0 var(--nt-fleet-card-padding);
}

.navkar-fleet-grid .navkar-fleet-button .wp-block-button__link,
.navkar-fleet-card .navkar-fleet-button .wp-block-button__link {
	border-radius: var(--nt-border-radius-md);
	border: 1px solid transparent;
	padding: var(--nt-spacing-sm) var(--nt-spacing-xl);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	/* 0.05em = matches CTA style guide */
	font-size: clamp(14px, 1.4vw, 18px);
	line-height: 1.4;
	font-weight: var(--nt-weight-medium);
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
	width: 100%;
}

.navkar-fleet-grid .navkar-fleet-button .wp-block-button__link:hover,
.navkar-fleet-card .navkar-fleet-button .wp-block-button__link:hover {
	background-color: var(--nt-color-white);
	color: var(--nt-color-red);
	border-color: var(--nt-color-red);
	transform: translateY(-1px);
}

.navkar-fleet-card.has-global-padding {
	padding: 0;
}

/* Fleet Pagination */
.navkar-fleet-pagination {
	text-align: center;
	margin-top: var(--nt-fleet-pagination-margin);
}

.navkar-fleet-pagination .wp-block-query-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: var(--nt-spacing-sm);
}

@media (min-width: 768px) {
	.navkar-fleet-pagination .wp-block-query-pagination {
		flex-wrap: nowrap;
	}
}

.navkar-fleet-pagination .wp-block-query-pagination a,
.navkar-fleet-pagination .wp-block-query-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--nt-spacing-xs) var(--nt-spacing-md);
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: var(--nt-border-radius-sm);
	color: var(--nt-color-black);
	text-decoration: none;
	min-width: 40px;
	/* 40px = touch target minimum */
	transition: background-color 0.2s ease, color 0.2s ease;
}

.navkar-fleet-pagination .wp-block-query-pagination a:hover {
	background: var(--nt-color-red);
	color: var(--nt-color-white);
	border-color: var(--nt-color-red);
}

.navkar-fleet-pagination .wp-block-query-pagination .current {
	background: var(--nt-color-red);
	color: var(--nt-color-white);
	border-color: var(--nt-color-red);
}

/* Hero Home Section */
.navkar-hero-home {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 667px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Dark overlay on hero home background image (70% opacity of #170000) */
.navkar-hero-home::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--nt-color-overlay-dark);
	/* #170000 */
	opacity: 0.7;
	/* 70% darkness */
	z-index: 1;
	/* Below content, above image */
	pointer-events: none;
	/* Allow clicks through overlay */
}

/* Hero Home Content Wrapper */
.navkar-hero-home .wp-block-group {
	text-align: center;
	z-index: 2;
	/* Above overlay */
}

/* Welcome to Navkar Trip - Semantic class */
.navkar-hero-home .hero-welcome {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-semibold);
	font-size: clamp(18px, 1.5vw, 24px);
	line-height: 1.2;
	letter-spacing: 0.02em;
	text-align: center;
	color: var(--nt-color-red);
	margin: 0 0 30px 0;
}

/* Book Your Journey, Your Way - H1 heading */
.navkar-hero-home h1,
.navkar-hero-home .hero-title {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-bold);
	font-size: clamp(28px, 5vw, 48px);
	/* Responsive: 28px mobile -> 48px desktop */
	line-height: 1.1;
	letter-spacing: 0;
	text-align: center;
	color: var(--nt-color-white);
	margin: 0 0 20px 0;
}

/* Hero Description - Semantic class */
.navkar-hero-home .hero-description {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-medium);
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.02em;
	text-align: center;
	color: var(--nt-color-white);
	margin: 0 0 35px 0;
	/* 35px gap to button */
}

/* Fallback for description without semantic class */
.navkar-hero-home p.has-white-color.has-text-color.has-poppins-font-family:not(.hero-description) {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-medium);
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.02em;
	color: var(--nt-color-white);
	margin-bottom: 35px;
	/* 35px gap to button */
}

/* Hero CTA Buttons Wrapper */
.navkar-hero-home .hero-cta-buttons {
	margin-top: 0;
}

/* Hero CTA Button */
.navkar-hero-home .wp-block-button__link {
	border-radius: 10px;
}

.has-brand-red-background-color:hover,
.navkar-hero-home .wp-block-button__link.has-brand-red-background-color:hover {
	transform: none;
	box-shadow: none;
	background-color: var(--nt-color-footer-bg) !important;
}

/* Override any global button hover styles */
.navkar-hero-home .navkar-cta-button .wp-block-button__link:hover {
	transform: none;
	box-shadow: none;
}

.navkar-hero-home .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
	/* Above overlay */
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100%;
	width: 100%;
}

/* Hero Home Responsive - Height adjustments only (typography uses clamp) */
@media (max-width: 768px) {
	.navkar-hero-home {
		min-height: 500px;
		/* Reduced height on tablet */
	}
}

@media (max-width: 480px) {
	.navkar-hero-home {
		min-height: 400px;
		/* Further reduced on mobile */
	}
}

/* Container Standard - 1240px max-width */
.navkar-container,
.has-global-padding.alignfull> :not(.alignfull):not(.alignwide) {
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

/* Why Choose Navkar Trip Section */
.navkar-why-choose-home {
	background-color: var(--nt-color-white);
	margin-bottom: 0;
	padding-top: 60px;
	/* Spacing from previous section */
	padding-bottom: 40px;
	/* Tighter spacing to next section */
}

/* Container for why-choose content - 1240px max */
.navkar-why-choose-home>* {
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
}

/* Reduce spacing on next section after why-choose */
.navkar-why-choose-home+.has-global-padding {
	margin-top: 0;
	padding-top: 40px;
	/* Match bottom padding of why-choose */
}

/* Driver Image */
.navkar-why-choose-home .navkar-driver-image {
	margin: 0;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: none;
}

.navkar-why-choose-home .navkar-driver-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

/* Section Title */
.navkar-why-choose-home .navkar-why-choose-title,
.navkar-why-choose-home .why-choose-title {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-bold);
	font-size: 38px;
	line-height: 1.2;
	margin-bottom: 20px;
	/* Space before description */
}

.navkar-why-choose-home .navkar-why-choose-title span,
.navkar-why-choose-home .why-choose-title span {
	color: var(--nt-color-red);
}

/* Section Description */
.navkar-why-choose-home .why-choose-description {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-regular);
	font-size: 16px;
	line-height: 1.5;
	color: var(--nt-color-black);
	margin-bottom: 50px;
	/* Space before features list */
}

/* Features List Container */
.navkar-why-choose-home .features-list {
	display: flex;
	flex-direction: column;
}

/* Two Column Layout */
.navkar-why-choose-home .why-choose-columns,
.navkar-why-choose-home .wp-block-columns {
	display: flex;
	align-items: center;
	gap: 60px;
	/* Space between image and content */
}

.navkar-why-choose-home .why-choose-image-column {
	flex: 0 0 50%;
}

.navkar-why-choose-home .why-choose-content-column,
.navkar-why-choose-home .wp-block-column:last-child {
	flex: 0 0 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Feature Item Layout - Icon + Content */
.navkar-why-choose-home .navkar-feature-item>.wp-block-group {
	display: flex;
	gap: 15px;
	/* Space between icon and text */
	align-items: center;
}

/* Feature Icon */
.navkar-why-choose-home .navkar-feature-icon {
	transition: all 0.3s ease;
	border: none;
	box-shadow: none;
	margin: 0;
}

.navkar-why-choose-home .navkar-feature-icon img {
	width: 40px;
	/* Standard icon size */
	height: 40px;
	object-fit: contain;
}

.navkar-why-choose-home .navkar-feature-item:hover .navkar-feature-icon {
	background: transparent;
	transform: none;
}

/* Feature Title */
.navkar-why-choose-home .feature-title,
.navkar-why-choose-home .navkar-feature-item h4 {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-semibold);
	font-size: 24px;
	line-height: 1.2;
	color: var(--nt-color-black);
	margin: 0 0 10px 0;
	/* 10px gap before description */
}

/* Feature Description */
.navkar-why-choose-home .feature-description,
.navkar-why-choose-home .navkar-feature-item p {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-regular);
	font-size: 14px;
	line-height: 1.4;
	color: var(--nt-color-black);
	/* #202020 */
	margin: 0;
}

/* Why Choose Navkar Responsive */
@media (max-width: 768px) {

	.navkar-why-choose-home .why-choose-columns,
	.navkar-why-choose-home .wp-block-columns {
		flex-direction: column;
		gap: 40px;
	}

	.navkar-why-choose-home .why-choose-image-column,
	.navkar-why-choose-home .why-choose-content-column,
	.navkar-why-choose-home .wp-block-column {
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 0;
	}

	/* Swap order: content first, image second on mobile */
	.navkar-why-choose-home .why-choose-image-column,
	.navkar-why-choose-home .wp-block-column:first-child {
		order: 2;
	}

	.navkar-why-choose-home .why-choose-content-column,
	.navkar-why-choose-home .wp-block-column:last-child {
		order: 1;
	}

	/* Image responsive sizing */
	.navkar-why-choose-home .navkar-driver-image img,
	.navkar-why-choose-home .wp-block-image img {
		width: 100%;
		height: auto;
		max-width: 400px;
		margin: 0 auto;
		display: block;
	}

	.navkar-why-choose-home .navkar-why-choose-title {
		font-size: 32px;
	}

	.navkar-why-choose-home .why-choose-description {
		margin-bottom: 40px;
	}

	.navkar-why-choose-home .feature-title {
		font-size: 16px;
	}

	.navkar-why-choose-home .feature-description {
		font-size: 13px;
	}

	.navkar-why-choose-home .navkar-why-choose-title,
	.navkar-why-choose-home .why-choose-title {
		font-size: 32px;
	}

	.navkar-why-choose-home .feature-title,
	.navkar-why-choose-home .navkar-feature-item h4 {
		font-size: 20px;
	}

	.navkar-why-choose-home .navkar-feature-item {
		margin: 10px 0 !important;
	}

	.navkar-hero-home .navkar-cta-button .wp-block-button__link {
		font-size: 16px;
		padding: 10px 20px;
	}
}

@media (max-width: 480px) {
	.navkar-why-choose-home {
		padding: 60px 20px;
	}

	.navkar-why-choose-home .navkar-driver-image img,
	.navkar-why-choose-home .wp-block-image img {
		max-width: 100%;
	}

	.navkar-why-choose-home .navkar-why-choose-title {
		font-size: 28px;
	}

	.navkar-why-choose-home .navkar-feature-icon img {
		width: 32px;
		height: 32px;
	}

	.navkar-why-choose-home .features-list {
		gap: 10px;
	}

	.navkar-why-choose-home .navkar-feature-item {
		margin-bottom: 20px;
	}

	.navkar-why-choose-home .navkar-feature-item>.wp-block-group {
		gap: 12px;
	}

	.navkar-why-choose-home .feature-title {
		font-size: 15px;
	}

	.navkar-why-choose-home .feature-description {
		font-size: 12px;
		line-height: 1.5;
	}

	.navkar-why-choose-home .why-choose-description {
		margin-bottom: 30px;
		font-size: 15px;
	}

	.navkar-why-choose-home .navkar-why-choose-title,
	.navkar-why-choose-home .why-choose-title {
		font-size: 28px;
	}
}

/* Our Services Section */
.navkar-our-services-home {
	background-color: var(--wp--preset--color--white);
	padding-top: 80px;
	padding-bottom: 80px;
}

/* Container for services content - 1240px max */
.navkar-our-services-home>* {
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px;
}

/* Services Header */
.navkar-our-services-home .navkar-services-header,
.navkar-our-services-home>.wp-block-group:first-child {
	margin-bottom: 60px;
}

.navkar-our-services-home .navkar-services-title {
	font-family: var(--nt-font-family-primary);
	font-size: 36px;
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: 15px;
	color: var(--nt-color-black);
}

.navkar-our-services-home .navkar-services-subtitle {
	font-family: var(--nt-font-family-primary);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 0;
	color: var(--nt-color-black);
	/* #202020 */
}

/* Services Grid Container */
.navkar-our-services-home .navkar-services-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	width: 100%;
}

/* Slick List Padding for Services */
.navkar-our-services-home .slick-list {
	padding: 15px 0;
}

/* Our Services Responsive Styles */
@media (max-width: 768px) {
	.navkar-our-services-home {
		padding: 50px 20px;
	}

	.navkar-our-services-home .navkar-services-header,
	.navkar-our-services-home>.wp-block-group:first-child {
		margin-bottom: 30px;
	}

	.navkar-our-services-home .navkar-services-title {
		font-size: 32px;
		margin-bottom: 10px;
	}

	.navkar-our-services-home .navkar-services-subtitle {
		font-size: 15px;
	}

	/* Ensure grid is disabled for slider on tablet */
	.navkar-our-services-home .navkar-services-container.slick-initialized {
		display: block;
		grid-template-columns: none;
	}

	.navkar-our-services-home .navkar-service-title {
		font-size: 20px;
	}

	.navkar-our-services-home .navkar-service-description {
		font-size: 13px !important;
	}
}

@media (max-width: 480px) {
	.navkar-our-services-home {
		padding: 30px 16px;
	}

	.navkar-our-services-home>* {
		padding-left: 16px;
		padding-right: 16px;
	}

	.navkar-our-services-home .navkar-services-header,
	.navkar-our-services-home>.wp-block-group:first-child {
		margin-bottom: 20px;
	}

	.navkar-our-services-home .navkar-services-title {
		font-size: 28px;
		margin-bottom: 8px;
	}

	.navkar-our-services-home .navkar-services-subtitle {
		font-size: 14px;
	}

	.navkar-our-services-home .navkar-service-title {
		font-size: 20px;
	}

	.navkar-our-services-home .navkar-service-description {
		font-size: 13px;
	}

	/* Ensure 1 service per slide on mobile */
	.navkar-our-services-home .navkar-services-container.slick-initialized {
		display: block;
		grid-template-columns: none;
	}

	.navkar-our-services-home .slick-slide {
		width: 100%;
	}

	.navkar-our-services-home .navkar-service-card {
		max-width: 100%;
	}

	.navkar-our-services-home .navkar-services-container {
		grid-template-columns: repeat(1, 1fr) !important;
	}

	.navkar-our-services-home .navkar-service-card-content,
	.navkar-our-services-home .navkar-service-content {
		gap: 10px !important;
	}

	.navkar-our-services-home .navkar-service-card-content {
		padding: 15px !important;
	}

	.navkar-our-services-home .navkar-service-title {
		font-size: 18px;
	}

	.navkar-our-services-home .navkar-service-description {
		font-size: 12px !important;
	}
}

/* Service Card */
.navkar-our-services-home .navkar-service-card {
	display: flex;
	flex-direction: column;
	border: none;
	border-radius: 8px;
	overflow: hidden;
	background: var(--wp--preset--color--white);
	transition: all 0.3s ease;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.navkar-our-services-home .navkar-service-card:hover {
	transform: translateY(-5px);
}

/* Service Image */
.navkar-our-services-home .navkar-service-image {
	margin: 0;
	overflow: hidden;
}

.navkar-our-services-home .navkar-service-image img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.navkar-our-services-home .navkar-service-card:hover .navkar-service-image img {
	transform: scale(1.05);
}

/* Service Card Content */
.navkar-our-services-home .navkar-service-card-content,
.navkar-our-services-home .navkar-service-content {
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.navkar-our-services-home .navkar-service-title {
	font-family: var(--nt-font-family-primary);
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	margin: 0;
	color: var(--nt-color-black);
}

.navkar-our-services-home .navkar-service-description {
	font-family: var(--nt-font-family-primary);
	font-size: 14px;
	font-weight: 400;
	line-height: 140%;
	letter-spacing: 0;
	margin: 0;
	color: var(--nt-color-black);
	/* #202020 */
	max-width: 438px;
}

/* Swiper Slider Styles */
.navkar-our-services-home .navkar-services-container.swiper {
	display: flex;
	grid-template-columns: none;
	overflow: hidden;
}

.navkar-our-services-home .swiper-wrapper {
	display: flex;
	width: 100%;
	height: auto;
}

/* Target li elements that become swiper slides */
.navkar-our-services-home .navkar-service-card.swiper-slide,
.navkar-our-services-home li.swiper-slide {
	height: auto;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	width: auto;
	margin-right: 0;
}

/* Slick Slider Styles */
.navkar-our-services-home .slick-slider {
	margin-bottom: 0;
}

.navkar-our-services-home .slick-list {
	margin: 0 -15px;
}

.navkar-our-services-home .slick-slide {
	padding: 0 15px;
	box-sizing: border-box;
}

.navkar-our-services-home .slick-slide>div {
	height: 100%;
}

/* Slick Arrows */
.navkar-our-services-home .slick-prev,
.navkar-our-services-home .slick-next {
	width: 40px;
	height: 40px;
	z-index: 10;
}

.navkar-our-services-home .slick-prev {
	left: -50px;
}

.navkar-our-services-home .slick-next {
	right: -50px;
}

.navkar-our-services-home .slick-prev:before,
.navkar-our-services-home .slick-next:before {
	font-size: 40px;
	color: var(--wp--preset--color--brand-red);
}

/* Hide arrows in Our Services slider */
.navkar-our-services-home .slick-slider .slick-prev,
.navkar-our-services-home .slick-slider .slick-next,
.navkar-our-services-home .navkar-services-container.swiper .swiper-button-prev,
.navkar-our-services-home .navkar-services-container.swiper .swiper-button-next {
	display: none;
}

/* Also neutralize default arrow pseudo-elements */
.navkar-our-services-home .slick-slider .slick-prev:before,
.navkar-our-services-home .slick-slider .slick-next:before {
	content: '';
}

/* Hide default Slick dot pseudo-element so custom dots show */
.navkar-our-services-home .slick-dots li button:before,
.navkar-testimonials-container .slick-dots li button:before {
	display: none;
}

/* Testimonials arrows - show and style per design */
.navkar-testimonials-container.slick-slider .slick-prev,
.navkar-testimonials-container.slick-slider .slick-next {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid #F9F9F9;
	text-indent: -9999px;
	/* hide button text */
	overflow: hidden;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	margin: 0;
	cursor: pointer;
}

.navkar-testimonials-container.slick-slider .slick-prev:before,
.navkar-testimonials-container.slick-slider .slick-next:before {
	content: '';
	display: none;
}

/* Arrow icons as background images */
.navkar-testimonials-container.slick-slider .slick-next {
	background-color: rgba(255, 255, 255, 0.10);
	background-image: url('https://navkar-trip.hupptech.com/wp-content/uploads/2025/10/arrow_right_new.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 7px 13px;
	right: 0;
}

.navkar-testimonials-container.slick-slider .slick-prev {
	background-color: rgba(255, 255, 255, 0.10);
	background-image: url('https://navkar-trip.hupptech.com/wp-content/uploads/2025/10/arrow_left.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 7px 13px;
	left: 0;
}

/* Position slick dots at the bottom for similar sliders */
.navkar-our-services-home .slick-dots,
.navkar-testimonials-container .slick-dots {
	position: static;
	bottom: auto;
}

/* Custom Slick Dots Container */
.navkar-our-services-home .navkar-swiper-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-top: 24px;
	list-style: none;
	padding: 0;
	min-height: 20px;
	height: auto;
}

.navkar-our-services-home .navkar-custom-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	list-style: none;
	padding: 0;
	margin: 0;
	min-height: 20px;
	height: auto;
}

.navkar-our-services-home .navkar-custom-dots li {
	display: inline-block;
	margin: 0;
	padding: 0;
	height: 12px;
}

.navkar-our-services-home .navkar-pagination-dot {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: var(--nt-color-light-gray);
	/* inactive */
	cursor: pointer;
	transition: all 0.2s ease;
	border: none;
	/* set on active/hover */
	padding: 0;
	outline: none;
}

.navkar-our-services-home .navkar-pagination-dot:hover {
	background-color: var(--wp--preset--color--white);
	border: 2px solid var(--wp--preset--color--brand-red);
}

/* Active dot state for Slick */
.navkar-our-services-home .slick-active .navkar-pagination-dot {
	background-color: var(--wp--preset--color--white);
	border: 2px solid var(--wp--preset--color--brand-red);
}

/* ========================================
 * Testimonials Section
 * ======================================== */

/* Main testimonials container with background */
.navkar-testimonials-home {
	padding-top: var(--wp--preset--spacing--80);
	/* Vertical spacing from pattern */
	padding-bottom: var(--wp--preset--spacing--80);
	background-color: var(--nt-color-very-light-gray);
	background-image: url('https://navkar-trip.hupptech.com/wp-content/uploads/2025/10/testimonial_review.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Container for testimonials content - 1240px max */
.navkar-testimonials-home>* {
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
}

/* Testimonials heading */
.navkar-testimonials-home .navkar-testimonials-title {
	margin-bottom: 0;
	font-family: var(--nt-font-family-primary);
	/* Poppins */
	font-weight: var(--nt-weight-bold);
	/* 700 */
	font-size: clamp(28px, 5vw, 48px);
	/* Responsive: mobile 28px -> desktop 48px */
	line-height: 120%;
	/* Standard heading line-height (110-130%) */
	letter-spacing: 0.02em;
	/* 2% letter spacing per design */
	text-align: center;
	color: var(--nt-color-white);
	max-width: none;
	/* Remove width constraint */
}

/* First div after testimonials title (query container) */
.navkar-testimonials-home .navkar-testimonials-title+div {
	max-width: none;
	/* Remove width constraint */
}

/* Testimonials slider container */
.navkar-testimonials-container {
	margin: 40px 0;
	/* Vertical spacing between title and cards */
	padding-left: 80px;
	/* Space reserved for left arrow */
	padding-right: 80px;
	/* Space reserved for right arrow */
	box-sizing: border-box;
	width: 100%;
	/* Full width within container */
	max-width: none;
	/* Remove any width constraints */
}

/* Individual testimonial card */
.navkar-testimonials-home .navkar-testimonial-card {
	background: transparent;
	padding: 0;
	border-radius: 0;
	box-shadow: none;
	text-align: center;
	color: var(--nt-color-white);
	width: 100%;
	/* Full width */
	max-width: none;
	/* Remove width constraints */
}

/* Remove width constraints from all testimonial inner elements */
.navkar-testimonials-home .navkar-testimonial-card * {
	max-width: none;
}

.navkar-testimonials-home .slick-track,
.navkar-testimonials-home .slick-list,
.navkar-testimonials-home .slick-slide {
	width: 100%;
	max-width: none;
}

/* Testimonial author name (post title) */
.navkar-testimonials-home .navkar-testimonial-author {
	margin: 40px 0 0 0;
	/* 40px top spacing after testimonial text */
	color: var(--nt-color-white);
}

/* Testimonial content text */
.navkar-testimonials-home .navkar-testimonial-text {
	margin: 0;
	color: var(--nt-color-white);
	font-style: normal;
	position: relative;
}

/* Quote icon above testimonial text */
.navkar-testimonials-home .navkar-testimonial-text::before {
	content: '';
	display: block;
	width: 33px;
	height: 33px;
	background-image: url('assets/images/quote.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: 40px auto 20px auto;
	/* 40px top gap from title, 20px bottom gap to text */
}

/* Testimonial paragraph styling */
.navkar-testimonials-home .navkar-testimonial-card p {
	margin: 0 auto;
	font-family: var(--nt-font-family-primary);
	/* Poppins */
	font-weight: var(--nt-weight-medium);
	/* 500 */
	font-size: clamp(14px, 2vw, 16px);
	/* Responsive: mobile 14px -> desktop 16px */
	line-height: 150%;
	/* Standard body text line-height (140-160%) */
	letter-spacing: 0.02em;
	/* 2% letter spacing */
	color: var(--nt-color-white);
	text-align: center;
	max-width: 650px;
	/* Constrain paragraph width */
}

/* ========================================
 * Slick Slider Styles for Testimonials
 * ======================================== */

/* Slider wrapper adjustments */
.navkar-testimonials-container.slick-slider {
	margin-bottom: 0;
}

/* Slider list container */
.navkar-testimonials-container .slick-list {
	margin: 0;
}

/* Individual slide padding */
.navkar-testimonials-container .slick-slide {
	padding: 0 15px;
	/* Horizontal spacing between slides */
}

/* Slide inner div height */
.navkar-testimonials-container .slick-slide>div {
	height: 100%;
}

/* ========================================
 * Slick Navigation Arrows
 * ======================================== */

/* Arrow button base styles */
.navkar-testimonials-container .slick-prev,
.navkar-testimonials-container .slick-next {
	width: 50px;
	/* Arrow button size */
	height: 50px;
	z-index: 5;
	/* Layer above slides, below modals */
	background: var(--wp--preset--color--brand-red);
	border-radius: 50%;
}

/* Left arrow positioning */
.navkar-testimonials-container .slick-prev {
	left: 20px;
	/* Distance from left edge */
}

/* Right arrow positioning */
.navkar-testimonials-container .slick-next {
	right: 20px;
	/* Distance from right edge */
}

/* Arrow icon styling */
.navkar-testimonials-container .slick-prev:before,
.navkar-testimonials-container .slick-next:before {
	font-size: 20px;
	/* Arrow icon size */
	color: var(--nt-color-white);
}

/* Arrow hover state */
.navkar-testimonials-container .slick-prev:hover,
.navkar-testimonials-container .slick-next:hover {
	background-color: rgba(255, 255, 255, 0.20);
	/* Slightly brighter on hover */
}

.navkar-testimonials-container .slick-next:hover {
	background-image: url('https://navkar-trip.hupptech.com/wp-content/uploads/2025/10/arrow_right_new.png');
}

.navkar-testimonials-container .slick-prev:hover {
	background-image: url('https://navkar-trip.hupptech.com/wp-content/uploads/2025/10/arrow_left.png');
}

/* Hide default slick dots */
.navkar-testimonials-container .slick-dots {
	display: none;
}

/* ========================================
 * Custom Pagination Dots
 * ======================================== */

/* Pagination container */
.testimonials-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	/* Space between dots */
	list-style: none;
	padding: 0;
	margin: 40px 0 0 0;
	/* Top spacing from slider */
}

/* Pagination list items */
.testimonials-pagination li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

/* Pagination dot buttons */
.testimonials-pagination button {
	width: 12px;
	/* Dot size */
	height: 12px;
	border-radius: 50%;
	background-color: var(--nt-color-light-gray);
	/* Inactive dot color */
	cursor: pointer;
	transition: all 0.3s ease;
	border: none;
	padding: 0;
	outline: none;
}

/* Pagination dot hover state */
.testimonials-pagination button:hover {
	background-color: var(--wp--preset--color--brand-red);
	transform: scale(1.2);
	/* Slightly larger on hover */
}

/* Active pagination dot */
.testimonials-pagination .slick-active button {
	background-color: var(--wp--preset--color--brand-red);
	transform: scale(1.2);
	/* Highlight active slide */
}

/* ========================================
 * Responsive Styles
 * ======================================== */

/* Tablet and Mobile: Reduce arrow padding */
@media (max-width: 768px) {

	.navkar-our-services-home {
		padding: 60px 0;
	}

	/* Testimonials: Reduce horizontal padding for arrows on smaller screens */
	.navkar-testimonials-container {
		padding-left: 48px;
		/* Reduced padding for tablet/mobile */
		padding-right: 48px;
	}

	/* Our Services grid adjustments */
	.navkar-our-services-home .navkar-services-container {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.navkar-our-services-home .navkar-services-title {
		font-size: 28px;
	}

	.navkar-our-services-home .navkar-service-image img {
		height: 180px;
	}
}

@media (max-width: 480px) {
	.navkar-our-services-home {
		padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--20);
	}

	.navkar-our-services-home .navkar-services-title {
		font-size: 24px;
	}

	.navkar-our-services-home .navkar-service-image img {
		height: 160px;
	}

	.navkar-our-services-home .navkar-service-title {
		font-size: 18px;
	}

	.navkar-our-services-home .navkar-service-description {
		font-size: 13px;
	}
}

/* ===== About Section ===== */

.navkar-about-section {
	background-color: var(--nt-color-white);
	padding-top: var(--nt-section-padding);
	padding-bottom: var(--nt-section-padding);
	margin-block-start: 0;
}

.navkar-about-section>* {
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

/* About Section: Main Title (Red "About Navkar Trip") */
.navkar-about-title {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-semibold);
	/* 600 */
	font-size: clamp(18px, 1.8vw, 24px);
	/* Responsive: 18px mobile → 24px desktop */
	line-height: 1.3;
	/* 130% - comfortable heading readability */
	color: var(--nt-color-red);
	/* Space between "About Navkar Trip" title and subtitle */
	margin: 0 0 var(--nt-about-title-margin) 0;
	/* 20px */
}

/* About Section: Subtitle (H3 "We Are Committed...") */
.navkar-about-subtitle {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-semibold);
	/* 600 */
	font-size: clamp(24px, 2.5vw, 38px);
	/* Responsive subtitle: 24px mobile → 38px desktop */
	line-height: 1.3;
	/* 130% for heading */
	color: var(--nt-color-black);
	/* Space between subtitle and description paragraph */
	margin: 0 0 var(--nt-spacing-lg) 0;
	/* 20px */
}

.navkar-about-subtitle-highlight {
	color: var(--nt-color-red);
}

/* About Section: Description Paragraph */
.navkar-about-description {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-medium);
	/* 500 */
	font-size: 16px;
	line-height: 1.6;
	/* 160% - comfortable body text reading */
	color: var(--nt-color-black);
	/* Space between description and contact/phone section below */
	margin: 0 0 var(--nt-about-description-margin) 0;
	/* 30px */
}

/* About Section: Contact Wrapper (phone icon + text) */
.navkar-about-contact-wrapper {
	display: flex;
	align-items: center;
	gap: var(--nt-spacing-lg);
	/* 20px - spacing between icon and text */
}

.navkar-about-icon-column {
	flex-shrink: 0;
	/* Prevent icon from shrinking */
}

.navkar-about-phone-icon img {
	width: 66px;
	height: auto;
}

.navkar-about-contact-content {
	flex: 1;
	/* Take remaining space */
}

/* About Section: "We Are Available 24 Hours" text */
.navkar-about-availability {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-medium);
	/* 500 */
	font-size: 16px;
	line-height: 1.4;
	/* 140% - body text readability */
	color: var(--nt-color-gray);
	margin: 0;
}

/* About Section: "For Booking: +91..." text */
.navkar-about-booking {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-semibold);
	/* 600 */
	font-size: clamp(20px, 1.8vw, 24px);
	/* Responsive */
	line-height: 1.3;
	/* 130% - heading-like treatment */
	margin: 0;
}

.navkar-about-booking-label {
	color: var(--nt-color-black);
}

.navkar-about-booking-highlight {
	color: var(--nt-color-red);
	font-weight: var(--nt-weight-bold);
	/* 700 */
}

.navkar-about-booking a {
	text-decoration: none;
	color: inherit;
}

/* About Section: Image Column */
.navkar-about-image {
	border-radius: var(--nt-border-radius-sm);
	/* 8px - standard image radius */
	overflow: hidden;
}

.navkar-about-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
}

/* ===== About Section Responsive ===== */

/* Tablet breakpoint - 768px and below */
@media (max-width: 768px) {
	.navkar-about-section {
		/* Reduced padding for tablet screens */
		padding-top: var(--nt-section-padding-md);
		/* 60px */
		padding-bottom: var(--nt-section-padding-md);
	}

	.navkar-about-contact-wrapper {
		/* Reduce gap between icon and text on smaller screens */
		gap: var(--nt-spacing-md);
		/* 16px */
	}

	.navkar-about-phone-icon img {
		/* Smaller icon on tablet */
		width: 56px;
	}

	.navkar-our-services-home .navkar-services-container {
		gap: 20px !important;
		grid-template-columns: repeat(2, 1fr) !important;

	}
}

/* Mobile breakpoint - 480px and below */
@media (max-width: 480px) {
	.navkar-about-section {
		/* Minimal padding for mobile screens */
		padding-top: var(--nt-section-padding-sm);
		/* 40px */
		padding-bottom: var(--nt-section-padding-sm);
	}

	.navkar-about-contact-wrapper {
		/* Stack icon and text vertically on mobile for better readability */
		flex-direction: column;
		gap: var(--nt-spacing-md);
		/* 16px vertical gap */
		align-items: center;
		text-align: center;
	}

	.navkar-about-phone-icon img {
		/* Even smaller icon on mobile */
		width: 48px;
	}

	.navkar-our-services-home .navkar-services-container {
		grid-template-columns: repeat(1, 1fr) !important;
		gap: 20px;
	}
}

/* ===== Contact Page ===== */

.navkar-contact-page {
	display: flex;
	flex-direction: column;
	gap: var(--nt-spacing-2xl);
	/* 40px = breathing room between sections */
}

.navkar-section {
	padding-top: var(--nt-section-padding);
	/* 80px = standard section vertical spacing */
	padding-bottom: var(--nt-section-padding);
}

.navkar-section--contact-info,
.navkar-section--contact-form,
.navkar-section--map {
	background-color: var(--nt-color-white);
}

.navkar-contact {
	display: flex;
	flex-direction: column;
	max-width: 1270px;
	margin: 0 auto;
	gap: 0;
	padding: 80px 15px;
}

.navkar-contact h2.wp-block-heading {
	font: 700 38px / 100% var(--nt-font-family-primary);
	letter-spacing: 0.02em;
	margin-bottom: 20px;
}

.navkar-contact p:nth-child(2) {
	font: 600 18px / 100% var(--nt-font-family-primary);
	margin: 0 0 10px;
	color: var(--nt-color-black);
}

.navkar-contact p {
	font: 400 14px / 100% var(--nt-font-family-primary);
	margin: 0;
	color: var(--nt-color-black);
}

.contacts_cards {
	margin-top: 50px;
	gap: 40px;
	max-width: 100%;
	width: 100%;
}

.contacts_cards .wp-block-column {
	padding: 20px;
	border: none;
	background-color: var(--nt-color-white);
	box-shadow: 0px 0px 10px 0px #0000001A;
	border-radius: 10px;
}

.contacts_cards .wp-block-column .navkar-card {
	border: none;
	padding: 0 !important;
	height: 100%;
	border-bottom: none;
	box-shadow: none !important;
	border-radius: 0;
	background-color: transparent;
	gap: 0;
}

.contacts_cards .wp-block-column .navkar-card .wp-block-image {
	margin-bottom: 20px;
	width: 50px;
	height: 50px;
}

.contacts_cards .navkar-card .wp-block-heading {
	font: 600 18px / 100% var(--nt-font-family-primary);
	color: var(--nt-color-black);
	margin: 0 0 15px;
}

.contacts_cards .navkar-card p {
	margin: 0 -8px !important;
}

.contacts_cards .navkar-card p,
.contacts_cards .navkar-card a {
	font: 400 14px / 100% var(--nt-font-family-primary) !important;
	color: var(--nt-color-gray);
	margin: 0;
	text-decoration: none;
	transition: color 0.2s ease;
}

.contacts_cards .navkar-card a:hover {
	color: var(--nt-color-red);
}

.navkar-contact__intro {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.navkar-contact__eyebrow {
	font-family: var(--nt-font-family-primary);
	font-size: var(--nt-p1-size);
	letter-spacing: 0.2em;
	/* 0.2em = uppercase tracking taken from brand guidelines */
	text-transform: uppercase;
	color: var(--nt-color-gray);
	margin: 0;
}

.navkar-contact__title {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-bold);
	font-size: clamp(26px, 2.6vw, 40px);
	line-height: 1.25;
	color: var(--nt-color-black);
	margin: 0;
}

.navkar-contact__description {
	font-family: var(--nt-font-family-primary);
	font-size: clamp(16px, 1.4vw, 18px);
	line-height: 1.5;
	color: var(--nt-color-gray);
	margin: 0;
	max-width: 640px;
}

.navkar-contact__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--nt-spacing-xl);
	/* 24px = consistent card gap */
}

.navkar-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: var(--nt-contact-card-gap);
	/* 10px = spacing between icon/title/text */
	padding: var(--nt-contact-card-padding);
	/* 24px = interior padding from guidelines */
	border: 1px solid var(--nt-color-light-gray);
	border-radius: var(--nt-border-radius-sm);
	background-color: var(--nt-color-white);
	box-shadow: var(--nt-shadow-card);
}

.navkar-card__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background-color: var(--nt-color-rose-white);
	font-size: 22px;
	line-height: 1;
	color: var(--nt-color-red);
	margin: 0;
}

.navkar-card__title {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-semibold);
	font-size: var(--nt-s1-size);
	line-height: 1.3;
	color: var(--nt-color-black);
	margin: 0;
}

.navkar-card__content {
	font-family: var(--nt-font-family-primary);
	font-size: var(--nt-p2-size);
	line-height: 1.5;
	color: var(--nt-color-black);
	margin: 0;
}

.navkar-card__content a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.navkar-card__content a:hover {
	color: var(--nt-color-red);
}

/* ===== Contact Form Section ===== */

.navkar-contact-form {
	display: flex;
	flex-direction: column;
	gap: var(--nt-spacing-2xl);
	/* 40px = separation between intro and layout */
	max-width: 1200px;
	margin: 0 auto;
}

.navkar-contact-form__intro {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: var(--nt-spacing-sm);
	/* 12px = tight stack */
}

.navkar-contact-form__title {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-bold);
	font-size: clamp(26px, 2.6vw, 38px);
	line-height: 1.25;
	color: var(--nt-color-black);
	margin: 0;
}

.navkar-contact-form__description {
	font-family: var(--nt-font-family-primary);
	font-size: clamp(16px, 1.4vw, 18px);
	line-height: 1.5;
	color: var(--nt-color-gray);
	margin: 0;
	max-width: 640px;
}

.navkar-contact-form__layout {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--nt-spacing-2xl);
	/* 40px = gutter between text and form */
}

.navkar-contact-form__details {
	display: flex;
	flex-direction: column;
	gap: var(--nt-spacing-md);
	/* 16px between text blocks */
}

.navkar-contact-form__details h3 {
	font-size: clamp(20px, 2vw, 28px);
	line-height: 1.3;
	margin: 0;
}

.navkar-contact-form__details p {
	margin: 0;
}

.navkar-contact-form__meta {
	margin: 0;
	padding-left: 20px;
	/* 20px = default list indent */
	display: flex;
	flex-direction: column;
	gap: var(--nt-spacing-xs);
	/* 8px between meta rows */
}

.navkar-contact-form__meta li {
	font-size: var(--nt-p2-size);
	line-height: 1.5;
}

.navkar-contact-form__meta a {
	color: var(--nt-color-black);
	text-decoration: none;
}

.navkar-contact-form__form {
	display: flex;
}

.navkar-contact-form__form-card {
	display: flex;
	flex-direction: column;
	gap: var(--nt-spacing-md);
	width: 100%;
	padding: var(--nt-spacing-2xl);
	/* 40px = spacious form padding */
	border: 1px solid var(--nt-color-light-gray);
	border-radius: var(--nt-border-radius-md);
	box-shadow: var(--nt-shadow-card);
	background-color: var(--nt-color-rose-white);
}

.navkar-contact-form__form-card form {
	display: flex;
	flex-direction: column;
	gap: var(--nt-spacing-md);
}

/* ===== Map Section ===== */

.navkar-map {
	display: flex;
	flex-direction: column;
	gap: var(--nt-spacing-md);
	/* 16px between title, description, and embed */
	max-width: 1200px;
	margin: 0 auto;
}

.navkar-map__title {
	font-size: clamp(24px, 2.3vw, 34px);
	line-height: 1.25;
	margin: 0;
}

.navkar-map__description {
	margin: 0;
	color: var(--nt-color-gray);
	line-height: 1.5;
}

.navkar-map__embed {
	display: flex;
	border-radius: var(--nt-border-radius-lg);
	overflow: hidden;
	box-shadow: var(--nt-shadow-card);
}

.navkar-map__iframe {
	width: 100%;
	min-height: 420px;
	/* 420px = matches design height */
	border: 0;
}

.get-in-touch {
	margin: 0;
	padding: 0 15px 80px;
}

.get-in-touch .wp-block-columns {
	padding: 20px;
	gap: 50px;
	background-color: var(--nt-color-white);
	box-shadow: 0px 0px 10px 0px #0000001A;
	border-radius: 10px;
	max-width: 1244px;
	margin: 0 auto;
}

.get-in-touch .ff_submit_btn_wrapper {
	margin: 10px 0 0;
}

.get-in-touch fieldset .ff_screen_reader_title+p {
	margin: 0;
}

.get-in-touch input,
.get-in-touch textarea {
	background-color: var(--nt-color-very-light-gray);
}

.get-in-touch .ff_submit_btn_wrapper .ff-btn-submit {
	background-color: var(--nt-color-red) !important;
	color: var(--nt-color-white);
	border-radius: 5px;
	padding: 11px 30px 10px;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.navkar-map {
	max-width: 100%;
	padding: 0;
	width: 100%;
}

.navkar-map iframe {
	max-width: 100% !important;
	padding: 0 !important;
	width: 100% !important;
	height: 508px;
}

/* ===== Responsive Contact Sections ===== */

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

@media (max-width: 1024px) {
	.navkar-section {
		padding-top: var(--nt-section-padding-md);
		/* 60px tablet spacing */
		padding-bottom: var(--nt-section-padding-md);
	}

	.get-in-touch .wp-block-columns {
		gap: 40px 20px;
	}

	.contacts_cards {
		gap: 20px;
	}

	.navkar-hero__title {
		font-size: 38px !important;
	}

}

@media (max-width: 768px) {
	.navkar-contact__grid {
		grid-template-columns: 1fr;
	}

	.navkar-contact-form__layout {
		grid-template-columns: 1fr;
	}

	.navkar-contact {
		padding: 60px 15px;
	}

	.get-in-touch {
		padding: 0 15px 60px;
	}

	.navkar-contact h2.wp-block-heading,
	.get-in-touch h2.wp-block-heading {
		font-size: 28px !important;
	}

	.get-in-touch .ff_submit_btn_wrapper .ff-btn-submit {
		padding: 9px 20px;
		font-size: 16px;
	}

	.navkar-map iframe {
		height: 350px;
	}

	.navkar-contact p:nth-child(2) {
		font-size: 16px !important;
	}

	.navkar-contact p {
		font-size: 14px !important;
	}

	.contacts_cards .wp-block-column .navkar-card .wp-block-heading {
		font-size: 16px !important;
	}

	.contacts_cards .wp-block-column .navkar-card p,
	.contacts_cards .wp-block-column .navkar-card a {
		font-size: 14px !important;
	}

	.navkar-contact-form__title {
		font-size: 24px !important;
	}

	.navkar-contact-form__description {
		font-size: 16px !important;
	}

	.navkar-contact-form__details h3 {
		font-size: 20px !important;
	}
}

@media (max-width: 480px) {
	.navkar-section {
		padding-top: var(--nt-section-padding-sm);
		/* 40px mobile spacing */
		padding-bottom: var(--nt-section-padding-sm);
	}

	.navkar-contact-form__form-card {
		padding: var(--nt-spacing-xl);
		/* 24px = compact mobile padding */
	}
}

/* ===== CTA Cover Section ===== */

.navkar-cta-cover {
	position: relative;
	min-height: 400px;
}

/* Red overlay using CSS pseudo-element (50% opacity of #B32328) */
.navkar-cta-cover::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--nt-color-red);
	/* #B32328 */
	opacity: 0.5;
	/* 50% opacity for red tint */
	z-index: 1;
	/* Above background image, below content */
	pointer-events: none;
	/* Allow clicks through overlay */
}

.navkar-cta-cover .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
	/* Above overlay */
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.navkar-cta-columns {
	display: flex;
	align-items: center;
	gap: var(--nt-spacing-2xl);
	/* 40px - spacing between image and content */
}

.navkar-cta-image-column,
.navkar-cta-content-column {
	flex: 1;
	/* Equal width columns */
}

.navkar-cta-heading {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-bold);
	/* 700 */
	font-size: clamp(24px, 2.5vw, 36px);
	/* Responsive heading */
	line-height: 1.3;
	/* 130% for heading */
	/* Space between heading and buttons */
	margin: 0 0 var(--nt-spacing-xl) 0;
	/* 24px */
}

.navkar-cta-buttons {
	display: flex;
	gap: var(--nt-spacing-md);
	/* 16px - spacing between buttons */
	flex-wrap: wrap;
}

.navkar-cta-primary .wp-block-button__link {
	background-color: var(--nt-color-red);
	color: var(--nt-color-white);
	border-radius: var(--nt-border-radius-md);
	/* 10px */
	border: 1px solid var(--nt-color-white);
	padding: 12px 30px;
	font-weight: 500;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.navkar-cta-secondary .wp-block-button__link {
	border: 1px solid var(--nt-color-white);
	border-radius: var(--nt-border-radius-md);
	/* 10px */
	padding: 12px 30px;
	font-weight: 500;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
	background-color: var(--nt-color-white);
	color: var(--nt-color-red);
}

.navkar-cta-secondary .wp-block-button__link:hover {
	background-color: var(--nt-color-red);
	color: var(--nt-color-white);
}

.navkar-cta-primary .wp-block-button__link:hover {
	background-color: var(--nt-color-white);
	color: var(--nt-color-red);
}

/* CTA Cover Responsive */
@media (max-width: 768px) {
	.navkar-cta-cover {
		min-height: 350px;
	}

	.navkar-cta-columns {
		flex-direction: column;
		gap: var(--nt-spacing-xl);
		/* 24px vertical gap */
	}

	.navkar-cta-buttons {
		justify-content: center;
	}
}

@media (max-width: 480px) {
	.navkar-cta-cover {
		min-height: 300px;
	}

	.navkar-cta-buttons {
		flex-direction: column;
		align-items: stretch;
	}

	.navkar-cta-primary .wp-block-button__link,
	.navkar-cta-secondary .wp-block-button__link {
		width: 100%;
		text-align: center;
	}
}

/* ===== Fleet Showcase Section ===== */

.navkar-fleet-showcase {
	background-color: var(--nt-color-white);
	/* Standard section spacing */
	padding-top: var(--nt-section-padding);
	/* 80px */
	padding-bottom: var(--nt-section-padding);
	text-align: center;
}

.navkar-fleet-title {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-bold);
	/* 700 */
	font-size: clamp(24px, 2.8vw, 38px);
	/* Responsive: 24px mobile → 38px desktop */
	line-height: 1.2;
	/* 120% - heading readability */
	color: var(--nt-color-black);
	/* Space between main title and subtitle */
	margin: 0 0 var(--nt-spacing-sm) 0;
	/* 12px */
}

.navkar-fleet-subtitle {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-semibold);
	/* 600 */
	font-size: clamp(20px, 2vw, 28px);
	/* Responsive subtitle */
	line-height: 1.3;
	/* 130% */
	color: var(--nt-color-red);
	/* Space between subtitle and supporting description */
	margin: 0 0 var(--nt-spacing-1xl) 0;
}

.navkar-fleet-description {
	font-family: var(--nt-font-family-primary);
	font-size: 16px;
	line-height: 1.5;
	color: var(--nt-color-black);
	max-width: 720px;
	margin: 0 auto var(--nt-spacing-xl) auto;
	/* Centered paragraph with bottom spacing */
}

.navkar-fleet-image {
	/* Center the image */
	margin-left: auto;
	margin-right: auto;
}

.navkar-fleet-image img {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
}

/* Fleet Showcase Responsive */
@media (max-width: 768px) {
	.navkar-fleet-showcase {
		padding-top: var(--nt-section-padding-md);
		/* 60px */
		padding-bottom: var(--nt-section-padding-md);
	}
}

@media (max-width: 480px) {
	.navkar-fleet-showcase {
		padding-top: var(--nt-section-padding-sm);
		/* 40px */
		padding-bottom: var(--nt-section-padding-sm);
	}
}

/* Footer Background */
footer .wp-block-group,
.wp-block-template-part footer .wp-block-group,
body>footer .wp-block-group {
	background-color: var(--nt-color-black) !important;
}

/* Footer Text Colors - ensure all text is white on black background */
footer .wp-block-group,
footer .wp-block-group * {
	color: #FFFFFF !important;
}

footer .wp-block-group a {
	color: #FFFFFF !important;
	text-decoration: none;
}

footer .wp-block-group a:hover {
	color: var(--nt-color-red) !important;
}

/* Footer site title and tagline */
footer .wp-block-site-title a,
footer .wp-block-site-tagline {
	color: #FFFFFF !important;
}

/* Footer navigation links */
footer .wp-block-navigation .wp-block-navigation-item__content {
	color: #FFFFFF !important;
}

/* Footer Outer Container */
.navkar-footer-outer {
	padding-top: 60px;
	/* Main footer top spacing */
	padding-bottom: 0;
	margin-block-start: 0;
}

.navkar-footer-outer>* {
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-left: 20px;
	padding-right: 20px;
}

/* Footer element itself */
footer {
	margin-block-start: 0;
}

/* Footer Spacer - creates space between main footer and vehicles section */
.navkar-footer-spacer {
	height: 70px;
	/* Spacing between main content and vehicle images */
}

/* Footer Brand Section */
.navkar-footer-brand {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	/* Keep logo and copy left-aligned */
	gap: var(--nt-spacing-md);
	/* 16px - spacing between brand elements (logo, description, social) */
	max-width: 320px;
	/* Constrain brand section width for better readability */
}

.navkar-footer-brand__logo {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	margin: 0 0 var(--nt-spacing-xs) 0;
	/* 8px bottom margin for logo spacing */
	text-align: left;
}

.navkar-footer-brand__logo img {
	height: auto;
	width: 212px;
	/* Figma spec: footer logo width */
	display: block;
	margin: 0;
	align-self: flex-start;
	/* Align uploaded image to the left edge */
}

.navkar-footer-brand__title {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-bold);
	/* 700 */
	font-size: var(--nt-h3-size);
	/* 24px */
	line-height: 1.2;
	/* Heading line-height for titles */
	color: var(--nt-color-red);
	margin: 0;
}

.navkar-footer-brand__tagline {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-regular);
	/* 400 */
	font-size: var(--nt-l-size);
	/* 12px */
	line-height: 1.5;
	/* Body text line-height */
	letter-spacing: 0.1em;
	/* Wide letter spacing for tagline emphasis */
	color: var(--nt-color-white);
	margin: 0;
	text-transform: uppercase;
}

.navkar-footer-brand__description {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-regular);
	/* 400 */
	font-size: var(--nt-p1-size);
	/* 14px */
	line-height: 1.6;
	/* Body text line-height for better readability */
	color: var(--nt-color-white);
	margin: 0;
}

/* Footer Social Icons */
.navkar-footer-brand__social {
	display: flex;
	justify-content: flex-start;
	/* Keep social icons left aligned */
	align-items: center;
	gap: var(--nt-spacing-sm);
	/* 12px - spacing between social icons */
	margin-top: var(--nt-spacing-xs);
	/* 8px - spacing above social icons */
	align-self: flex-start;
}

.navkar-footer-social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.navkar-footer-social-image {
	width: 30px;
	/* 30px = social icon width per footer spec */
	height: 30px;
	object-fit: contain;
}

/* Footer Company Section */
.navkar-footer-company {
	display: flex;
	flex-direction: column;
	gap: var(--nt-spacing-lg);
	/* 20px - spacing between title and navigation */
}

.navkar-footer-company__title {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-medium);
	/* 500 */
	font-size: var(--nt-s2-size);
	/* 16px */
	line-height: 1.2;
	/* Proper heading line-height instead of 100% */
	letter-spacing: 0;
	color: var(--nt-color-white);
	margin: 0;
}

/* Footer Company Navigation */
.navkar-footer-company__nav {
	display: flex;
	flex-direction: column;
	gap: 15px;
	/* Spacing between navigation items */
}

.navkar-footer-company__nav .wp-block-navigation__container {
	display: flex;
	flex-direction: column;
	gap: 15px;
	/* Spacing between navigation items */
	list-style: none;
	padding: 0;
	margin: 0;
}

.navkar-footer-company__nav .wp-block-navigation-item {
	position: relative;
	padding-left: var(--nt-spacing-lg);
	/* 20px - space for bullet point */
	margin: 0;
}

/* Red circular bullet points before each navigation item */
.navkar-footer-company__nav .wp-block-navigation-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: var(--nt-spacing-xs);
	/* 8px - bullet size */
	height: var(--nt-spacing-xs);
	background-color: var(--nt-color-red);
	border-radius: 50%;
}

.navkar-footer-company__nav .wp-block-navigation-item__content {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-regular);
	/* 400 */
	font-size: var(--nt-p1-size);
	/* 14px */
	line-height: 1.4;
	/* Proper body text line-height instead of 100% */
	letter-spacing: 0.02em;
	/* 2% letter spacing for readability */
	color: var(--nt-color-white);
	text-decoration: none;
}

.navkar-footer-company__nav .wp-block-navigation-item__content:hover {
	color: var(--nt-color-red);
}

/* Footer Contact Section */
.navkar-footer-contact {
	display: flex;
	flex-direction: column;
	gap: var(--nt-spacing-lg);
	/* 20px - spacing between title and contact list */
}

.navkar-footer-contact__title {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-medium);
	/* 500 */
	font-size: var(--nt-s2-size);
	/* 16px */
	line-height: 1.2;
	/* Proper heading line-height instead of 100% */
	letter-spacing: 0;
	color: var(--nt-color-white);
	margin: 0;
}

.navkar-footer-contact__list {
	display: flex;
	flex-direction: column;
	gap: 15px;
	/* Spacing between contact items */
}

.navkar-footer-contact__list p {
	margin: 0;
	padding: 0;
	position: relative;
	padding-left: var(--nt-spacing-xl);
	/* 24px - space for icon */
}

.navkar-footer-contact__list a {
	font-family: var(--nt-font-family-primary);
	font-weight: var(--nt-weight-regular);
	/* 400 */
	font-size: var(--nt-p1-size);
	/* 14px */
	line-height: 1.4;
	/* Proper body text line-height instead of 100% */
	letter-spacing: 0.02em;
	/* 2% letter spacing for readability */
	color: var(--nt-color-white);
	text-decoration: none;
}

.navkar-footer-contact__list a:hover {
	color: var(--nt-color-red);
}

/* Phone icon - positioned before phone number */
.navkar-footer-contact__phone::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: var(--nt-spacing-md);
	/* 16px - icon size */
	height: var(--nt-spacing-md);
	background-image: url('assets/images/call_icon.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* Email icon - positioned before email address */
.navkar-footer-contact__email::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: var(--nt-spacing-md);
	/* 16px - icon size */
	height: var(--nt-spacing-md);
	background-image: url('assets/images/email_icon.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* Footer Vehicle Images - decorative car and bus images */
.navkar-footer-vehicles {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: var(--nt-spacing-2xl);
	/* 40px - spacing above vehicle images */
	margin-bottom: 0;
	/* No spacing under vehicle row to align with footer bottom bar */
	position: relative;
}

.navkar-footer-vehicles__car,
.navkar-footer-vehicles__bus {
	margin: 0;
}

.navkar-footer-vehicles__car img {
	height: auto;
	width: auto;
	max-width: 150px;
	/* Maximum car image width */
	max-height: 80px;
	/* Maximum car image height */
	display: block;
}

.navkar-footer-vehicles__bus img {
	height: auto;
	width: auto;
	max-width: 200px;
	/* Maximum bus image width */
	max-height: 100px;
	/* Maximum bus image height */
	display: block;
}

/* Footer Bottom Section - copyright and legal links bar */
.navkar-footer-bottom {
	background-color: var(--nt-color-footer-bg);
	/* Dark background color */
	border-top: 1px solid var(--nt-color-footer-border);
	/* Subtle top border */
	padding: var(--nt-spacing-xl) 0;
	/* 24px vertical, 0 horizontal (inner container controls width) */
	margin-left: calc(-50vw + 50%);
	/* Full-width breakout to show border edge-to-edge */
	margin-right: calc(-50vw + 50%);
	width: 100vw;
	margin-block-start: 0;
}

.navkar-footer-bottom__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	/* Allow wrapping on smaller screens */
	gap: var(--nt-spacing-sm);
	/* 12px gap between footer bottom elements */
	width: 100%;
}

.navkar-footer-bottom__copyright,
.navkar-footer-bottom__links {
	font-family: var(--nt-font-family-primary);
	font-size: var(--nt-p1-size);
	/* 14px */
	font-weight: var(--nt-weight-regular);
	/* 400 */
	line-height: 1.5;
	/* Body text line-height */
	color: var(--nt-color-footer-text);
	/* Gray text color */
	margin: 0;
}

.navkar-footer-bottom__links a {
	color: var(--nt-color-footer-text);
	/* Gray text color */
	text-decoration: none;
	transition: color 0.2s ease;
	/* Smooth color transition on hover */
}

.navkar-footer-bottom__links a:hover {
	color: var(--nt-color-white);
	/* White text on hover */
}

.navkar_one_way_taxi {
	padding: 80px 15px 88px;
	max-width: 1270px;
	width: 100%;
	gap: 40px 0;
	flex-wrap: wrap !important;
	justify-content: space-between;
	margin: 0 auto;
}

.navkar_one_way_taxi>.wp-block-column:first-child {
	flex: unset;
	width: 50%;
}

.navkar_one_way_taxi>.wp-block-column h2 {
	margin-bottom: 13px;
}

.navkar_one_way_taxi>.wp-block-column p {
	font-size: 16px;
	font-weight: 500;
	line-height: 135%;
	margin-bottom: 16px;
	margin-top: 0;
}

.navkar_one_way_taxi>.wp-block-column:last-child {
	flex: unset;
	width: 46%;
}

.navkar_one_way_taxi figure.wp-block-image {
	overflow: hidden;
	height: 300px;
	border-radius: 10px;
}

.navkar_one_way_taxi figure.wp-block-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.navkar_why_choose {
	padding: 80px 0;
	width: 100%;
	background-color: var(--nt-color-rose-white);
	margin: 0;
}

.navkar_why_choose>.wp-block-columns {
	padding: 0 15px;
	max-width: 1270px;
}

.navkar_why_choose h2::after {
	content: ' ?';
}

.navkar_why_choose p {
	margin-top: 13px;
	font-size: 16px;
	font-weight: 500;
	line-height: 135%;
}

.navkar_why_choose .wp-block-columns.navkar_custom_cards_grid {
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px 50px;
}

.navkar_why_choose .navkar_custom_card .wp-block-columns {
	gap: 20px;
	align-items: center !important;
	flex-wrap: wrap !important;
}

.navkar_why_choose .navkar_custom_card .wp-block-column:first-child {
	width: 80px;
	height: 80px;
	flex: unset;
}

.navkar_why_choose .navkar_custom_card .wp-block-column .wp-block-image {
	width: 100% !important;
	height: 100% !important;
}

.navkar_why_choose .navkar_custom_card .wp-block-column .wp-block-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;
	object-position: center;
}

.navkar_why_choose .navkar_custom_card h3 {
	font: 600 24px / 100% var(--nt-font-family-primary);
	margin-bottom: 5px;
}

.navkar_why_choose .navkar_custom_card p {
	font: 400 14px / 100% var(--nt-font-family-primary);
	letter-spacing: 0.02em;
	margin: 0;
	color: var(--nt-color-black);
}

.navkar-route-accordion-section * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.navkar-route-accordion-section {
	padding: 80px 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
}

.navkar-route-accordion-section br,
.navkar-route-accordion-section p:empty {
	display: none;
}

.navkar-route-accordion-section .navkar-container {
	max-width: 1240px;
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}

.navkar-route-accordion-section .accordionRow {
	display: flex;
	flex-direction: column;
	gap: 50px;
}

.navkar-route-accordion-section .accordionRow .accordion-item {
	box-shadow: 0px 0px 10px 0px #0000001A;
	padding: 20px;
	border-radius: 10px;
	background-color: var(--nt-color-white);
}

.navkar-route-accordion-section .accordion-item .accordion-trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	cursor: pointer;
}

.navkar-route-accordion-section .accordion-item .accordion-trigger h3 {
	font: 600 24px / 100% var(--nt-font-family-primary);
	margin: 0;
	color: var(--nt-color-black);
	letter-spacing: 0.02em;
}

.navkar-route-accordion-section .accordion-item .accordion-trigger h3 span {
	color: var(--nt-color-red);
}

.navkar-route-accordion-section .accordion-item .accordionIcon {
	width: 40px;
	height: 40px;
	transition: transform 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.navkar-route-accordion-section .accordion-item .accordionIcon svg {
	width: 100%;
	height: 100%;
}

.navkar-route-accordion-section .accordion-item .accordion-trigger.active .accordionIcon {
	transform: rotate(180deg);
}

.navkar-route-accordion-section .accordion-item .accordion-content {
	display: none;
	padding: 30px 0;
	border-top: 1px solid var(--nt-color-light-gray);
	margin-top: 20px;
}

.navkar-route-accordion-section .accordion-item .accordion-content {
	display: none;
	padding: 30px 0;
	border-top: 1px solid var(--nt-color-light-gray);
	margin-top: 20px;
}

.navkar-route-accordion-section .accordion-content .navkar-route-destination-list {
	padding: 0;
	margin: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px 120px;
}

.navkar-route-accordion-section .accordion-content .navkar-route-destination-list :is(a, li) {
	font: 600 18px / 100% var(--nt-font-family-primary);
	color: var(--nt-color-black);
	text-decoration: none;
	transition: color 0.3s ease;
}

.navkar-route-accordion-section .accordion-content .navkar-route-destination-list a:hover {
	color: var(--nt-color-red);
}

ul.rating-stars {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}

ul.rating-stars li {
	display: inline-block;
	width: 15px;
	height: 15px;
}

.navkar-route-cta {
	padding: 40px 0 80px;
	margin: 0;
}

.navkar-route-cta br {
	display: none;
}

.navkar-route-cta * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.navkar-route-cta__buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	max-width: 1270px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

.navkar-route-cta__button {
	padding: 11.5px 30px;
	font: 500 18px / 1.5 var(--nt-font-family-primary);
	letter-spacing: 0.2px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s ease;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: fit-content;
	text-decoration: none;
	border: 1px solid transparent;
	border-radius: 10px;
}

.navkar-route-cta__buttons .navkar-route-cta__button--primary {
	background-color: var(--nt-color-red);
	color: var(--nt-color-white);
	border-color: var(--nt-color-red);
}

.navkar-route-cta__buttons .navkar-route-cta__button--secondary {
	background-color: var(--nt-color-white);
	color: var(--nt-color-red);
	border-color: var(--nt-color-red);
}

.navkar-route-cta__buttons .navkar-route-cta__button--primary:hover {
	background-color: var(--nt-color-white);
	color: var(--nt-color-red);
	border-color: var(--nt-color-red);
}

.navkar-route-cta__buttons .navkar-route-cta__button--secondary:hover {
	background-color: var(--nt-color-red);
	color: var(--nt-color-white);
}

/* Responsive styling for footer - tablet and mobile */

/* Tablet (1024px and below) - reduce vehicle image sizes */
@media (max-width: 1024px) {
	.navkar-footer-vehicles__car img {
		max-width: 120px;
		/* Reduced car width for tablet */
		max-height: 70px;
		/* Reduced car height for tablet */
	}

	.navkar-footer-vehicles__bus img {
		max-width: 160px;
		/* Reduced bus width for tablet */
		max-height: 80px;
		/* Reduced bus height for tablet */
	}

	.navkar-route-accordion-section .accordion-content .navkar-route-destination-list {
		gap: 30px;
	}
}

/* Mobile (768px and below) - stack layout and reduce spacing */
@media (max-width: 768px) {
	.navkar-footer-vehicles {
		margin-top: 30px;
		margin-bottom: 0;
	}

	.navkar-footer-vehicles__car img {
		max-width: 100px;
		/* Smaller car for mobile */
		max-height: 60px;
	}

	.navkar-footer-vehicles__bus img {
		max-width: 130px;
		/* Smaller bus for mobile */
		max-height: 70px;
	}

	.navkar-footer-bottom {
		padding: var(--nt-spacing-lg) 0;
		/* 20px vertical */
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.navkar-footer-bottom__inner {
		flex-direction: column;
		/* Stack copyright and links vertically */
		align-items: center;
		text-align: center;
		/* Center text on mobile */
		padding-left: var(--nt-spacing-xl);
		/* Provide horizontal breathing room on mobile */
		padding-right: var(--nt-spacing-xl);
	}

	.navkar-footer-bottom__links {
		margin-top: var(--nt-spacing-xs);
		/* 8px gap between stacked elements */
	}

	.navkar_why_choose,
	.navkar_one_way_taxi {
		padding-block: 60px;
	}

	.navkar_one_way_taxi {
		flex-direction: column-reverse;
	}

	.navkar_one_way_taxi>.wp-block-column:last-child,
	.navkar_one_way_taxi>.wp-block-column:first-child {
		width: 100%;
	}

	.navkar_why_choose h2,
	.navkar_one_way_taxi h2 {
		font-size: 28px;
		line-height: 1.2;
	}

	.navkar_why_choose .navkar_custom_card .wp-block-columns {
		justify-content: center;
		text-align: center;
		gap: 15px;
	}

	.navkar_why_choose .navkar_custom_card h3 {
		font-size: 20px;
	}

	.navkar_why_choose .navkar_custom_card .wp-block-column {
		flex: unset !important;
	}

	.navkar_why_choose .wp-block-columns.navkar_custom_cards_grid {
		margin-top: 40px;
		gap: 30px;
	}

	.navkar-route-accordion-section {
		padding: 60px 0;
	}

	.navkar-route-accordion-section .accordion-content .navkar-route-destination-list {
		grid-template-columns: repeat(2, 1fr);
	}

	.navkar-route-accordion-section .accordion-item .accordion-trigger h3 {
		font-size: 20px;
	}

	.navkar-route-accordion-section .accordion-item .accordionIcon {
		width: 30px;
		height: 30px;
	}

	.navkar-route-accordion-section .accordion-content .navkar-route-destination-list :is(a, li) {
		font-size: 16px;
	}

	.navkar-route-accordion-section .accordion-item .accordion-content {
		padding: 20px 0;
		margin-top: 15px;
	}

	.navkar-route-cta__buttons {
		padding: 0 15px;
		gap: 10px;
	}

	.navkar-route-cta {
		padding: 40px 0 60px;
	}

	.navkar-route-cta__buttons .navkar-route-cta__button {
		padding: 10px 20px;
		font-size: 16px;
	}
}

/* Small mobile (480px and below) - further reduce image sizes */
@media (max-width: 480px) {
	.navkar-footer-vehicles__car img {
		max-width: 80px;
		/* Smallest car size */
		max-height: 50px;
	}

	.navkar-footer-vehicles__bus img {
		max-width: 100px;
		/* Smallest bus size */
		max-height: 60px;
	}

	.navkar-footer-bottom {
		padding: 15px 0;
		/* 15px vertical */
	}

	.navkar-footer-bottom__inner {
		padding-left: var(--nt-spacing-lg);
		padding-right: var(--nt-spacing-lg);
	}

	.navkar_why_choose .wp-block-columns.navkar_custom_cards_grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.navkar_why_choose .navkar_custom_card .wp-block-column:first-child {
		width: 50px;
		height: 50px;
	}

	.navkar_why_choose h2,
	.navkar_one_way_taxi h2 {
		font-size: 24px;
		line-height: 1.2;
	}

	.navkar-route-accordion-section .accordion-item .accordion-trigger h3 {
		font-size: 18px;
		line-height: 1.2;
	}

	.navkar-route-accordion-section .accordion-content .navkar-route-destination-list {
		grid-template-columns: repeat(1, 1fr);
		gap: 12px;
	}

	.navkar-route-accordion-section .accordion-content .navkar-route-destination-list :is(a, li) {
		font-size: 14px;
	}

	.navkar-testimonials-container.slick-slider .slick-prev,
	.navkar-testimonials-container.slick-slider .slick-next {
		display: none !important;
	}

	.navkar-testimonials-container .slick-slide,
	.navkar-testimonials-container {
		padding: 0;
	}

	.navkar-route-cta__buttons {
		flex-direction: column;
		gap: 10px;
	}
}