@import url(../fonts/poppins/stylesheet.css);

/* ==========================================================================
  Variables
  ========================================================================== */

:root {
	/* Colors */
	--bs-primary: #237cca !important;
	--bs-primary-bg-subtle: #cadcef;
	--bs-primary-text-emphasis: #0d1723;
	--bs-warning: #ffbb00;
	--light-gray: #efefef;

	--size: clamp(10rem, 1rem + 40vmin, 30rem);
	--gap: calc(var(--size) / 14);
	--duration: 50s;
	--scroll-start: 0;
	--scroll-end: calc(-100% - var(--gap));
}

/* ==========================================================================
  CSS Reset
  ========================================================================== */

*,
*::before,
*::after {
	box-sizing: border-box;
}

* {
	margin: 0;
}

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

body {
	background-color: #fff;
	color: #000;
	font-family: "Poppins", sans-serif;
	font-size: 100%;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

img,
picture,
video,
canvas,
svg {
	display: block;
	max-width: 100%;
	height: auto;
}

input,
button,
textarea,
select {
	font: inherit;
	color: inherit;
}

button,
select {
	text-transform: none;
}

[role="button"],
button {
	cursor: pointer;
}

.rail-btn {
    font-size: clamp(1.1rem, 0.6vw + 0.9rem, 1.644rem);
}

select:disabled {
	opacity: 1;
}

::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	appearance: button;
	-webkit-appearance: button;
}

select {
	word-wrap: normal;
}
ul,
ol {
	padding-left: 1.2rem;
	list-style: disc;
}
ul[class],
ol[class] {
	margin: 0;
	padding: 0;
	list-style: none;
}
a {
	color: inherit;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

/* ==========================================================================
  Basic
  ========================================================================== */
.page-container {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.navbar-nav .nav-link {
	color: #000;
	font-weight: 400;
	&:hover,
	&:focus {
		color: var(--bs-primary);
	}
}
.navbar-nav .active{
	color: var(--bs-primary) !important;
	font-weight: 500;
}
.navbar-nav .dropdown-menu {
	overflow: hidden;
	border-radius: 0;

	.dropdown-item {
		color: #000;
		padding-block: 0.5rem;
		&:hover,
		&:focus {
			background-color: var(--bs-primary) !important;
			color: #fff;
		}
	}
}
main {
	flex: 1;
}
footer {
	padding-top: 2.5rem;

	h6 {
		color: var(--bs-primary);
		display: inline-block;
		font-size: 1.125rem;
		font-weight: 700;
		padding-bottom: 0.75rem;
		margin-bottom: 1.875rem;
		position: relative;

		&::before {
			content: "";
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 2px;
			background-color: #fff;
		}

		&::after {
			content: "";
			position: absolute;
			left: 0;
			bottom: -1px;
			width: 30%;
			height: 4px;
			background-color: var(--bs-primary);
		}
	}

	ul {
		padding-left: 0.1rem;
		list-style: none;

		li {
			margin-bottom: 1rem;
		}
	}
	a:hover,
	a:focus {
		color: var(--bs-primary);
	}
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	appearance: none;
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	appearance: textfield;
	-moz-appearance: textfield;
}
/* ==========================================================================
  Utility Classes
  ========================================================================== */
.no-bg {
	background: none !important;
}
.bg-primary-dark {
	background-color: var(--bs-primary-text-emphasis);
}
.text-balance {
	text-wrap-style: balance;
}
.bg-map {
	background-image: url("/frontend/img/map_bg.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
/* ==========================================================================
    Homepage
   ========================================================================== */
.homepage__slider .swiper-slide {
	height: 774px;
	position: relative;
	overflow: hidden;
}

.homepage__slider .swiper-slide picture,
.homepage__slider .swiper-slide picture img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: bottom;
}

.homepage__slider .swiper-slide h2 {
	font-size: clamp(1.25rem, 1.1rem + 1.8vw, 2.706rem);
	font-weight: 600;
}

.homepage__slider .swiper-slide h3 {
	font-size: clamp(1rem, 0.95rem + 1vw, 1.6875rem);
	font-weight: 400;
	margin-block: 2rem;
}
.homepage__slider .swiper-slide a[role="button"] {
	font-size: clamp(1rem, 0.94rem + 1vw, 1.64375rem);
}

.homepage__slider .vertical-pagination {
	position: absolute;
	top: 50%;
	left: 90%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	gap: 0;
	z-index: 10;
	width: auto;
}

.homepage__slider .vertical-pagination .swiper-pagination-bullet {
	width: auto;
	height: auto;
	background: none;
	color: #fff;
	font-weight: 300;
	font-size: 4.52rem;
	border-right: 4px solid rgba(255, 255, 255, 0.8);
	border-radius: 0;
	padding: 0 15px;
	opacity: 0.8;
	cursor: pointer;
	transition: all 0.3s ease;
	text-box-trim: trim-both;
}

.homepage__slider .vertical-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	border-right-color: #000;
	font-weight: 400;
}
.docket-search-form {
	margin-top: 3rem;
}
.trusted__brands {
	margin-block: 1rem 4.5rem;
}
.trusted__brands .marquee--vertical {
	--mask-direction: to bottom;
}
.trusted__brands .marquee {
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: var(--gap);
	mask-image: linear-gradient(
		var(--mask-direction, to right),
		hsl(0 0% 0% / 0),
		hsl(0 0% 0% / 1) 10%,
		hsl(0 0% 0% / 1) 95%,
		hsl(0 0% 0% / 0)
	);
}

.trusted__brands .marquee__group {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: var(--gap);
	min-width: 100%;
	animation: scroll-x var(--duration) linear infinite;
}

@media (prefers-reduced-motion: reduce) {
	.marquee__group {
		animation-play-state: paused;
	}
}

@keyframes scroll-x {
	from {
		transform: translateX(var(--scroll-start));
	}
	to {
		transform: translateX(var(--scroll-end));
	}
}
.multi__modal_transport {
	background-color: #efefef;
	padding-block: 2rem;
	p {
		font-size: clamp(1.125rem, 2.5vw, 1.618rem);
		font-weight: 500;
	}
	h2 {
		font-size: clamp(1.75rem, 4vw, 2.25rem);
		margin-bottom: 1.875rem;
	}
	.swiper__one {
		height: 100%;
		.swiper-wrapper {
			align-items: stretch;
			.swiper-slide {
				height: auto;
				display: flex;
				.card {
					border: none;
					border-radius: 20px;
					flex: 1 1 auto;
					display: flex;
					flex-direction: column;
					.card-body {
						padding-inline: 27px;
						h5 {
							font-size: 1.563rem;
						}
						p {
							font-size: initial;
							font-weight: initial;
						}
						ul {
							list-style-type: disc;
							padding-left: 1rem;
						}
					}
				}
			}
		}
	}
}
.our__reach {
	padding: 3.938rem 0 1.688rem 0;

	h2 {
		font-size: clamp(1.75rem, 4vw, 2.5rem);
		padding-bottom: 1.438rem;
	}

	.stats-card {
		color: var(--bs-primary);
		text-align: center;
		padding: 1.2rem 1rem;
		height: 100%;
		.stats-number {
			font-size: 1.375rem;
			font-weight: 500;
		}
		.stats-text {
			font-size: 1rem;
			font-weight: 500;
		}
	}

	figure {
		background-color: var(--bs-primary);
		border-radius: 20px;
		color: #fff;
		font-size: 1.1rem;
		font-weight: 600;
		overflow: hidden;
		text-align: center;
		img {
			border-end-start-radius: 20px;
			border-end-end-radius: 20px;
		}
		figcaption {
			padding: 1.125rem 1.125rem 1.563rem 1.125rem;
		}
	}

	@media (min-width: 992px) {
		padding: 3.938rem 2.25rem 1.688rem 2.25rem;
	}
}
.specialized_shipment_solutions {
	.bg__banner {
		background-position: center;
		background-size: cover;
		padding-top: 2.5rem;
		position: relative;
		z-index: 0;
		&::after {
			content: "";
			position: absolute;
			inset: 0;
			width: 100%;
			height: 100%;
			background: #0d172380;
			z-index: -1;
		}
		@media (min-wdth: 576px) {
			padding-top: 5.625rem;
		}
		h3 {
			color: #fff;
			font-size: clamp(1rem, 4vw, 2.625rem);
			padding-bottom: 1.5rem;
			text-align: center;
			@media (min-width: 576px) {
				padding-bottom: 3.938rem;
			}
		}
	}
	.swiper_specialized_shipment_solutions {
		margin: 0 3rem 7rem 3rem;
		color: #fff;
		h4 {
			font-size: clamp(36px, 3.5vw, 48px);
			font-weight: 500;
			margin-bottom: 0;
		}
		h5 {
			font-size: clamp(20px, 1.8vw, 25px);
			font-weight: 500;
			margin-bottom: 27px;
		}
		img {
			border-radius: 29px;
		}
		@media (min-width: 1200px) {
			margin: 0 5rem 8.563rem 6.813rem;
		}
	}
	.custom_nav_s4 {
		bottom: 37px;
		right: 120px;
		.custom-nav-prev,
		.custom-nav-next {
			background: var(--bs-warning);
			border-radius: 100%;
			color: #fff;
			padding: 0.5rem;
			width: 35px;
			height: 35px;
			display: flex;
			justify-content: center;
			align-items: center;
			@media (min-width: 768px) {
				width: 50px;
				height: 50px;
			}
		}
		.custom-nav-prev svg,
		.custom-nav-next svg {
			width: 50px;
			height: 50px;
		}
		@media (max-width: 575px) {
			bottom: 40px;
			right: 60px;
		}
	}
}
.cards__section {
	padding-block: 3.313rem 3.938rem;

	.card {
		background-color: #fff;
		border: none;
		border-radius: 24px;
		cursor: pointer;
		&:hover {
			background-color: var(--bs-primary);
			color: #fff;

			img {
				filter: invert(1) brightness(100);
			}
		}

		h4 {
			margin-top: 0.5rem;
			margin-bottom: 18px;
		}
	}
}

.advanced_supply_chain_services {
	background-image: url("/frontend/img/advance_supply_chain_services.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.why_choose_ethics_express {
	padding-block: 3.75rem 2rem;
	h2 {
		font-size: clamp(24px, 5vw, 40px);
		margin-bottom: 27px;
	}

	ul {
		list-style-type: none;
		padding-left: 0;
		li {
			font-size: 1.125rem;
			margin-bottom: 24px;
			position: relative;
			padding-left: 2rem;
			&::before {
				content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyOF8yODEwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuMjM0NiAyMi40MDM4QzUuNDk1NzMgMjIuNDAzOCAwLjgzMDU2NiAxNy43Mzg2IDAuODMwNTY2IDExLjk5OThDMC44MzA1NjYgNi4yNjA5MiA1LjQ5NTczIDEuNTk1NyAxMS4yMzQ2IDEuNTk1N0MxMy44NjYyIDEuNTk1NyAxNi4zMzU3IDIuNTUxNTEgMTguMjU5OCA0LjMxNTJDMTcuNjE5OCA0LjY5MzYxIDE3LjAwMjIgNS4xMTI3OCAxNi40MDgyIDUuNTY2NDlDMTQuOTUwNCA0LjM5MDM4IDEzLjEzNzcgMy43NDI4NCAxMS4yMzQ2IDMuNzQyODRDNi42ODY0NSAzLjc0Mjg0IDIuOTc3NzEgNy40NTE2NCAyLjk3NzcxIDExLjk5OThDMi45Nzc3MSAxNi41NDc5IDYuNjg2NDUgMjAuMjU2NyAxMS4yMzQ2IDIwLjI1NjdDMTcuNTYyOSAyMC4yNTY3IDIxLjMyIDEzLjQ5MjIgMTguNTk4MSA4LjIzMjc4QzE5LjAxMDcgNy44NDkxNiAxOS40MzUzIDcuNDc3MzMgMTkuODcxMSA3LjExNzkxQzE5Ljk5OTggNy4wMTE3NyAyMC4xMjk1IDYuOTA2NjQgMjAuMjYwMiA2LjgwMjU1QzIxLjE3MDggOC4zNzUxOCAyMS42Mzg4IDEwLjE1ODIgMjEuNjM4OCAxMS45OTk3QzIxLjYzODcgMTcuNzM4NiAxNi45NzM1IDIyLjQwMzggMTEuMjM0NiAyMi40MDM4WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC45NjM1IDE3LjM0OEMxMC44NDY0IDE3LjM0OCAxMC43NDg4IDE3LjI3IDEwLjcwOTcgMTcuMTcyNEMxMC42OTAyIDE3LjEzMzMgOS4wMTE0OCAxMi43OTk5IDYuNDE1MzQgMTEuMTYwMkM1LjkwNzgxIDEwLjg0NzkgNS41MTc0OSAxMC41MTYxIDUuNjczNjIgOS43NzQzQzUuODI5NzUgOS4wNTIwNyA2LjMxNzc4IDguNjQyMTUgNy4xOTYxNCA4LjQ0Njk0QzguNzU3NjkgOC4xMTUwOSAxMC40MzY0IDEwLjUzNTYgMTEuMDYxMSAxMS41MzExQzEzLjI0NzIgOC4zNDkzOSAxNy42MTk3IDMuMzUyMjYgMjMuOTgzMiAyLjc2NjY3QzI0LjI5MDIgMi43MzA2OCAyNC40MDM3IDMuMTg1NzIgMjQuMTE5OCAzLjMxMzIzQzI0LjAyMjIgMy4zNTIyNiAxNC45MjU5IDcuNTEwMDYgMTEuMjM2NyAxNy4xOTE5QzExLjE3ODIgMTcuMjg5NSAxMS4wODA2IDE3LjM0OCAxMC45NjM1IDE3LjM0OFoiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjI4XzI4MTAiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjgzMDU2NikiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
				position: absolute;
				left: 0;
				top: 0;
			}
		}
	}
	img {
		border-radius: 15px;
	}
}
.industries_we_serve {
	margin-bottom: 59px;
	h2 {
		margin-bottom: 32px;
	}
	.card-col {
		border-radius: 15px;
		position: relative;
		overflow: hidden;
		text-align: center;
		display: flex;
        align-items: center;
        justify-content: center;

		&::after {
			content: "";
			position: absolute;
			inset: 0;
			width: 100%;
			height: 100%;
			background: #000000b2;
		}
		.iws_icons {
			width: 65px;
			height: 65px;
		}
	}
}
.get_in_touch {
	margin-bottom: 56px;
	.grad {
		border-radius: 15px;
		overflow: hidden;
		&::after {
			content: "";
			position: absolute;
			inset: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(180deg, rgba(36, 60, 92, 0) 0%, #243c5c 100%);
		}
	}

	form {
		background-color: #237cca !important;
		border-radius: 10px;
		padding: 2.25rem 2.438rem;
		h3 {
			color: #fff;
			margin-bottom: 18px;
		}
		input:not([type="checkbox"]):not([type="radio"]) {
			padding-block: 0.6rem;
		}
		label[for="privacy_text"] {
			font-size: 14px;
			color: #fff;
		}
	}
}
/* ==========================================================================
	About Us Page
   ========================================================================== */

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

/* ==========================================================================
    Surface Transportation Page
   ========================================================================== */
.page__banner {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
	padding-block: 7.094rem;
	position: relative;
	@media (min-width: 768px) {
		padding-block: 14.188rem;
	}
	h1 {
		font-size: clamp(1.8rem, 1.1vw + 1.2rem, 2.706rem);
	}

	h2 {
		font-size: clamp(1.3rem, 0.8vw + 1rem, 1.813rem);
	}
	.page__banner_content {
		max-width: 100%;
		@media (min-width: 768px) {
			max-width: 540px;
		}
		p {
			margin-bottom: 1.5rem;
		}
		a {
			font-size: clamp(1.1rem, 0.6vw + 0.9rem, 1.644rem);
		}
	}
}
.nationwide__reach {
	padding-block: 2.5rem;
	h2 {
		font-size: clamp(1.5rem, 2vw + 1rem, 3rem);
	}
	p {
		font-size: clamp(1rem, 1vw + 0.5rem, 1.508rem);
	}

	h3 {
		font-size: clamp(1rem, 1.1vw + 0.5rem, 1.563rem);
	}
	.box__counter {
		display: flex;
		flex-wrap: wrap;
		column-gap: 34px;
		row-gap: 19px;
		justify-content: flex-start;

		.boxes {
			flex: 0 0 100%;

			@media (min-width: 576px) {
				flex: 0 0 calc((100% - 34px) / 2);
			}

			@media (min-width: 992px) {
				flex: 0 0 calc((100% - 2 * 34px) / 3);
			}

			div:first-of-type {
				padding-block: 12px;
			}
		}
	}
	@media (min-width: 768px) {
		padding-block: 5rem;
	}
}
.our__capabilities {
	background-color: #f5f5f5;
}
.value__added_services {
	background: linear-gradient(
			rgba(35, 124, 202, 0.85),
			rgba(35, 124, 202, 0.85)
		),
		url("/frontend/img/value_added_services.jpg");
	background-size: cover;
	background-position: center;
	padding-block: 4.3125rem;
	h2 {
		font-size: clamp(1.75rem, 2vw + 1rem, 2.5rem);
	}

	.swiper-slide {
		display: flex;
		height: auto;
	}

	.card {
		border: none;
		border-radius: 20px;
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;

		h5 {
			font-size: clamp(1.125rem, 1.5vw + 0.75rem, 1.5rem);
		}
	}
	.swiper__navigation {
		position: absolute;
		right: 20px;
		bottom: -50px;
		& > button {
			background-color: var(--bs-warning);
			border: none;
			border-radius: 100%;
			width: 35px;
			height: 35px;
			display: flex;
			justify-content: center;
			align-items: center;

			svg {
				width: 1.25rem;
				height: 1.25rem;
			}

			@media (min-width: 768px) {
				width: 50px;
				height: 50px;
			}
		}
		@media (min-width: 768px) {
			bottom: -80px;
		}
	}

	@media (min-width: 768px) {
		padding-block: 8.625rem 9.625rem;
	}
}

/* ==========================================================================
	Air cargo Page
   ========================================================================== */
.our__offerings {
	h2 {
		background-color: var(--bs-primary);
	}
	h3 {
		color: var(--bs-primary);
		font-size: clamp(2rem, 1vw + 1rem, 2.375rem);
	}
	.card-body {
		h4 {
			color: var(--bs-primary);
		}
		> *:not(h4) {
			font-size: clamp(1rem, 0.8vw + 0.5rem, 1.25rem);
		}
	}
}
.d2d {
	background: linear-gradient(
			rgba(35, 124, 202, 0.85),
			rgba(35, 124, 202, 0.85)
		),
		url("/frontend/img/d2d.jpg") !important;

	.card-body {
		padding: 2.125rem 1.5rem;
	}
}
.fms_lms {
	padding-block: 1.5rem 0;
	@media (min-width: 992px) {
		padding-block: 3.5rem 0;
	}
	h2 {
		font-size: clamp(1.5rem, 1vw + 1.5rem, 2.375rem);
	}
	* {
		font-size: clamp(1rem, 0.6vw + 0.7rem, 1.25rem);
	}
	strong {
		font-weight: 500;
	}
	.fms_img {
		position: relative;
		margin-top: 0;
		margin-left: 0;
		&::after {
			content: "";
			position: absolute;
			top: 10px;
			left: -10px;
			width: 100%;
			height: 100%;
			background-color: var(--bs-primary);
			z-index: -1;
			display: none;
			@media (min-width: 992px) {
				display: block;
			}
		}
		@media (min-width: 992px) {
			margin-top: 6rem;
			margin-left: 1rem;
		}
	}
	.lms_img {
		position: relative;
		margin-right: 0;
		&::after {
			content: "";
			position: absolute;
			top: 10px;
			right: -10px;
			width: 100%;
			height: 100%;
			background-color: var(--bs-primary);
			z-index: -1;
			display: none;
			@media (min-width: 992px) {
				display: block;
			}
		}
		@media (min-width: 992px) {
			margin-right: 1rem;
		}
	}
}
.tech__power_us {
	padding: 2rem 1rem !important;
	background-color: #e0f1ff;

	p {
		color: var(--bs-primary);
		font-size: clamp(1.125rem, 0.5vw + 1rem, 1.5rem);
	}

	h5 {
		font-size: clamp(1.125rem, 0.5vw + 1rem, 1.375rem) !important;
		font-weight: 500;
	}
	@media (min-width: 768px) {
		padding: 2rem 5rem 8rem 5rem !important;
	}
}
.flow_of_operations {
	background-image: url("/frontend/img/flow_of_operations.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-block: 3.375rem;
	h2 {
		font-size: clamp(20px, 4vw, 38px);
	}
	.process-container {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		padding: 40px 0;
		position: relative;

		&::before {
			content: "";
			position: absolute;
			top: 80px;
			left: 0;
			right: 0;
			height: 1px;
			border-top: 2px dotted #fff;
			width: 98%;
			margin: 0 auto;
			z-index: 0;
			@media (max-width: 991px) {
				top: 60px;
			}
		}
		&::after {
			content: "";
			position: absolute;
			bottom: 150px;
			left: 0;
			right: 0;
			height: 1px;
			border-top: 2px dotted #fff;
			width: 98%;
			margin: 0 auto;
			z-index: 0;
			display: block;
			@media (min-width: 768px) {
				display: none;
			}
			@media (max-width: 480px) {
				bottom: 170px;
			}
		}
		.step {
			flex: 0 0 calc((100% - 2 * 0px) / 3);
			text-align: center;
			position: relative;
			margin: 0 0 1.5rem 0;
			z-index: 1;
			@media (min-width: 768px) {
				flex: 0 0 calc((100% - 2 * 170px) / 6);
				margin: 0 auto;
			}

			.spacer {
				flex: 0;
			}
			img {
				width: 73px;
				height: 73px;
				margin-bottom: 8px;
				margin-inline: auto;

				@media (max-width: 991px) {
					width: 50px;
					height: 50px;
				}
			}
			p {
				/* font-size: clamp(16px, 2.5vw, 22px); */
				font-size: 16px;
				color: #fff;
				margin: 0;
			}
		}
	}
}
/* ==========================================================================
	Rail Page
   ========================================================================== */
/* ==========================================================================
  	Pickup Request Page
  ========================================================================== */
.pickup-request-main {
	padding-top: 65px;
	padding-bottom: 65px;
}
.pickup-request-main .left {
	display: flex;
	align-items: center;
}
.pickup-request-main .left h1 {
	font-weight: 700;
	font-size: 2.918rem;
	line-height: 60px;
	vertical-align: middle;
	color: rgba(255, 255, 255, 1);
}
.pickup-request-main .left p {
	font-weight: 300;
	font-size: 1rem;
	line-height: 24px;
	color: rgba(255, 255, 255, 1);
	width: 77%;
}

.form-container {
	background-color: rgba(35, 124, 202, 1);
	box-shadow: 0px 10px 20px 0px rgba(4, 4, 4, 0.06);
	opacity: 1;
	border-radius: 20px;
	padding: 25px 25px 35px 25px;
}

.bg-shadow {
	background-color: rgba(0, 0, 0, 0.62);
	width: 100%;
	height: 100%;
}

.form-container h4 {
	font-size: 1.624rem;
	font-weight: 700;
	line-height: 33.18px;
	vertical-align: middle;
	color: rgba(255, 255, 255, 1);
}

.form-container p {
	font-weight: 300;
	color: rgba(255, 255, 255, 1);
}
.form-container input,
.form-container select::placeholder {
	font-size: 16px;
	line-height: 100%;
	vertical-align: middle;
	color: rgba(0, 0, 0, 1);
}
.form-container select.form-select {
	font-size: 16px;
	color: rgba(0, 0, 0, 1);
}
.form-container select.form-select option {
	font-size: 16px;
	color: rgba(0, 0, 0, 1);
}
.form-container span {
	font-size: 24px;
	font-weight: 800;
	letter-spacing: 7px;
	line-height: 30px;
	color: rgba(0, 0, 0, 1);
}
.form-container input,
.form-container span,
.form-container textarea,
.form-container select {
	border-radius: 0;
}
.form-container .border-line {
	border-bottom: 0.5px solid #fff;
	margin-top: 35px;
	margin-bottom: 25px;
}
.form-container label {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: rgba(255, 255, 255, 1);
}
.form-container .width-25 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 15px;
}
.form-container .width-25 input,
.form-container .width-25 select {
	width: 23%;
	border-radius: 0;
}
.form-container .width-50 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 15px;
}
.form-container .width-50 input,
.form-container .width-50 select {
	width: 48.5%;
	border-radius: 0;
}
.form-container .btns {
	display: flex;
	justify-content: space-between;
}
.form-container .btns button {
	width: 48.5%;
	height: 44px;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	vertical-align: middle;
	color: rgba(0, 0, 0, 1);
	border-radius: 0;
}
.form-container .btns :first-child:hover {
	background-color: rgb(245, 189, 47);
}
.form-container .btns :first-child {
	background-color: rgba(255, 205, 81, 1);
}
.form-container .btns :last-child {
	background-color: #fff;
}
.form-container .btns :last-child:hover {
	background-color: #ece7e7;
}
/* ==========================================================================
	Feeback Page
   ========================================================================== */
/* .feedback-main{
	height: 635px;
	background-size: 63%;
} */
/* .feedback-main{
	height: 894px;
	background-size: 63%;
}
.feedback-bg{
	background-color:rgba(0, 0, 0, 0.6);
	width: 63%;
	height: 100%;
}
.feedback-cont{
	position: absolute;
	top:162px;
	max-width: 1400px;
} */
.feedback-cont .file-input {
	height: 39px;
	line-height: normal;
}
.feedback-border-line {
	border-bottom: 0.5px solid #fff;
	margin-top: 15px;
	margin-bottom: 15px;
}
.feedback-main .form-container {
	border-radius: 5px;
}
/* ==========================================================================
	Rate Calculator Page
   ========================================================================== */
.feedback-bg-3 {
	background-color: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
}
/* .rate-calculator .left {
	height: 600px;
} */
.rate-calculator .form-container {
	border-radius: 0;
	padding: 40px 60px;
}
.rate-calculator-container{
    padding: 12px;
}
/* ==========================================================================
  	FTL Page
   ========================================================================== */
.ftl-main .banner {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ftl-main .banner-image-cont {
	background: linear-gradient(228.25deg, #1b1b1b 44%, #101010 100%);
	width: 100%;
}
.banner-image-cont img{
	width: 100%;
}
.ftl-main .inner-gradiant {
	position: absolute;
	background: linear-gradient(
		270deg,
		rgba(27, 27, 27, 0.1) 2.46%,
		rgba(0, 0, 0, 0.6) 85.11%
	);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.large-img img {
	border-radius: 15px !important;
}
.ftl-main .content div {
	width: 43%;
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 15px;
}
.ftl-main .content h1 {
	font-weight: 600;
	font-size: 2.706rem;
	line-height: 45.8px;
	color: rgba(255, 255, 255, 1);
}
.ftl-main .content h6 {
	font-weight: 600;
	font-size: 1rem;
	line-height: 18px;
	color: rgba(255, 255, 255, 1);
}
.ftl-main .content p {
	font-weight: 300;
	font-size: 1rem;
	line-height: 18px;
	color: rgba(255, 255, 255, 1);
}
.ftl-main .content button {
	width: 195px;
	height: 59px;
	opacity: 1;
	border-radius: 8px;
	background: rgba(16, 106, 209, 1);
	font-family: "Poppins";
	font-weight: 400;
	font-size: 26.3px;
	line-height: 45.8px;
	color: rgba(255, 255, 255, 1);
}
.ftl-main .content button:hover {
	background: rgb(11, 84, 168);
}
.ftl-main .slider-cont {
	padding-top: 70px;
	padding-bottom: 70px;
}
.ftl-main .slider-cont .heading {
	display: flex;
	align-items: start;
	flex-direction: column;
	justify-content: center;
}
.ftl-main .slider-cont .left {
	width: 35%;
	padding-left: 16%;
}
.ftl-main .slider-cont .right {
	width: 64%;
}
.ftl-main .slider-cont .heading span {
	font-weight: 500;
	font-size: 2rem;
	line-height: 51.8px;
	color: rgba(13, 23, 35, 1);
}
.ftl-main .slider-cont .heading h4 {
	font-weight: 500;
	font-size: 2.5rem;
	line-height: 51.8px;
	color: rgba(13, 23, 35, 1);
}
.ftl-main .slider-cont .card {
	width: 235px;
	height: 260px;
	opacity: 1;
	background: rgba(245, 245, 245, 1);
	color: rgba(0, 0, 0, 1);
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 10px;
	padding: 20px 10px;
	transition: background 0.3s ease, color 0.3s ease;
	cursor: pointer;
	border: 0;
}
.ftl-main .slider-cont .card:hover {
	background: var(--bs-primary);
	color: rgba(255, 255, 255, 1);
}
.ftl-main .slider-cont .card h3 {
	font-weight: 500;
	font-size: 1.25rem;
	line-height: 22px;
	text-align: center;
}
.ftl-main .slider-cont .card p {
	font-weight: 300;
	font-size: 0.938rem;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
}
.ftl-main .hover-img {
	position: relative;
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ftl-main .hover-img img {
	position: absolute;
	transition: opacity 0.3s ease;
}

.ftl-main .slider-cont .card .img1 {
	opacity: 1;
	z-index: 1;
}

.ftl-main .slider-cont .card:hover .img1 {
	filter: invert(1) brightness(100);
}

.ftl-main .slider-cont .slider-button-cont {
	padding-right: 9%;
}
.slider-button-cont {
	display: flex;
	gap: 10px;
	align-items: end;
	justify-content: end;
	margin-top: 25px;
}

.slider-button-cont button {
	width: 40px;
	height: 40px;
	opacity: 1;
	border-radius: 25px;
	background: rgba(255, 205, 81, 1);
	border: 0;
}
.bg-color-key-cont {
	background-color: rgba(232, 246, 255, 1);
}

.key-features-cont .heading h2 {
	font-weight: 500;
	font-size: 2.5rem;
	line-height: 51.8px;
	text-align: center;
	vertical-align: middle;
	color: rgba(13, 23, 35, 1);
}

.key-features-cont .card {
	padding: 15px;
	display: flex;
	box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
	background-color: rgba(255, 255, 255, 1);
	border: 0;
	width: 300px;
	height: 455px;
	opacity: 1;
	gap: 27px;
	border-radius: 25px;
}

.key-features-cont .mini-box {
	top: -65px;
	left: 25px;
	position: absolute;
	background-color: var(--bs-primary);
	width: 70px;
	height: 70px;
	opacity: 1;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 35px;
}
.key-features-cont .card h3 {
	font-weight: 500;
	font-size: 1.375rem;
	line-height: 25px;
	color: rgba(0, 0, 0, 1);

	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.key-features-cont .card p {
	font-size: 0.813rem;
	font-weight: 500;
	line-height: 22px;
	color: rgba(0, 0, 0, 1);

	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.value-added-cont {
	padding-top: 55px;
	padding-bottom: 30px;
}
.value-added-cont h2 {
	font-weight: 500;
	font-size: 2.5rem;
	line-height: 56.8px;
	color: rgba(13, 23, 35, 1);
	margin-bottom: 30px;
}
.value-added-cont p {
	display: flex;
	gap: 10px;
	align-items: center;
	font-weight: 500;
	line-height: 34px;
	font-size: 1.375rem;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 30px;
}

.ns-heading {
	font-weight: 500;
	font-size: 2.5rem;
	line-height: 56.8px;
	text-align: center;
	vertical-align: middle;
	color: rgba(255, 255, 255, 1);
	padding-top: 45px;
	padding-bottom: 25px;
}
.network-strength {
	width: 100%;
	padding-bottom: 30px;
}
.network-strength .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: start;
}
.network-strength .inner :nth-child(1) {
	border-bottom: 2px solid #fff;
}
.network-strength .inner :nth-child(2) {
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}
.network-strength .inner :nth-child(3) {
	border-bottom: 2px solid #fff;
}
.network-strength .inner :nth-child(5) {
	border-left: 2px solid #fff;
}

.network-strength .inner .box {
	width: 33.33%;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	padding: 30px;
}
.network-strength .inner .box .circle {
	height: 100px;
	width: 100px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	border: 0;
	margin-bottom: 20px;
}
.network-strength .inner .box h4 {
	font-weight: 600;
	font-size: 1.5rem;
	line-height: 100%;
	text-align: center;
	text-transform: capitalize;
	color: rgba(255, 255, 255, 1);
	border: 0;
}
.network-strength .inner .box p {
	font-weight: 400;
	font-size: 1rem;
	line-height: 100%;
	letter-spacing: 3.5%;
	text-align: center;
	text-transform: capitalize;
	color: rgba(255, 255, 255, 1);
	border: 0;
	width: 76%;
}

.get-in-touch {
	padding-top: 40px;
	padding-bottom: 40px;
}
.get-in-touch .left {
	position: relative;
}
.get-in-touch .img-text {
	height: 100%;
	position: absolute;
	bottom: 0px;
	background: linear-gradient(180deg, rgba(36, 60, 92, 0) 50%, #243c5c 100%);
	align-content: end;
	margin-right: 12px;
}
.get-in-touch .img-text h2 {
	font-weight: 500;
	font-size: 1.688rem;
	line-height: 27px;
	text-transform: capitalize;
	color: rgba(255, 255, 255, 1);
	padding-left: 6%;
	width: 75%;
	margin-bottom: 50px;
	line-height: 36px;
}
.get-in-touch .input-group {
	gap: 17px;
}
.get-in-touch form {
	background: var(--bs-primary);
	border-radius: 10px;
	padding: 35px;
}
.get-in-touch h1 {
	font-weight: 400;
	font-size: 1.938rem;
	line-height: 100%;
	vertical-align: middle;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 20px;
}
.get-in-touch .input-group input {
	width: 100%;
	height: 45px;
	opacity: 1;
	border-radius: 10px !important;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(255, 255, 255, 1);
	font-weight: 400;
	font-size: 1rem;
	line-height: 100%;
	vertical-align: middle;
	color: rgba(0, 0, 0, 1);
}
.get-in-touch .input-group input::placeholder {
	font-weight: 400;
	font-size: 1rem;
	color: #afaaaa;
}
.get-in-touch .form-check {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 100%;
	vertical-align: middle;
	color: rgba(255, 255, 255, 1);
	margin-top: 20px;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	gap: 7px;
}
.get-in-touch button {
	width: 102px;
	height: 35px;
	border-radius: 9px;
	background: rgba(255, 187, 0, 1);
	font-weight: 500;
	font-size: 0.938rem;
	text-align: center;
	color: rgba(255, 255, 255, 1);
}
.get-in-touch .form-check-input:checked {
	background-color: rgba(255, 187, 0, 1);
	border-color: #ffffff;
}
.get-in-touch .form-check-input {
	width: 19px;
	height: 19px;
	border-radius: 3px;
}
/* ==========================================================================
	PTL Page
   ========================================================================== */
.value-added-services {
	padding-top: 40px;
	padding-bottom: 40px;
}
.value-added-services .va-heading {
	font-weight: 500;
	font-size: 2.5rem;
	line-height: 51.8px;
	text-align: center;
	vertical-align: middle;
	color: rgba(13, 23, 35, 1);
	padding-top: 30px;
	padding-bottom: 40px;
}

.value-added--cont .row .box .circle {
	height: 100px;
	width: 100px;
	background-color: var(--bs-primary);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	border: 0;
	margin-bottom: 20px;
}
.value-added--cont .row .box {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	padding: 30px;
}
.value-added--cont .row .box h4 {
	font-weight: 500;
	font-size: 1.375rem;
	line-height: 25px;
	text-align: center;
	color: rgba(0, 0, 0, 1);
	width: 87%;
}
.network-strength--main {
	padding-bottom: 20px;
}
.network--strength .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: start;
}

.network--strength .inner .box {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	padding: 30px;
}
.network--strength .inner .box .circle {
	height: 100px;
	width: 100px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	border: 0;
	margin-bottom: 20px;
}
.network--strength .inner .box h4 {
	font-weight: 600;
	font-size: 1.5rem;
	line-height: 100%;
	text-align: center;
	text-transform: capitalize;
	color: rgba(255, 255, 255, 1);
	border: 0;
}
.network--strength .inner .box p {
	font-weight: 400;
	font-size: 1rem;
	line-height: 100%;
	letter-spacing: 3.5%;
	text-align: center;
	text-transform: capitalize;
	color: rgba(255, 255, 255, 1);
	border: 0;
	width: 76%;
	line-height: 21px;
}
/* ==========================================================================
	Quck Commerece Page
   ========================================================================== */
.quick-commerce .inner-gradiant {
	background: unset;
}
.quick-commerce .content h1 {
	color: #106ad1;
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 49px;
	vertical-align: middle;
	width: 80%;
}

.quick-commerce .content p {
	color: #000000;
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 23px;
	vertical-align: middle;
}
.quick-commerce .content div {
	width: 47%;
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 20px;
}
.key-operational-strengths {
	padding-top: 50px;
	padding-bottom: 50px;
}
.key-operational-strengths .va-heading {
	font-weight: 500;
	font-size: 2.5rem;
	line-height: 51.8px;
	text-align: center;
	vertical-align: middle;
	color: #0d1723;
	margin-bottom: 40px;
}
.key-operational .row {
	gap: 38px;
}
.key-operational .row .box {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: start;
	padding: 30px;
	background-color: #ffffff;
	height: 382px;
	border-radius: 25px;
	gap: 10px;
}
.key-operational .row .box .circle {
	height: 100px;
	width: 100px;
	background-color: var(--bs-primary);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	border: 0;
	margin-bottom: 15px;
	margin-left: 25px;
}
.key-operational .row .box:hover {
	background-color: #106ad1;
}

.key-operational .row .box:hover h4,
.key-operational .row .box:hover li {
	color: #fff;
}

.key-operational .row .box:hover .circle {
	background-color: #fff;
}

.key-operational .row .box:hover .circle svg path {
	fill: #106ad1;
}

.key-operational .row .box h4 {
	font-weight: 600;
	font-size: 1.625rem;
	line-height: 28px;
	color: #106ad1;
	width: 72%;
	padding-left: 20px;
}
.key-operational .row .box ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.key-operational .row .box li {
	font-weight: 400;
	font-size: 20px;
	line-height: 22px;
	vertical-align: middle;
	color: #000000;
}

.quick-commerce-cont .inner {
	display: flex;
	flex-wrap: wrap;
	flex-direction: initial;
	justify-content: center;
	align-items: start;
}

.quick-commerce-cont .inner .box {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	padding: 30px 0px;
}
.quick-commerce-cont .inner .box .circle {
	height: 100px;
	width: 100px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	border: 0;
	margin-bottom: 20px;
}
.quick-commerce-cont .inner .box h4 {
	font-weight: 600;
	font-size: 1.375rem;
	line-height: 100%;
	text-align: center;
	text-transform: capitalize;
	color: rgba(255, 255, 255, 1);
	border: 0;
}
.get-in-touch .img-text p {
	font-weight: 400;
	font-size: 1.25rem;
	width: 90%;
	padding-left: 6%;
	line-height: 27px;
	text-transform: capitalize;
	color: #ffffff;
}
.swiper__ten {
	padding: 20px;
}
.ftl-main .slider-cont .card2 {
	height: 381px;
	opacity: 1;
	border-radius: 25px;
	box-shadow: 0px 4px 25px 0px #0000001a;
	padding-bottom: 20px;
}
.ftl-main .slider-cont .card2 img {
	border-radius: 25px;
}
.ftl-main .slider-cont .card2 h3 {
	font-weight: 500;
	font-size: 1.25rem;
	line-height: 22px;
	color: #000000;
	padding-left: 20px;
	margin-top: 45px;
}
/* ==========================================================================
    First Mile Delivery Page
   ========================================================================== */
.first-mile-main .slider-cont .card {
	height: 320px;
}

.technology-backed-heading {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.technology-backed-heading h3 {
	width: 60%;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 37px;
}
.technology-backed-cont .inner .box {
	padding: 20px;
}
.technology-backed-cont .inner .box h4 {
	font-weight: 600;
	font-size: 1.25rem;
	line-height: 22px;
	text-transform: capitalize;
}
/* ==========================================================================
	Mile Delivery Page
   ========================================================================== */

/* ==========================================================================
    Min Breakpoints
   ========================================================================== */
@media (min-width: 576px) {
	.our__reach .border-col:nth-child(-n + 3) {
		border-bottom: 2px solid var(--bs-primary);
	}
	.our__reach .border-col:nth-child(2),
	.our__reach .border-col:nth-child(5) {
		border-left: 2px solid var(--bs-primary);
		border-right: 2px solid var(--bs-primary);
	}
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
	.docket-search-form {
		margin-top: -4.9rem;
	}
	.multi__modal_transport {
		padding-block: 4rem 3.375rem;
	}
}
@media (min-width: 1200px) {
	.navbar-nav .nav-link {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	.navbar-nav .nav-item:last-child .nav-link {
		padding-right: 0 !important;
	}
	footer {
		padding-top: 5rem;
	}
	.border__right {
		border-right: 6px solid var(--bs-primary-text-emphasis);
	}
	.core__services_heading {
		max-width: 604px;
	}
}

/* ==========================================================================
  Max Breakpoints
  ========================================================================== */

@media (max-width: 991px) {
	.navbar-brand {
		max-width: 70%;
	}
	.homepage__slider .swiper-slide {
		height: 400px;
	}
	.homepage__slider .vertical-pagination {
		top: auto;
		bottom: 10px;
		left: 50%;
		transform: translateX(-50%);
		flex-direction: row;
	}
	.homepage__slider .vertical-pagination .swiper-pagination-bullet {
		border-right: none;
		border-bottom: 4px solid rgba(255, 255, 255, 0.8);
		padding: 5px 10px;
		font-size: 1.2rem;
	}

	.homepage__slider .vertical-pagination .swiper-pagination-bullet-active {
		border-bottom-color: #000;
		border-right: none;
		padding: 5px 10px;
	}
}

/* ==========================================================================
Breakpoints
 ========================================================================== */
@media (max-width: 425px) {
	/* picku request start */
	.pickup-request-main .left {
		margin-bottom: 30px;
	}
	.pickup-request-main .left p {
		width: 100%;
	}
	.form-container .width-25 {
		flex-wrap: nowrap;
		flex-direction: column;
	}
	.form-container .width-25 input,
	.form-container .width-25 select {
		width: 100%;
	}
	.form-container .width-50 {
		flex-wrap: nowrap;
		flex-direction: column;
	}
	.form-container .width-50 input,
	.form-container .width-50 select {
		width: 100%;
	}
	.form-container .btns {
		flex-direction: column;
		gap: 15px;
	}
	.form-container .btns button {
		width: 100%;
	}
	/* picku request end */
	/* feedback page start */
	.feedback-main {
		background-size: cover;
	}
	.feedback-bg-2 {
		background-color: rgba(0, 0, 0, 0.6);
		width: 100%;
		height: 100%;
	}
	/* feedback page end */
	/* rate calculator start*/
	.rate-calculator .left {
		height: 250px;
	}
	.rate-calculator .form-container {
		border-radius: 0;
		padding: 20px;
	}
	/* rate calculator end*/
	/* FTL start*/
	.ftl-main .content div {
		width: 100%;
	}
	.ftl-main .banner-image-cont img {
		height: 500px;
	}
	.ftl-main .content h1 {
		font-size: 2rem;
	}
	.ftl-main .content button {
		width: 180px;
		font-size: 1.3rem;
		height: 40px;
		line-height: 23px;
	}
	.ftl-main .slider-cont {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.ftl-main .slider-cont .row {
		display: flex;
		flex-direction: column;
	}
	.ftl-main .slider-cont .heading {
		align-items: center;
	}
	.ftl-main .slider-cont .left {
		width: 100%;
		padding-left: 10px;
		padding-bottom: 15px;
	}
	.key-features-cont {
		padding-left: 0;
		padding-right: 0;
	}
	.ftl-main .slider-cont .right {
		width: 100%;
	}
	.ftl-main .slider-cont .card {
		width: 300px;
		height: 320px;
	}
	.ftl-main .slider-cont .right .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.ftl-main .slider-cont .heading span {
		font-size: 1.3rem;
		line-height: 31.8px;
	}
	.ftl-main .slider-cont .heading h4 {
		font-size: 2rem;
		line-height: 41.8px;
	}
	.key-features-cont .heading h2 {
		font-size: 2rem;
		line-height: 30px;
	}
	.key-features-cont .swiper__two {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.key-features-cont .slider-button-cont {
		padding-right: 40px;
	}
	.key-features-cont .swiper__two .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.value-added-cont {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.value-added-cont h2 {
		font-size: 1.8rem;
		line-height: 27px;
		margin-bottom: 15px;
	}
	.value-added-cont p {
		font-size: 1rem;
		line-height: 27px;
		margin-bottom: 10px;
	}
	.ns-heading {
		font-size: 2rem;
		line-height: 40px;
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.network-strength {
		padding-bottom: 50px;
	}
	.network-strength .inner {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.network-strength .inner .box {
		position: relative;
		width: 80%;
		border: 0;
		border-bottom: 2px solid #fff;
	}
	.network-strength .inner .box::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		height: 50%;
		width: 2px;
		background-color: #fff;
	}
	.network-strength .inner .box::after {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		height: 50%;
		width: 2px;
		background-color: #fff;
	}
	.get-in-touch .img-text h2 {
		font-size: 1.2rem;
		padding-left: 5%;
		width: 99%;
		margin-bottom: 15px;
	}
	.get-in-touch form {
		margin-top: 40px;
	}
	.get-in-touch form {
		padding: 40px 15px;
	}
	/* FTL end*/
	/* quick commerce start */
	.quick-commerce .content h1 {
		width: 100%;
	}
	.quick-commerce .content div {
		gap: 0px;
		background: rgba(255, 255, 255, 0.664);
	}
	.quick-commerce .banner-image-cont img {
		height: 370px;
	}
	.key-operational .row .box {
		height: 420px;
	}
	.key-operational .row .box h4 {
		width: 100%;
	}
	.quick-commerce-cont .inner .box h4 {
		width: 70%;
	}
	.get-in-touch .img-text p {
		width: 100%;
		font-size: 1rem;
		line-height: 20px;
	}
	/* quick commerce end */
	/* first mile start */
	.first-mile-main .banner-image-cont img {
		height: 716px;
	}
	.technology-backed-heading h3 {
		width: 100%;
		font-size: 1.2rem;
		line-height: 27px;
	}
	/* first mile end */
}
@media only screen and (min-width: 426px) and (max-width: 767px) {
	/* picku request start */
	.pickup-request-main .left {
		margin-bottom: 30px;
	}
	.pickup-request-main .left p {
		width: 100%;
	}
	.form-container .width-25 {
		flex-wrap: nowrap;
		flex-direction: column;
	}
	.form-container .width-25 input,
	.form-container .width-25 select {
		width: 100%;
	}
	.form-container .width-50 {
		flex-wrap: nowrap;
		flex-direction: column;
	}
	.form-container .width-50 input,
	.form-container .width-50 select {
		width: 100%;
	}
	.form-container .btns {
		flex-direction: column;
		gap: 15px;
	}
	.form-container .btns button {
		width: 100%;
	}
	/* picku request end */
	/* feedback page start */
	.feedback-main {
		background-size: cover;
	}
	.feedback-bg-2 {
		background-color: rgba(0, 0, 0, 0.6);
		width: 100%;
		height: 100%;
	}
	/* feedback page end */
	/* rate calculator start*/
	.rate-calculator .left {
		height: 300px;
	}
	.rate-calculator .form-container {
		border-radius: 0;
		padding: 20px;
	}
	/* rate calculator end*/
	/* FTL start*/
	.ftl-main .content div {
		width: 100%;
	}
	.ftl-main .banner-image-cont img {
		height: 500px;
	}
	.ftl-main .content h1 {
		font-size: 2rem;
	}
	.ftl-main .content button {
		width: 180px;
		font-size: 1.3rem;
		height: 40px;
		line-height: 23px;
	}
	.ftl-main .slider-cont {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.ftl-main .slider-cont .row {
		display: flex;
		flex-direction: column;
	}
	.ftl-main .slider-cont .heading {
		align-items: center;
	}
	.ftl-main .slider-cont .left {
		width: 100%;
		padding-left: 10px;
		padding-bottom: 15px;
	}
	.key-features-cont {
		padding-left: 0;
		padding-right: 0;
	}
	.ftl-main .slider-cont .right {
		width: 100%;
	}
	.ftl-main .slider-cont .card {
		width: 300px;
		height: 320px;
	}
	.ftl-main .slider-cont .right .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.ftl-main .slider-cont .heading span {
		font-size: 1.3rem;
		line-height: 31.8px;
	}
	.ftl-main .slider-cont .heading h4 {
		font-size: 2rem;
		line-height: 41.8px;
	}
	.key-features-cont .heading h2 {
		font-size: 2rem;
		line-height: 30px;
	}
	.key-features-cont .swiper__two {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.key-features-cont .slider-button-cont {
		padding-right: 40px;
	}
	.key-features-cont .swiper__two .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.value-added-cont {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.value-added-cont h2 {
		font-size: 1.8rem;
		line-height: 27px;
		margin-bottom: 15px;
	}
	.value-added-cont p {
		font-size: 1rem;
		line-height: 27px;
		margin-bottom: 10px;
	}
	.ns-heading {
		font-size: 2rem;
		line-height: 40px;
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.network-strength {
		padding-bottom: 50px;
	}
	.network-strength .inner {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.network-strength .inner .box {
		position: relative;
		width: 80%;
		border: 0;
		border-bottom: 2px solid #fff;
	}
	.network-strength .inner .box::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		height: 50%;
		width: 2px;
		background-color: #fff;
	}
	.network-strength .inner .box::after {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		height: 50%;
		width: 2px;
		background-color: #fff;
	}
	.get-in-touch .img-text h2 {
		font-size: 1.2rem;
		padding-left: 5%;
		width: 100%;
		margin-bottom: 15px;
	}
	.get-in-touch form {
		margin-top: 40px;
	}
	/* FTL end*/
	/* quick commerce start */
	.quick-commerce .content h1 {
		width: 100%;
	}
	.quick-commerce .content div {
		gap: 0px;
		background: rgba(255, 255, 255, 0.664);
	}
	.quick-commerce .banner-image-cont img {
		height: 370px;
	}
	.key-operational .row .box {
		height: 420px;
	}
	.key-operational .row .box h4 {
		width: 100%;
	}
	.quick-commerce-cont .inner .box h4 {
		width: 70%;
	}
	.get-in-touch .img-text p {
		width: 100%;
		font-size: 1rem;
		line-height: 20px;
	}
	.ftl-main .slider-cont .card2 {
		height: 427px;
	}
	/* quick commerce end */
	/* first mile start */
	.first-mile-main .banner-image-cont img {
		height: 550px;
	}
	.technology-backed-heading h3 {
		width: 100%;
		font-size: 1.2rem;
		line-height: 27px;
	}
	/* first mile end */
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	/* picku request start */
	.pickup-request-main .left p {
		width: 100%;
	}
	.pickup-request-main .left {
		margin-bottom: 30px;
	}
	.form-container .width-25 {
		gap: 10px;
	}
	.form-container .width-50 {
		gap: 10px;
	}
	/* picku request end */
	/* feedback page start */
	.feedback-main {
		background-size: cover;
	}
	.feedback-bg-2 {
		background-color: rgba(0, 0, 0, 0.6);
		width: 100%;
		height: 100%;
	}
	/* feedback page end */
	/* feedback page start */
	.feedback-main {
		background-size: cover;
	}
	.feedback-bg-2 {
		background-color: rgba(0, 0, 0, 0.6);
		width: 100%;
		height: 100%;
	}
	/* feedback page end */
	/* rate calculator start*/
	.rate-calculator .left {
		height: 450px;
	}
	.rate-calculator .form-container {
		border-radius: 0;
		padding: 25px 25px 50px 25px;
	}
	/* rate calculator end*/
	/* FTL start*/
	.ftl-main .content div {
		width: 100%;
	}
	.ftl-main .banner-image-cont img {
		height: 400px;
	}
	.ftl-main .content h1 {
		font-size: 2.3rem;
	}
	.ftl-main .content button {
		width: 180px;
		font-size: 1.3rem;
		height: 50px;
		line-height: 23px;
	}
	.ftl-main .slider-cont {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.ftl-main .slider-cont .row {
		display: flex;
		flex-direction: column;
	}
	.ftl-main .slider-cont .heading {
		align-items: start;
	}
	.ftl-main .slider-cont .left {
		width: 100%;
		padding-left: 5%;
		padding-bottom: 15px;
	}
	.key-features-cont {
		padding-left: 0;
		padding-right: 0;
	}
	.ftl-main .slider-cont .row {
		align-items: center;
	}
	.ftl-main .slider-cont .right {
		width: 94%;
	}
	.ftl-main .slider-cont .card {
		width: 300px;
		height: 300px;
	}
	.ftl-main .slider-cont .right .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.ftl-main .slider-cont .heading span {
		font-size: 1.5rem;
		line-height: 31.8px;
	}
	.ftl-main .slider-cont .heading h4 {
		font-size: 2.3rem;
		line-height: 41.8px;
	}
	.ftl-main .slider-cont .slider-button-cont {
		padding-right: 30px;
	}
	.key-features-cont .heading h2 {
		font-size: 2.3rem;
		line-height: 30px;
	}
	.key-features-cont .slider-button-cont {
		padding-right: 10px;
	}
	.key-features-cont .swiper__two .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.key-features-cont .card {
		height: 400px;
	}
	.value-added-cont {
		padding-top: 45px;
		padding-bottom: 50px;
	}
	.value-added-cont h2 {
		font-size: 2rem;
		line-height: 27px;
		margin-bottom: 25px;
	}
	.value-added-cont p {
		font-size: 1.2rem;
		line-height: 27px;
		margin-bottom: 20px;
	}
	.ns-heading {
		font-size: 2.2rem;
		line-height: 40px;
		padding-top: 50px;
		padding-bottom: 20px;
	}
	.network-strength {
		padding-bottom: 60px;
	}
	.network-strength .inner {
		display: flex;
		align-items: center;
		gap: 20px;
	}
	.network-strength .inner .box {
		position: relative;
		width: 45%;
		border: 0;
		border-bottom: 2px solid #fff;
	}
	.network-strength .inner .box::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		height: 50%;
		width: 2px;
		background-color: #fff;
	}
	.network-strength .inner .box::after {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		height: 50%;
		width: 2px;
		background-color: #fff;
	}
	.get-in-touch .img-text h2 {
		font-size: 1.5rem;
		padding-left: 6%;
		width: 70%;
		margin-bottom: 35px;
	}
	.get-in-touch form {
		margin-top: 45px;
	}
	/* FTL end*/
	/* quick commerce start */
	.quick-commerce .content h1 {
		width: 100%;
	}
	.quick-commerce .content div {
		gap: 0px;
		background: rgba(255, 255, 255, 0.664);
	}
	.quick-commerce .banner-image-cont img {
		height: 370px;
	}
	.key-operational .row .box {
		height: 458px;
		padding: 20px;
	}
	.key-operational .row .box h4 {
		width: 100%;
	}
	.quick-commerce-cont .inner .box h4 {
		width: 70%;
	}
	.ftl-main .slider-cont .card2 {
		height: 427px;
	}
	/* quick commerce end */
	/* first mile start */
	.first-mile-main .banner-image-cont img {
		height: 550px;
	}
	.technology-backed-heading h3 {
		width: 80%;
		font-size: 1.2rem;
		line-height: 27px;
	}
	/* first mile end */
}
@media only screen and (min-width: 992px) and (max-width: 1400px) {
	/* picku request start */
	.pickup-request-main .left p {
		width: 90%;
	}
	.form-container .width-25 {
		gap: 10px;
	}
	.form-container .width-50 {
		gap: 10px;
	}
	/* picku request end */
	/* feedback page start */
	.feedback-main {
		background-size: cover;
	}
	.feedback-bg-2 {
		background-color: rgba(0, 0, 0, 0.6);
		width: 100%;
		height: 100%;
	}
	/* feedback page end */
	/* FTL start*/
	.ftl-main .content div {
		width: 50%;
	}
	.ftl-main .banner-image-cont img {
		height: 500px;
	}

	.ftl-main .slider-cont .row {
		display: flex;
		flex-direction: row;
	}
	.ftl-main .slider-cont .heading {
		align-items: start;
	}
	.ftl-main .slider-cont .left {
		width: 30%;
		padding-left: 5%;
		padding-bottom: 15px;
	}

	.ftl-main .slider-cont .row {
		align-items: center;
	}
	.ftl-main .slider-cont .right {
		width: 70%;
	}
	.ftl-main .slider-cont .card {
		width: 300px;
		height: 300px;
	}
	.ftl-main .slider-cont .right .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.ftl-main .slider-cont .heading span {
		font-size: 1.5rem;
		line-height: 31.8px;
	}
	.ftl-main .slider-cont .heading h4 {
		font-size: 2.3rem;
		line-height: 41.8px;
	}
	.ftl-main .slider-cont .slider-button-cont {
		padding-right: 30px;
	}
	.key-features-cont .heading h2 {
		font-size: 2.3rem;
		line-height: 30px;
	}
	.key-features-cont .slider-button-cont {
		padding-right: 10px;
	}
	.key-features-cont .swiper__two .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.key-features-cont .card {
		height: 450px;
	}
	.value-added-cont {
		padding-top: 45px;
		padding-bottom: 50px;
	}
	.value-added-cont h2 {
		font-size: 2rem;
		line-height: 27px;
		margin-bottom: 25px;
	}
	.value-added-cont p {
		font-size: 1.2rem;
		line-height: 27px;
		margin-bottom: 20px;
	}
	.ns-heading {
		font-size: 2.2rem;
		line-height: 40px;
		padding-top: 50px;
		padding-bottom: 40px;
	}
	.network-strength {
		padding-bottom: 60px;
	}
	.network-strength .inner {
		display: flex;
		align-items: center;
		gap: 0px;
	}
	.network-strength .inner .box {
		position: relative;
		height: 280px;
		width: 33%;
		padding: 30px 0px;
	}
	.get-in-touch .row {
		position: relative;
	}
	.get-in-touch .left img {
		width: 100%;
	}
	.get-in-touch .left .img-text {
		width: 98%;
	}
	.get-in-touch .right {
		position: absolute;
		width: 40%;
		right: 30px;
		bottom: 30px;
	}

	.get-in-touch .img-text h2 {
		font-size: 1.5rem;
		padding-left: 6%;
		width: 55%;
		margin-bottom: 35px;
	}
	.get-in-touch .img-text p {
		width: 55%;
		padding-left: 6%;
	}
	/* FTL end*/
	.quick-commerce-cont .inner .box {
		width: 20%;
	}
	/* quick commerce start */
	.quick-commerce .content h1 {
		width: 100%;
	}
	.quick-commerce .content div {
		gap: 30px;
	}
	.key-operational .row .box {
		height: 400px;
		padding: 20px;
	}
	.key-operational .row .box h4 {
		width: 100%;
	}
	.ftl-main .slider-cont .card2 {
		height: 340px;
	}
	/* quick commerce end */
	/* first mile start */
	.first-mile-main .banner-image-cont img {
		height: 600px;
	}
	.technology-backed-heading h3 {
		width: 65%;
		font-size: 1.5rem;
		line-height: 27px;
	}
	/* first mile end */
}

@media (min-width: 1401px) {
	.quick-commerce-cont .inner .box {
		width: 20%;
	}
	/* .quick-commerce-operators .ns-heading {
		width: 30%;
	} */
	.first-mile-main .content h1 {
		width: 80%;
	}
	.first-mile-main .content div {
		width: 55%;
	}
	.banner-image-cont img {
		height: 600px;
	}
}
@media only screen and (min-width: 1440px) and (max-width: 1789px) {
	/* feedback page start */
	.feedback-main {
		height: 690px;
		background-size: 63%;
	}
	.feedback-bg {
		background-color: rgba(0, 0, 0, 0.6);
		width: 63%;
		height: 100%;
	}
	.feedback-cont {
		position: absolute;
		top: 133px;
		max-width: 1400px;
	}
	/* feedback page end */
	/* rate calculator start*/
	.rate-calculator .form-container {
		padding: 40px 20px 170px 20px;
	}
}
@media only screen and (min-width: 1401px) and (max-width: 1685px) {
	/* rate calculator end*/
	.ftl-main .slider-cont .left {
		width: 35%;
		padding-left: 5%;
	}
	.ftl-main .slider-cont .right {
		width: 65%;
	}
}
@media (min-width: 1790px) {
	/* feedback page start */
	.feedback-main {
		height: 894px;
		background-size: 63%;
	}
	.feedback-bg {
		background-color: rgba(0, 0, 0, 0.6);
		width: 63%;
		height: 100%;
	}
	.feedback-cont {
		position: absolute;
		top: 238px;
		max-width: 1400px;
	}
	/* feedback page end */
}

.rate-calculator-table-note {
    color: white !important;
	font-size: 15px !important;
	font-weight: 400 !important;
    letter-spacing: 0px !important;
    line-height: 0px !important;
}

table>:not(caption)>*>* {
    padding: 2px !important;
    color: #fff !important;
    background-color: #0000 !important;
   }
   
.rate-calculator .form-container {    
    padding: 40px 60px;
}

@media (max-width: 575px) {
.rate-calculator .form-container {
    padding: 10px;
    margin-top: 12px;
}
.rate-calculator .form-container {
    padding: 10px;
}
}