.header-image-holder {
	position: relative;
	width: 100%;
	max-width: 600px;
	height: 400px;
	margin: auto;
}
.moving-software-box img{
 border-radius: 10px;
}
.header-image-holder img {
	position: absolute;
	height: auto;
	border-radius: 10px;
	opacity: 0;
	transform: translateY(40px);
	animation-fill-mode: forwards;
}

/* Fade-in keyframe */
@keyframes fadeInMove {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Stronger float animations */
@keyframes floatLR {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(12px);
	}
}

@keyframes floatRL {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-12px);
	}
}

@keyframes floatUD {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-12px);
	}
}

@keyframes floatDiag {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(12px, -12px);
	}
}

/* Image 1 */
.header-img-1 {
	top: -50px;
	left: -50px;
	z-index: 3;
	animation: fadeInMove 1s ease 0.2s forwards, floatLR 3s ease-in-out 1.2s infinite alternate;
}
.header-img-1 img{
	width: 80%;
}
/* Image 2 */
.header-img-2 {
	top: 20px;
	right: -50px;
	z-index: 1;
	animation: fadeInMove 1s ease 0.8s forwards, floatRL 3.5s ease-in-out 1.8s infinite alternate;
}

/* Image 3 */
.header-img-3 {
	bottom: -150px;
	left: 120px;
	z-index: 3;
	animation: fadeInMove 1s ease 1.4s forwards, floatUD 4s ease-in-out 2.4s infinite alternate;
}

/* Image 4 */
.header-img-4 {
	bottom: -160px;
	right: -70px;
	z-index: 4;
	animation: fadeInMove 1s ease 2s forwards, floatDiag 4.5s ease-in-out 3s infinite alternate;
}

.five-point-zero-new-v2 {
	background-color: #FF9314;
	color: #fff;
	font-size: 2.5rem;
	margin: 0.5rem;
	padding: 5px;
	padding-bottom: 0.5rem;
	clip-path: path("M0.195312 58.1292V5C0.195312 2.23858 2.43389 0 5.19531 0H73.1953C75.9567 0 78.1953 2.23858 78.1953 5V58.1497C78.1953 61.5374 74.8975 63.9445 71.6711 62.9118L42.0684 53.4366C40.0764 52.7991 37.9347 52.8021 35.9445 53.4454L6.73305 62.8869C3.50394 63.9306 0.195312 61.5228 0.195312 58.1292Z");
}

.rev-wrapper {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	padding: 1rem 0;
}

.rev-button {
	background: #FF8A00;
	color: white;
	padding: 0.75rem 1rem;
	border-radius: 8px;
	text-decoration: none;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.rev-button:hover {
	background: #E67A00;
}

.rev-button svg {
	width: 20px;
	height: 20px;
}

.meet-movegistics-con span {
	color: #1C7AF3;
	font-size: 12px;
	font-style: italic;
	font-weight: 500;
	line-height: 16px;
}

.meet-movegistics-con p {
	color: #202020;
	font-size: 12px;
	font-style: italic;
}

.fw-bold {
	font-weight: 600;
}

.top-label {
	color: #04378A;
	font-size: 16px;
	font-style: italic;
	font-weight: 800;
	line-height: normal;
	text-transform: uppercase;
}

.side-label {
	font-size: 20px;
	font-family: "Neue Alte Grotesk", sans-serif;
	font-weight: 600;
	font-style: italic;
}

.leadh {
	color: #000;
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: 64px;
}

.highlight-blue {
	color: #1C7AF3;
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 64px;
}

.short-section {
	padding: 60px 20px;
	background-color: #fff;
}

.leadh-second {
	color: #202020;
	text-align: center;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
	/* 100% */
	text-transform: uppercase;
}

.growth-section {
	position: relative;
	width: 100%;
	padding: 0;
}

/* Top Banner Styles */
.growth-top-banner {
	background-color: #2d63b6;
	padding: 40px 0;
	width: 100%;
}

.growth-banner-text {
	color: #ffffff;
	margin: 0;
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 48px;
}

.growth-scale-btn {
	background-color: #FF8A00;
	padding: 8px 20px;
	border-radius: 10px;
	text-decoration: none;
	display: inline-block;
	transition: background-color 0.3s ease;
	font-family: "Neue Alte Grotesk", sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
	color: #ffffff;
}

.growth-scale-btn:hover {
	background-color: #e67a00;
	color: #ffffff;
}

/* Hero Container Styles */
.growth-hero-container {
	padding: 40px 0;
	background-color: #ffffff;
	font-family: "Neue Alte Grotesk", sans-serif;
}

/* Card Styles */
.growth-card {
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	position: relative;
}

.growth-card-image {
	width: 100%;
	height: auto;
	display: block;
}

.growth-card-overlay {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3), transparent);
	padding: 30px;
	color: #ffffff;
	z-index: 2;
}

.growth-logo {
	margin-bottom: 20px;
	max-width: 150px;
}

.growth-title {
	font-size: 52px;
	font-style: normal;
	font-weight: 500;
	line-height: 65px;
	color: #ffffff;
}

.growth-phase-text {
	color: #ff6b00;
	font-size: 52px;
	font-style: normal;
	font-weight: 500;
	line-height: 65px;
}

.growth-subtitle {
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	margin: 0;
	color: #ffffff;
}

.top-growth-subtitle {
	position: absolute;
	right: 60px;
	top: 50px;
	z-index: 1;
	color: #FFF;
	font-size: 32px;
	font-style: italic;
	font-weight: 500;
	line-height: 58px;
}

/* Bottom CTA Styles */
.growth-bottom-cta {
	padding: 20px 0;
	background-color: #ffffff;
}

.growth-cta-text {
	color: #000;
	margin: 0;
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 44px;
}

.growth-cta-link {
	color: #1C7AF3;
	text-decoration: none;
	display: block;
	font-weight: 700;
}

.growth-cta-link:hover {
	text-decoration: none;
}

.growth-journey-btn {
	background-color: #FF8A00;
	color: #ffffff;
	padding: 10px 25px;
	border-radius: 5px;
	text-decoration: none;
	display: inline-block;
	transition: background-color 0.3s ease;
	font-family: "Neue Alte Grotesk", sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
}

.growth-journey-btn:hover {
	background-color: #e65c00;
	color: #ffffff;
}

.growth-card-image {
	width: 100%;
	/* Make the image responsive */
	display: block;
	/* Remove bottom space */
	opacity: 0;
	/* Initially hidden */
	transition: opacity 0.5s ease;
	/* Fade in effect for the image */
}

.growth-card-overlay {
	opacity: 0;
	/* Initially hidden */
	transform: translateY(-150px);
	/* Start position for the text */
	transition: opacity 0.5s ease, transform 1.5s ease;
	/* Smooth transition for text */
}

.growth-card-overlay.visible {
	opacity: 1;
	/* Fully visible */
	transform: translateY(0);
	/* Move to original position */
}

.scale-comparison {
	background-color: #f8f9fa;
	font-family: "Neue Alte Grotesk", sans-serif;
	padding: 60px 0;
}

.comparison-container {
	position: relative;
	padding: 20px 0;
}

/* Transform Arrow Absolute Positioning */
.transform-arrow-wrapper {
	position: absolute;
	left: 41.5%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
	z-index: 2;
}

.transform-arrow-img {
	width: 100%;
	height: auto;
}

/* Equal size cards */
.comparison-card {
	background: white;
	border-radius: 12px;
	padding: 2rem;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	height: 100%;
	max-height: 850px;
	margin: 0 auto;
}

.heading-primary {
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 65px;
	font-weight: 700;
	margin-bottom: 20px;
}

.text-primary {
	color: #528BFC !important;
}

.subtitle {
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: 38px;
	color: #666;
	margin-bottom: 20px;
}

.description {
	color: #404040;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	margin: 0 auto;
}

.card-title {
	color: #202020;
	text-align: left;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
}

.card-image {
	min-height: 410px;
	max-height: 410px;
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	/* horizontally center */
	align-items: center;
	/* vertically center */
}

.card-image img {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	/* or use 'cover' depending on the effect you want */
}

.negative-list li,
.positive-list li {
	color: #444;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 1rem;
	padding-left: 1rem;
	position: relative;
	border-bottom: 1px solid #ccc;
	/* You can change the color as needed */
	padding-bottom: 0.5rem;
	/* optional: adds spacing between text and border */
}

.negative-list li:last-child,
.positive-list li:last-child {
	border-bottom: none;
}

.negative-list li:before {
	content: "×";
	color: #dc3545;
	position: absolute;
	left: 0;
	font-weight: bold;
}

.positive-list li:before {
	content: "✓";
	color: #28a745;
	position: absolute;
	left: 0;
	font-weight: bold;
}

.caption {
	font-size: 28px;
	font-style: italic;
	font-weight: 500;
	line-height: 46px;
	color: #202020;
	font-style: italic;
}

.benefits .text-primary {
	font-size: 28px;
	color: #1C7AF3;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
}

.frustrations .text-danger {
	color: #EE5959;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
}

.movegistics-intro {
	background-color: #f8f9fa;
	padding: 80px 0;
	background-size: cover;
	background-image: url('../images/v2/back-2C.png');
	font-family: "Neue Alte Grotesk", sans-serif;
}

.intro-label {
	font-size: 32px;
	color: #202020;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 0.5rem;
}

.intro-title {
	font-size: 48px;
	font-style: normal;
	font-weight: 400;
	line-height: 65px;
	margin-bottom: 1rem;
}

.intro-title .text-primary {
	color: #1C7AF3 !important;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 65px;
}

.intro-subtitle {
	color: #202020;
	text-align: center;
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 38px;
	margin: 0 auto;
}

/* Features Styling */
.features-list {
	max-width: 550px;
}

.feature-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 2rem;
	padding: 1.5rem;
	background: white;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.features-list .active {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	background: #f9eefd;
	border: 2px solid #FF9314;
}

.feature-item:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	background: #f9eefd;
	border: 2px solid #FF9314;
}

.feature-icon {
	flex-shrink: 0;
	width: 64px;
	height: 64px;
	margin-right: 1rem;
}

.feature-icon .icon {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.feature-content {
	flex-grow: 1;
}

.feature-content h3 {
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 38px;
	margin: 0 0 0.5rem 0;
	color: #202020;
}

.feature-content p {
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	color: #444;
	margin: 0;
}

/* Dashboard Preview */
.dashboard-preview {
	position: relative;
	padding: 20px;
}

.dashboard-image {
	border-radius: 12px;
	/* box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); */
}

.cta-dark {
	background-size: cover;
	background-image: url('../images/v2/unlock-image-2.png');
	padding: 80px 0;
	position: relative;
	overflow: hidden;
	color: #ffffff;
	font-family: "Neue Alte Grotesk", sans-serif;
}

.dashboard-preview {
	position: relative;
	padding: 20px;
}

.dashboard-image {
	width: 100%;
	max-width: 560px;
	height: auto;
	position: relative;
	z-index: 2;
	filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.15));
}

/* Decorative circles */
.circle-decoration {
	position: absolute;
	border-radius: 50%;
	background: #A8C4FF;
	opacity: 0.3;
	z-index: 1;
}

.circle-1 {
	width: 100px;
	height: 100px;
	top: 10%;
	left: -20px;
}

.circle-2 {
	width: 150px;
	height: 150px;
	bottom: 20%;
	right: 10%;
}

.circle-3 {
	width: 80px;
	height: 80px;
	top: 40%;
	right: -20px;
}

.cta-dark .cta-content {
	padding: 20px;
}

.cta-dark .cta-title {
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: 64px;
	margin-bottom: 1.5rem;
	color: #fff;
}

.text-highlight {
	color: #FF8A00;
	display: inline-block;
}

.cta-title strong {
	color: #fff;
}

.quote {
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 15px;
	opacity: 0.9;
	color: #fff;
}

.quote strong {
	color: #fff;
}

.author {
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	color: #fff;
}

.cta-button {
	display: inline-block;
	background-color: #FF8A00;
	color: #ffffff;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 12px 28px;
	border-radius: 10px;
	text-decoration: none;
	transition: all 0.3s ease;
	font-family: "Neue Alte Grotesk", sans-serif;
}

.cta-button:hover {
	background-color: #ff9d1a;
	transform: translateY(-2px);
	color: #ffffff;
	text-decoration: none;
}

.software-features {
	background-color: #ffffff;
	padding: 80px 0;
	font-family: "Neue Alte Grotesk", sans-serif;
}

.d-flex-image {
	display: flex;
	gap: 20px;
}

.main-title {
	font-size: 52px;
	font-style: normal;
	font-weight: 500;
	line-height: 64px;
	color: #000;
	margin-bottom: 1.5rem;

}

.main-title .text-primary {
	color: #1C7AF3 !important;
	font-size: 52px;
	font-style: normal;
	font-weight: 700;
	line-height: 64px;
	display: inline-block;
}

.main-description {
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 38px;
	color: #202020;
	margin: 0 auto;
}

.software-features .feature-content {
	padding-right: 2rem;
}

.feature-title {
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 46px;
	/* 143.75% */
	text-transform: uppercase;
	color: #202020;
	margin-bottom: 1rem;

}

.feature-description {
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: #202020;
	margin-bottom: 1.5rem;
}

.feature-list {
	list-style: none;
	padding: 0;
	margin: 2rem 0;
}

.feature-list li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 1rem;
	color: #444;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	line-height: 1.5;
}

.bullet {
	color: #FF9D28;
	font-size: 1.2rem;
	margin-right: 0.5rem;
	line-height: 1.4;
}

.feature-interface {
	position: relative;
	padding: 20px;
}

.interface-image {
	width: 100%;
	max-width: 500px;
	height: auto;
	filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
}

.feature-image-mobile {
	margin: 2rem 0;
	max-width: 300px;
	/* display: none; */
}

.mvg-hero-wrapper {
	background-color: #003366;
	position: relative;
	z-index: 1;
}

.mvg-hero-container {
	max-width: 1200px;
	margin: 0 auto;
}

/* Left Content */
.mvg-laptop-container {
	padding: 0px;
}

.mvg-laptop-image {
	width: 100%;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	/* Important if the image overflows */
}

.mvg-laptop-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Right Content */
.mvg-content-wrapper {
	padding: 40px 20px;
	color: #ffffff;
}

.mvg-tagline {
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 48px;
	color: #D3E2FF;
}

.mvg-main-heading {
	font-size: 52px;
	font-style: italic;
	font-weight: 700;
	line-height: 64px;
	color: #ffffff;
}

.mvg-cta-button {
	background-color: #FF8C00;
	color: #ffffff;
	border: none;
	padding: 15px 30px;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	border-radius: 6px;
	transition: all 0.3s ease;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 30px;
	font-family: "Neue Alte Grotesk", sans-serif;
}

.mvg-cta-button:hover {
	background-color: #FF7000;
	color: #ffffff;
	transform: translateY(-2px);
}

.mvg-trust-text {
	font-size: 20px;
	font-style: italic;
	font-weight: 700;
	line-height: normal;
	color: #ffffff;
	text-decoration: underline;
}

.hero-left-fluid-section {
	padding-right: 10vw;
}

/* Main Section Styles */
.mvg-feature-section {
	padding: 80px 0;
	background-color: #fff;
}

/* Header Styles */
.mvg-main-title {
	font-size: 52px;
	font-style: normal;
	font-weight: 500;
	line-height: 64px;
	margin-bottom: 10px;
}

.font-700{
	font-weight: 700;
}

.mvg-blue-text {
	color: #1C65F6;
	font-size: 52px;
	font-style: normal;
	font-weight: 500;
	line-height: 64px;
}

.mvg-main-title-sub {
	color: #202020;
	text-align: center;
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.mvg-subtitle {
	font-size: 20px;
	font-style: italic;
	font-weight: 700;
	line-height: 32px;
	/* 160% */
	letter-spacing: 0.04px;
	color: #202020;
	margin-bottom: 30px;
}

.mvg-subtitledp {
	color: #202020;
	text-align: center;
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 38px;
}

/* Feature Cards Container */
.mvg-features-wrapper {
	max-width: 1100px;
	margin: 0 auto 40px;
}

.mvg-features-container {
	display: flex;
	gap: 0;
	border-radius: 12px;
	overflow: hidden;
}
.justify-space{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.mvg-feature-card {
	flex: 1;
	background: #fff;
	padding: 15px;
	color: white;
	display: flex;
	border: 1px solid #DFD5D5;
	align-items: center;
	gap: 16px;
}

.mvg-feature-card.blue {

	background: #FF9314;
	border-radius: 0 12px 12px 0;
	/* Only right side has border-radius */
}

.mvg-feature-card.blue-m {
	background: #fff;
	border: 1px solid #DFD5D5;
	border-radius: 12px 0px 0px 12px;
	/* Only right side has border-radius */
}

.mvg-feature-icon {
	width: 62px;
	height: 62px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 100px;
	padding: 3px;
	margin-right: 15px;
}

.mvg-feature-title {
	color: #444;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.mvg-feature-description {
	color: #444;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	margin: 0;
}

/* Toggle List Styles */
.mvg-toggle-list {
	padding: 0;
	margin-bottom: 30px;
	border-radius: 12px;
	overflow: hidden;
}

.mvg-toggle-item {
	background: white;
	transition: all 0.3s ease;
	cursor: pointer;
	position: relative;
	margin-bottom: 20px;
}

.mvg-toggle-item:last-child {
	border-bottom: none;
}

.mvg-toggle-item:hover {
	background: #f8f9fa;
}

.mvg-toggle-number {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
	height: 28px;
	background: #0066FF;
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
}

/* QR Section Styles */
.mvg-qr-section {
	margin-top: 60px;
}

.mvg-qr-title {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 15px;
}

.mvg-qr-subtitle {
	color: #1C7AF3;
	font-size: 28px;
	margin-bottom: 30px;
}

.mvg-app-preview {
	max-width: 100%;
	height: auto;
	border-radius: 12px;
	/* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); */
}

.mvg-sample-btn {
	background: #4CAF50;
	color: white;
	padding: 12px 34px;
	border-radius: 8px;
	text-decoration: none;
	display: inline-flex;
	gap: 20px;
	align-items: center;
	margin-top: 20px;
	font-weight: 500;
	font-family: "Neue Alte Grotesk", sans-serif;
}

.mvg-sample-btn:hover {
	background: #45a049;
	color: white;
}

.mvg-mid {
	display: flex;
	width: 100%;
}

.mvg-mid-left {
	flex: 0.4;
	/* Takes 40% of the space */
	min-width: 0;
}

.mvg-mid-right {
	flex: 0.6;
	/* Takes 60% of the space */
	min-width: 0;
}

.sup-fix {
	position: relative;
	top: -0.3em;
	/* adjust this value to raise or lower */
	font-size: 0.6em;
	/* smaller size for superscript */
}

.mvg-feature-card:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.mvg-feature-card:nth-child(2) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.quiq-solution-section {
	background: url('../images/v2/Rectangle 1089.png') no-repeat center center;
	background-size: cover;
	padding: 80px 0;
	color: white;
	position: relative;
	overflow: hidden;
	font-family: "Neue Alte Grotesk", sans-serif;
}

.quiq-solution-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.quiq-header {
	text-align: center;
	margin-bottom: 60px;
}

.quiq-badge {
	display: inline-flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 20px;
}

.quiq-badge-icon {
	/* width: 50px; */
	height: auto;
}

.quiq-title {
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: 58px;
	color: #FFF;
}

.quiq-orange-text {
	color: #FF8A00;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 58px;
}

.quiq-content-wrapper {
	display: flex;
	gap: 40px;
	align-items: center;
}

.quiq-left-content {
	flex: 1;
	position: relative;
}

.quiq-main-image {
	width: 100%;
	max-width: 350px;
	height: auto;
	border-radius: 12px;
	float: right;
}

.quiq-main-van {
	position: absolute;
	bottom: 0;
	left: 40%;
	z-index: 100;
}

.quiq-qr-overlay {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 260px;
	height: auto;
}

.quiq-play-button {
	position: absolute;
	top: 30%;
	left: 30%;
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, 0.7);
	color: white;
	padding: 10px 20px;
	border-radius: 5px;
	border: 1px solid #fff;
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	transition: background 0.3s ease;
}

.quiq-play-button:hover {
	background: rgba(0, 0, 0, 0.9);
	color: white;
}

.quiq-right-content {
	flex: 1;
}

.quiq-testimonial {
	background: #3D3D3D;
	padding: 30px;
	border-radius: 10px;
	margin-bottom: 30px;
}

.quiq-quote {
	opacity: 0.8;
	color: #FFF;
	font-size: 24px;
	font-style: italic;
	font-weight: 500;
	line-height: 38px;
}

.quiq-author {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.quiq-company {
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.quiq-link {
	color: #FFF;
	font-size: 20px;
	font-style: italic;
	font-weight: 700;
	line-height: 38px;
	/* 172.727% */
	text-decoration-line: underline;
}

.quiq-cta-button {
	background: #FF9314;
	color: white;
	padding: 20px 30px;
	border-radius: 8px;
	text-align: left;
	text-decoration: none;
	display: block;
	transition: background 0.3s ease;
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.quiq-cta-subtext {
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.quiq-cta-button:hover {
	background: #FF7000;
	color: white;
}
.crm-section {
    background: linear-gradient(135deg, #1e3c72 0%, #1cafbb 100%);
    padding: 90px 0;
    color: white;
    }
    .crm-header {
    text-align: center;
    margin-bottom: 3rem;
    }
    .crm-tag {
       background: url('../images/v2/Rectangle 1097.png') no-repeat center;
       background-size: contain;
       width: 658px;
       height: 61px;
       font-size: 28px;
       font-style: normal;
       font-weight: 700;
       line-height: 61px;
       color: #082A6B;
       margin: 0 auto;
    }
    .crm-hero-text {
       color: #FFF;
       text-align: center;
       font-size: 52px;
       font-style: normal;
       font-weight: 400;
       line-height: 68px;
       margin: 66px 0px;
    }
    .crm-hero-text em{
       color: #FFF;
       font-size: 52px;
       font-style: italic;
       font-weight: 700;
       line-height: 68px;
    }
    .crm-btn-primary {
    background: #FF8A00;
    padding: 0.75rem 1.5rem;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    margin-right: 1rem;
    color: #FFF;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    }
    .crm-btn-secondary {
       color: #FFF;
       font-size: 28px;
       font-style: italic;
       font-weight: 700;
       line-height: normal;
       text-decoration: underline;
    }
    .crm-feature-box {
    background: white;
    border-radius: 10px;
    padding: 2rem 1rem;
    min-height: 340px;
    margin-top: 2rem;
    }
    .crm-icon {
    width: 60px;
    height: 60px;
    }
    .crm-title {
    color: #1e3c72;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 0px;
    font-size: 1.5rem;
    }
    .crm-text {
    margin-bottom: 1rem;
    color: #383838;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    min-height:120px;
    line-height: 30px;
    }
    .crm-subtext {
    color: #296EFA;
    font-size: 15px;
    font-style: italic;
    font-weight: 700;
    line-height: 25px;
	text-align: center;
    }
    .crm-subtext:hover{
       color: #383838;
    }
    .crm-subtext-button {
       font-size: 0.7rem;
       background: #296EFA;
       color: white;
       padding: 0.5rem 1rem;
       border-radius: 5px;
       text-decoration: none;
       display: inline-block;
       font-family: "Neue Alte Grotesk", sans-serif;
    }
    .crm-subtext-button:hover{
       background: white;
       color:  #383838;
       border : 1px solid #383838;
    }
    .crm-platform {
       background: white;
       border-radius: 10px;
       padding: 2rem 2rem 0 2rem;
       margin-top: 2rem;
       overflow: hidden;
    }
    .crm-platform-title {
       color: #0E2558;
       font-size: 28px;
       font-style: normal;
       font-weight: 700;
       line-height: 28px;
       margin-bottom: 1rem;
    }
	.crm-platform .crm-flex-header{
		margin-bottom: 1rem;
	}
    .crm-flex-header{
       display:flex;
       gap:10px;
    }
    .crm-platform {
       overflow-x: hidden;
    }
    .c-image{
        width:100%;
        margin-bottom:25px;
        }
        .tst-section {
        padding: 82px 0 40px 0;
        background: #fff;
        }
        .tst-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
        }
        .tst-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        margin-bottom: 40px;
        }
        .tst-customer {
        display: flex;
        align-items: center;
        gap: 15px;
        }
        .tst-company-logo {
        max-width: 120px;
        height: auto;
        }
        .tst-info {
        display: flex;
        flex-direction: column;
        }
        .tst-name {
           color: #000;
           font-size: 28px;
           font-style: normal;
           font-weight: 700;
           line-height: 38px;
        }
        .tst-title {
           color: #444;
           font-size: 18px;
           font-style: normal;
           font-weight: 500;
           line-height: 28px; 
        }
        .tst-quote {
           color: #04378A;
           text-align: center;
           font-size: 30px;
           font-style: italic;
           font-weight: 500;
           line-height: 45px; /* 150% */
           letter-spacing: 0.06px;
           padding:0px;
           margin:0px;
        }
        .tst-author {
           text-align: center;
           color: #444;
           font-size: 22px;
           font-style: italic;
           font-weight: 700;
           line-height: 45px;
           letter-spacing: 0.044px;
        }
        .tst-cta {
           text-align: center;
        }
        .tst-cta-link {
           color: #1C7AF3;
           font-size: 28px;
           font-style: italic;
           font-weight: 700;
           line-height: normal;
           text-decoration-line: underline;
           padding-bottom: 2px;
        }
        .tst-cta-link:hover {
           color: #000;
        }
        .neue-alte-grotesk-medium{
           color: #202020;
           font-size: 24px;
           font-style: normal;
           font-weight: 500;
           line-height: 36px;
           text-align:left;
        }
        .neue-alte-grotesk-medium .mvg-blue-text{
           color: #04378A;
           font-size: 24px;
           font-style: italic;
           font-weight: 700;
           line-height: 36px;
        }
        .vgs-section {
            background-color: #F5F9FF;
            padding: 4rem 0 0rem ;
            }
            .vgs-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
            font-family: "Neue Alte Grotesk", sans-serif;
            }
            .vgs-title {
            color: #000;
            text-align: center;
            font-size: 52px;
            font-style: normal;
            font-weight: 500;
            line-height: 65px;
            margin-bottom: 60px;
            }
            .vgs-title span {
               color: #1C7AF3;
               font-size: 52px;
               font-style: normal;
               font-weight: 700;
               line-height: 65px;
            }
            .vgs-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
            margin-bottom: 3rem;
            }
            .vgs-card {
            background: #FFFFFF;
            border-radius: 12px;
            padding: 24px;
            border: 1px solid #E5E7F2;
            transition: transform 0.3s ease;
            }
			/* .vgs-card.hover-simulate, */
            .vgs-card:hover {
            transform: translateY(-5px);
            border: 2px solid #FF8A00;
            }
            /* .vgs-card.highlight {
            border: 2px solid #FF8A00;
            } */
            .vgs-header {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 16px;
            }
            .vgs-icon {
            width: 44px;
            /* height: 32px; */
            flex-shrink: 0;
            }
            .vgs-card.highlight .vgs-icon {
            color: #FF9314;
            }
            .vgs-card-title {
               color: #202020;
               font-size: 28px;
               font-style: normal;
               font-weight: 500;
               line-height: 38px;
            }
            .vgs-card-text {
               color: #444;
               font-size: 18px;
               font-style: normal;
               font-weight: 400;
               line-height: 26px;
            }
            .vgs-card-text strong {
            color: #666;
            font-weight: 600;
            }
            .vgs-cta {
            background: #4169E1;
            padding: 3rem 0;
            margin-top: 3rem;
            }
            .vgs-cta .vgs-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 2rem;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
            }
            .vgs-cta-title {
               color: #FFF;
               font-size: 40px;
               font-style: normal;
               font-weight: 500;
               line-height: 50px;
            }
            .vgs-cta-button {
               background: #FF9314;
               padding: 1rem 2rem;
               border-radius: 8px;
               text-decoration: none;
               display: inline-block;
               transition: background 0.3s ease;
               font-family: "Neue Alte Grotesk", sans-serif;
               color: #FFF;
               text-align: center;
               font-size: 25px;
               font-style: normal;
               font-weight: 700;
               line-height: 32px; 
            }
            .vgs-cta-button:hover {
            background: #E67A00;
            }
            .grow-section {
                background: #01205A;
                padding: 5rem 0;
                color: white;
                text-align: center;
                }
                .grow-container {
                max-width: 1200px;
                margin: 0 auto;
                padding: 0 15px;
                }
                .grow-title {
                margin-bottom: 1.5rem;
                font-size: 52px;
                font-style: normal;
                font-weight: 500;
                line-height: 65px;
                color: #FFF;
                text-align: center;
                }
                .grow-title span {
                   color: #FF9D28;
                   font-size: 52px;
                   font-style: normal;
                   font-weight: 700;
                   line-height: 65px;
                }
                .grow-subtitle {
                   color: #FFF;
                   text-align: center;
                   font-size: 28px;
                   font-style: normal;
                   font-weight: 500;
                   line-height: 38px;
                }
                .grow-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 24px;
                margin-bottom: 4rem;
                }
                .grow-card {
				background: #052a6f;
                border-radius: 12px;
				box-shadow: 0px 4px 4px 2px #092353;
				border: 1px solid #03286ECC;
                padding: 2rem;
                position: relative;
                text-align: left;
                }
                .grow-number {
                   background: linear-gradient(180deg, #0F54D9 32.04%, #072D74 90.64%);
                   -webkit-background-clip: text;
                   -webkit-text-fill-color: transparent;
                   margin-bottom: 1.5rem;
                   font-weight: 700;
                   text-align: left;
                   font-size: 75px;
                   font-style: normal;
                   font-weight: 700;
                   line-height: 65px;
                   }
                .grow-icon {
                width: 32px;
                height: 32px;
                margin-bottom: 1rem;
                }
                .grow-card-title {
                font-size: 25px;
                margin-top: 0rem;
                margin-bottom: 1rem;
                font-weight: 700;
                color: #FFF;
                }
                .grow-card-text {
                   color: #FFF;
                   font-size: 18px;
                   font-style: normal;
                   font-weight: 500;
                   line-height: 32px;
                }
                .grow-footer {
                margin-bottom: 2rem;
                }
                .grow-footer-text {
                   color: #DEE9FF;
                   font-size: 28px;
                   font-style: italic;
                   font-weight: 500;
                   line-height: 38px;
                }
                .grow-footer-text em {
                font-style: normal;
                }
                .grow-footer-text span {
                   color: #FF9314;
                   font-size: 28px;
                   font-style: italic;
                   font-weight: 700;
                   line-height: 38px;
                }
                .grow-cta {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 1rem;
                }
                .grow-button {
                background: #FF9D28;
                padding: 1rem 2rem;
                border-radius: 8px;
                text-decoration: none;
                display: inline-block;
                transition: background 0.3s ease;
                color: #FFF;
                font-size: 25px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                }
                .grow-button:hover {
                background: #E67A00;
                }
                .grow-note {
                   color: #B7CFFF;
                   font-size: 20px;
                   font-style: italic;
                   font-weight: 500;
                   line-height: 38px;
                }
                .grow-flex{
                display:flex;
                gap: 20px;
                }
                .spt-section {
                    background: #F8F9FF;
                    overflow: hidden;
                    }
                    .spt-container {
                    margin: 0 auto;
                    padding-left: 10vw;
                    }
                    .spt-wrapper {
                       display: grid;
                       grid-template-columns: 1fr 1fr;
                    }
                    .spt-content {
                        padding: 90px 0px;
                    }
                    .spt-title {
                       color: #000;
                       font-size: 52px;
                       font-style: normal;
                       font-weight: 500;
                       line-height: 62px;
                    }
                    .spt-title span {
                       color: #1C7AF3;
                       font-size: 52px;
                       font-style: normal;
                       font-weight: 700;
                       line-height: 62px;
                    }
                    .spt-description {
                       color: #202020;
                       font-size: 24px;
                       font-style: normal;
                       font-weight: 500;
                       line-height: 34px;
                       margin-bottom: 1rem;
                    }
                    .spt-features {
                    margin-bottom: 2rem;
                    }
                    .spt-feature {
                    display: flex;
                    align-items: center;
                    gap: 12px;
                    margin-bottom: 1rem;
                    }
                    .spt-feature-icon {
                    width: 24px;
                    height: 24px;
                    flex-shrink: 0;
                    }
                    .spt-feature-text {
                       color: #202020;
                       font-size: 20px;
                       font-weight: 500;
                       line-height: 28px; 
                    }
                    .spt-feature-text.colorb{
                       color: #1C7AF3;
                       font-weight: 700;
                    }
                    .spt-feature-text.italic {
                    font-style: italic;
                    }
                    .spt-button {
                    display: inline-flex;
                    align-items: center;
                    gap: 8px;
                    background: #FF9314;
                    padding: 1rem 2rem;
                    border-radius: 8px;
                    text-decoration: none;
                    margin-bottom: 1.5rem;
                    transition: background 0.3s ease;
                    color: #FFF;
                    font-size: 25px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: normal;
              
                    }
                    .spt-button:hover {
                    background: #E67A00;
                    }
                    .spt-button svg {
                    width: 20px;
                    height: 20px;
                    }
                    .spt-note {
                       color: #202020;
                       font-size: 24px;
                       font-style: italic;
                       font-weight: 500;
                       line-height: normal;
                       margin-bottom:90px;
                    }
                    .spt-image {
                       height: 100%; /* or set a fixed height like 400px */
                       overflow: hidden;
                    }
              
                    .spt-image img {
                       width: 100%;
                       height: 100%;
                       object-fit: cover;
                       display: block;
                    }
                    .gde-section {
                        background: linear-gradient(to right, rgba(0,0,0,0.05) 50%, #1E1E1E 50%);
                        overflow: hidden;
                        }
                        .gde-container {
                        padding-right: 10vw;
                        margin: 0 auto;
                        display: grid;
                        grid-template-columns: 1fr 1fr;
                        }
                        .gde-image {
                           height: 100%; /* or set a fixed height like 400px */
                           overflow: hidden;
                        }
                        .gde-image img {
                           width: 100%;
                           height: 100%;
                           object-fit: cover;
                           display: block;
                        }
                        .gde-content {
                        background: #1E1E1E;
                        padding: 90px 50px;
                        color: white;
                        }
                        .gde-title {
                           color: #FFF;
                           font-size: 52px;
                           font-style: normal;
                           font-weight: 500;
                           line-height: 68px;
                        }
                        .gde-title span {
                           color: #FF8A00;
                           font-size: 52px;
                           font-style: normal;
                           font-weight: 700;
                           line-height: 68px;
                        }
                        .gde-subtitle {
                           color: #FFF;
                           font-size: 28px;
                           font-style: normal;
                           font-weight: 500;
                           line-height: 38px;
                        }
                        .gde-description {
                           color: #FFF;
                           font-size: 20px;
                           font-style: normal;
                           font-weight: 500;
                           line-height: 38px;
                        }
                        .gde-button {
                           display: inline-flex;
                           align-items: center;
                           gap: 8px;
                           background: #FF8A00;
                           padding: 1rem 2rem;
                           border-radius: 8px;
                           text-decoration: none;
                           margin-bottom: 0.5rem;
                           transition: background 0.3s ease;
                           color: #FFF;
                           font-size: 25px;
                           font-style: normal;
                           font-weight: 700;
                           line-height: 28px;
                  
                        }
                        .gde-button:hover {
                        background: #E67A00;
                        }
                        .gde-button svg {
                        width: 20px;
                        height: 20px;
                        }
                        .gde-testimonial {
                        margin-top: 2rem;
                        }
                        .gde-quote {
                           color: #FFF;
                           font-size: 20px;
                           font-style: italic;
                           font-weight: 700;
                           line-height: 30px;
                           margin-bottom:0px;
                        }
                        .gde-author {
                           color: #5297FF;
                           font-size: 18px;
                           font-style: normal;
                           font-weight: 700;
                           line-height: 28px;
                        }
                        .ftr-section {
							background: #191B28;
                            padding: 3rem 0 0 0;
                            color: white;
                            /* border-bottom: 1px solid rgba(255, 255, 255, 0.1); */
                            }
                            .ftr-container {
                            max-width: 1200px;
                            margin: 0 auto;
                            padding: 0 15px;
							
                            }
						
                            .ftr-content {
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            gap: 2rem;
							border-bottom: 2px solid rgba(130, 141, 214, 0.21);
							padding-bottom: 2rem;
                            }
                            .ftr-logo {
                            max-width: 300px;
                            height: auto;
                            }
                            .ftr-info {
                            display: flex;
                            justify-content: center;
                            gap: 4rem;
                            flex-wrap: wrap;
                            }
                            .ftr-item {
                            display: flex;
                            align-items: center;
                            gap: 12px;
                            }
                            .ftr-icon {
                            width: 50px;
                            height: 50px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            border-radius: 50%;
                            padding: 6px;
                            }
                            .ftr-icon svg {
                            width: 100%;
                            height: 100%;
                            fill: white;
                            }
                            .ftr-text {
                            color: white;
                            opacity: 0.9;
                            font-size: 16px;
                            text-decoration: none;
							font-family: "Manrope";
                            }
                            .ftr-text:hover {
                            opacity: 1;
                            }
							.spt-noteæ{
								font-size: 24px;
								font-style: italic;
								font-weight: 500;
								line-height: normal;
							}
							.main-footer-container{
								padding-bottom: 3rem;
								border-bottom: 2px solid rgba(130, 141, 214, 0.21);
							}
						.down-footer {
							border-top: 2px solid rgba(130, 141, 214, 0.21);
							padding-top: 2rem !important;
							margin-top: 1rem;
						
						}
						.down-footer p ,.down-footer li ,.down-footer li a  {
							font-weight: 400;
							opacity: 50%;
							
						}

						.main-footer h3 {
							margin-top: 0;
							font-size: 24px;
							text-transform: uppercase;
							color: #fff;
							margin-bottom: 1rem;
							font-weight: 600;
							font-family: "Manrope";
						}
						.main-footer {
							font-family: "Neurial Grotesk";
						}
						.main-footer-container ul li{
							font-size: 16px;
						}
							

.animation-img-pc-1{
    height: 140px;
    width: 300px;
}
	.animation-img-mobile{
			display: none;
	}
	.animation-img-pc, .animation-img-pc-1{
		display: block;
	}
/* Mobile Styling */
@media (max-width: 768px) {
	.meet-the-future {
		padding-top: 9rem;
		padding-bottom: 3rem;
		background: url('../images/Group 1171280370.png') no-repeat;
		background-size: cover;
		width: 100%;
		position: relative;
		overflow: hidden;
		height:1000px;
	}
	.crm-section {
		background: url('../images/mobile-bg.png') no-repeat;
		background-size: cover;
		padding: 40px 0;
	}
	.moving-software .side-label, 
	.moving-software .top-label{
		display: none;
	}
	.cap-logo {
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	  }
	  
	  .cap-logo img {
		max-height: 100%;
		max-width: 100%;
		object-fit: contain;
	  }
	.header-image-holder {
		height: 550px;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
	}

	.header-image-holder img {
		max-width: 50%;
		height: auto;
	}

	.header-img-1 {
		top: 20px;
		left: 10%;
	}

	.header-img-2 {
		top: 120px;
		right: 10%;
	}

	.header-img-3 {
		top: 220px;
		left: 15%;
	}

	.header-img-4 {
		top: 320px;
		right: 15%;
	}
    .growth-cta-text,
	.growth-banner-text,
	.meet-the-future h6 {
		font-size: 24px;
		font-style: normal;
		line-height: normal;
		text-align: center;
	}

	.meet-the-future h2 {
		font-size: 28px;
		font-style: normal;
		font-weight: 500;
		line-height: 38px;
		/* 135.714% */
		letter-spacing: 0.28px;
		text-align: center;
		margin-top: 20px;
	}

	.meet-the-future h3 {
		font-size: 21px;
		font-style: normal;
		font-weight: 500;
		line-height: 31px;
		text-align: center;
	}

	.meet-the-future h5 {
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 26px;
		text-align: center;
	}
    .rev-wrapper{
flex-direction: column;
    }
	
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
	.meet-the-future {
		background-color: #f5f8f8;
		background-position: right;
		background-size: contain;        /* ensures full coverage */
		background-repeat: no-repeat;
		background-attachment: scroll; /* optional */
		padding-top: 8rem;
		width: 100%;
		height: 700px;
		text-align: left;
	}
	.crm-subtext br,
	.quiq-orange-text br{
		display: none;
	}
	.meet-the-future h2{
		font-size: 30px;
		line-height: normal;
	}
	
	.grow-title span,
	.grow-title,
	.vgs-title span,
	.vgs-title,
	.crm-hero-text em,
	.crm-hero-text,
	.quiq-orange-text,
	.quiq-title,
	.mvg-blue-text,
	.mvg-main-title,
	.mvg-main-heading,
	.main-title .text-primary,
	.main-title,
	.cta-dark .cta-title,
	.intro-title .text-primary,
	.intro-title,
	.heading-primary,
	.growth-title,
	.highlight-blue,
	.leadh {
		font-size: 38px;
		line-height: normal;
	}

	.crm-flex-header{
		margin-top: 30px;
	}
	.crm-feature-box .crm-flex-header{
		margin-top: 0px;
	}
	.crm-feature-box{
		min-height: 240px;
	}
	.grow-icon{
		width: 20px;
		height:20px;
	}
	.vgs-icon,
	.crm-icon {
		width: 30px;
		height:30px;
	}
	.crm-text{
		font-size: 14px;	
		line-height: normal;
		min-height: 100px;
	}
	.vgs-card-text,
	.crm-subtext{
		font-size: 12px;
		line-height: normal;
	}
	.meet-the-future h5,
	.grow-button,
	.vgs-cta-button,
    .vgs-card-title,
	.crm-platform-title,
	.crm-title,
	.crm-btn-secondary,
	.crm-btn-primary,
	.quiq-cta-subtext,
	.quiq-cta-button,
	.quiq-quote,
	.mvg-cta-button,
	.cta-button,
	.growth-journey-btn,
	.growth-scale-btn{
	    font-size: 15px;	
		line-height: normal;
	}
	.features-list{
		max-width: 100%;
	}
	.meet-the-future h3,
	.grow-card-title,
	.grow-footer-text span,
	.grow-footer-text,
	.grow-subtitle,
	.mvg-main-title-sub,
	.mvg-subtitledp,
	.mvg-tagline,
	.main-description,
	.author,
	.intro-subtitle,
	.description{
		font-size: 18px;
		line-height: normal;
	}
	.spt-content{
		padding: 15px 20px;
		margin-bottom: 20px;
	}
	.spt-button{
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	.spt-noteæ{
		text-align: center;
	}
	.spt-container{
		padding-left: 0vw;
	}
	.gde-container{
		display: flex;
		flex-direction: column; /* mobile default */
	}
	.gde-container {
		padding-right: 0vw;
	}
	.spt-wrapper {
		display: flex;
		flex-direction: column-reverse; /* mobile default */
		gap: 2rem;
	}
	.grow-card-text,
	.quote,
	.growth-cta-text, .growth-banner-text, .meet-the-future h6{
		font-size: 18px;
		line-height: normal;
		text-align: left;
	}

	.hero-left-fluid-section{
		padding-right: 0vw;
	}
	.mvg-laptop-image img{
		object-fit: cover;

	}
	.dashboard-image{
		display: block;
		margin: 0 auto;
	}
	.vgs-cta-title,
	.intro-label
	.subtitle,
	.top-growth-subtitle,
	.leadh-second{
		font-size: 25px;
		line-height: normal;
	}
	.rev-wrapper {
		align-items: start;
	}
	.meet-the-future h5,
	.meet-the-future h6,
	.meet-the-future h2,
	.meet-the-future h3{
text-align: left;
	}
	.header-image-holder img {
		max-width: 45%;
		height: auto;
	}
	.header-img-1 {
		top: 0px;
		left: 0px;
	}

	.header-img-2 {
		top: 50px;
		right: 0px;
	}

	.header-img-3 {
		top: 200px;
		left: 30px;
	}

	.header-img-4 {
		top: 240px;
		right: 0px;
	}

	.ftr-info{
		gap: 0rem;
		flex-direction: row;
		justify-content : space-around;
	}
	.main-footer h3{
		margin-bottom: 2rem;
	}
	.main-footer-container{
		padding-bottom: 0rem;
	}
	.main-footer-container > div{
		margin-bottom: 3rem;
	}
	.card-image {
		min-height: 210px;
		max-height: 210px;
	}
	.comparison-card {
		max-height: 600px;	
	}
	.transform-arrow-img{
		width: 80%;
	}
}
@media (max-width: 480px) {
	.header-image-holder img {
		max-width: 48%;
		height: auto;
	}

	.header-img-1 {
		top: 0px;
		left: 0px;
	}

	.header-img-2 {
		top: 50px;
		right: 0px;
	}

	.header-img-3 {
		top: 200px;
		left: 30px;
	}

	.header-img-4 {
		top: 240px;
		right: 0px;
	}

	.meet-the-future::after {
		display: none;
	}

	.meet-the-future {
		height: auto;
		padding-top: 20px;
	}

	.growth-cta-text,
	.growth-banner-text,
	.meet-the-future h6 {
		font-size: 24px;
		font-style: normal;
		line-height: normal;
		text-align: center;
	}

	.meet-the-future h2 {
		font-size: 28px;
		font-style: normal;
		font-weight: 500;
		line-height: 38px;
		/* 135.714% */
		letter-spacing: 0.28px;
		text-align: center;
		margin-top: 20px;
	}

	.meet-the-future h3 {
		font-size: 21px;
		font-style: normal;
		font-weight: 500;
		line-height: 31px;
		text-align: center;
	}

	.meet-the-future h5 {
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 26px;
		text-align: center;
	}

	.rev-button {
		text-align: center;
		max-width: 233px;
		margin: 30px auto;

	}

	.rev-wrapper {
		float: right;
	}

	.highlight-blue,
	.leadh {
		font-size: 26px;
		font-style: normal;
		line-height: 32px;
	}

	.leadh-second {
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 30px;
		letter-spacing: 0.04px;
	}

	.growth-cta-text,
	.growth-banner-text {
		margin-bottom: 30px;
	}

	.growth-scale-btn {
		margin-top: 150px;
		margin: 0 auto;
		text-align: center;
	}

    .quiq-orange-text,
    .quiq-title,
    .mvg-main-heading,
    .main-title,
    .mvg-blue-text,
    .mvg-main-title,
	.intro-title .text-primary,
	.intro-title,
	.growth-phase-text,
	.growth-title {
		font-size: 28px!important;
		font-style: normal;
		line-height: normal;
	}

	.growth-subtitle {
		font-size: 18px;
		font-style: normal;
		line-height: 30px;
	}

	.top-growth-subtitle {
		top: 20px;
		right: 30px;
		font-size: 18px;
		font-weight: 500;
		line-height: 30px;
	}
    .mvg-subtitle,
	.scale-comparison .heading-primary {
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}

	.cta-dark .cta-title,
	.scale-comparison .subtitle {
		font-size: 24px;
		font-style: normal;
		line-height: 32px;
		text-align: center;
	}

	.scale-comparison .description {
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 24px;
	}

	.scale-comparison .card-image {
		min-height: auto;
	}

	.toggle-wrapper {
		background: #C5E1F1;
		display: inline-block;
		border-radius: 999px;
		border: 2px solid #d6e9f9;
		margin: 0 auto;
		font-size: 18px;
	}

	.toggle-switch {
		display: flex;
		border-radius: 999px;
	}

	.toggle-btn {
		border: none;
		background: transparent;
		padding: 10px 25px;
		font-weight: bold;
		border-radius: 999px;
		color: #165DB6;
		cursor: pointer;
		font-size: 18px;
		transition: background 0.3s, color 0.3s;
	}

	.toggle-btn.active {
		background: orange;
		color: white;
	}

	#newContent,
	#oldContent {
		margin-top: 30px;
	}

	#newContent {
		display: none;
	}

	.caption {
		font-size: 14px;
		font-style: italic;
		font-weight: 500;
		line-height: normal;
		padding: 0 20px;
	}

	.intro-label {
		font-size: 22px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}

	.author,
	.intro-subtitle {
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-align: center;
	}

	.quote {
		font-size: 20px;
		text-align: center;
	}

	.cta-content {
		margin: 0 auto;
		text-align: center;
	}

	.mvg-cta-button,
	.cta-content .cta-button {
		font-size: 15px !important;
		margin-top: 40px;
	}

	.main-title .text-primary,
	.software-feature .main-title {
		font-size: 28px !important;
		font-style: normal;
		display: inline;
		line-height: normal !important;
	}

	.software-features .main-description {
		font-size: 16px;
		font-style: normal;
		line-height: 26px;
	}

	.main-title {
		line-height: normal !important;
	}

    .d-flex-image {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
	.feature-image-mobile{
		width: 100%;
		height: 120px;
	}
	.feature-image-mobile img{
		width: 100%;
		height: 150px;
	}

	.feature-content h3 {
		font-size: 20px;
		line-height: 34px;
		/* 141.667% */
		text-transform: uppercase;
	}

	.feature-content p {
		font-size: 20px;
		font-style: normal;
		line-height: normal;
	}
	.feature-list li{
		font-size: 16px;
		font-style: normal;
		line-height: normal;
	}

	.software-features .feature-content {
		padding: 0px !important;
	}

	.tab-section {
		padding: 15px;
		margin: 0px;
		height: auto;
	}

	.bullet {
		font-size: 5rem !important;
		line-height: 2.3rem !important;
	}

	.hero-left-fluid-section {
		padding: 0px !important;
	}

	.mvg-hero-wrapper {
		padding-top: 0px !important;
	}

	.mvg-content-wrapper {
		text-align: center;
	}

	.mvg-main-heading {
		line-height: normal !important;
	}

	.mvg-tagline {
		font-size: 22px;
	}

	.mvg-trust-text {
		font-size: 22px;
		font-style: italic;
		font-weight: 700;
		line-height: normal;
	}
    .mvg-subtitledp{
        font-size: 14px;
        font-style: normal;
        line-height: 20px;
    }
    .mvg-subtitledp br{
        display: none;
    }
    .mvg-feature-title{
        font-size: 11px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    .tab-section p ,  .tab-section h3 , .tab-section img {
        text-align: center;
    }
	.feature-list{
		text-align: left;
		margin-top: 0rem;
		margin-bottom: 0rem;
	}
    .mvg-feature-description{
        font-size: 8px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .mvg-feature-icon{
        width: 30px;
        height: 30px;
    }
    .mvg-feature-card{
        gap : 0px;
    }
    .mvg-qr-subtitle,
    .mvg-qr-title{
        font-size: 22px;
        font-style: normal;
        line-height: 34px; /* 154.545% */
        text-align: center;
    }
    .mvg-qr-section .ptop{
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        text-align: center;
    }
    .mvg-mid {
        display: flex;
        flex-direction: column;
    }
    .mvg-mid-left {
        display: flex;
        flex-direction: column;
    }
    .mvg-mid-right .mvg-feature-title,
    .mvg-mid-right .mvg-feature-description{
        font-size: 20px;
        font-style: normal;
        line-height: 30px; 
    }
    .mvg-mid-right{
        margin-top: 30px;
    }
    .mvg-sample-btn{
        font-size: 18px;
        justify-content: space-between;
    }
    .quiq-orange-text br,
    .mvg-sample-btn br{
        display: none;
    }
    .crm-platform .crm-flex-header,
    .quiq-author,
    .quiq-content-wrapper,
    .quiq-badge {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .quiq-quote{
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
    }
    .quiq-company{
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: normal
    }
    .quiq-link{
        font-size: 18px;
        font-style: italic;
        font-weight: 700;
        line-height: 25px;
        margin-top: 30px;
    }
    .quiq-cta-subtext,
    .quiq-cta-button{
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-align: center;
    }
    .crm-tag{
        font-size: 16px !important;
        max-width: 100%;
    }
    .crm-hero-text{
        font-size: 24px !important;
        font-style: normal !important;
        font-weight: 400;
        line-height: 30px!important;
        margin: 15px 0px!important;
    }
    .crm-hero-text em{
        font-size: 24px !important;
        font-style: normal !important;
        line-height: 30px!important;
    }
    .crm-hero-text br{
        display: none;
    }
    .crm-btn-primary{
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    .crm-cta-group a{
        display: block;
    }
    .crm-btn-secondary{
        font-size: 20px;
        font-style: italic;
        font-weight: 700;
        line-height: normal;
        margin-top: 20px;
    }
    .crm-platform .crm-icon{
        margin-top: 40px;
    }
    .crm-text{
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;  
        text-align: center;
        margin-top: 16px;
        min-height: 130px;
       
    }
    .crm-feature-box .crm-title{
        font-size: 18px!important;
        font-style: normal!important;
        font-weight: 700;
        line-height: 18px!important;
        margin-bottom: 0px;
        text-align: left;
    }
    .crm-feature-box .crm-icon {
        height: 48px;
        width: auto;
    }
    .crm-feature-box{
        height: 250px;
        overflow: hidden;
    }
    .spt-section{
		padding: 0px!important;
	}
    /* .spt-section,
    .grow-section,
    .vgs-section, */
    .tst-section{
        display: none;
    }
	.gde-section{
		margin-bottom: 0px!important;
		padding-bottom : 0px!important;
		padding-top : 0px!important;
	}
	.spt-feature {
        justify-content: center; /* Center items horizontally */
        text-align: center; /* Optional: center text if needed */
    }
	.spt-container{
		padding-left: 0px;
		text-align: center;
	}
    .spt-wrapper {
        display: flex;/* Single column for mobile */
		 flex-direction: column-reverse;
    }
	.vgs-grid,
	.grow-grid {
		grid-template-columns: repeat(1, 3fr);
	}
	.vgs-cta .vgs-container {
        flex-direction: column; /* Stack items on mobile */
		text-align: center;
    }
    .gde-container{
        padding-right: 0px;
        grid-template-columns: 1fr;
    }
    .gde-title span,
    .gde-title{
        font-size: 28px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .gde-subtitle{
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .gde-description{
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .gde-content a {
        display: block; 
        margin: 0 auto;
        text-align: center;
        width: fit-content; 
    }
    .gde-content{
        padding: 40px 25px;
    }
    .gde-button{
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin: 0 auto;
        text-align: center;
    }
    .gde-quote{
        font-size: 15px;
        font-style: italic;
        font-weight: 700;
        line-height: 30px; 
    }
    .business-moves-tab .feature-item{
        background-color: transparent;
        margin-top: 50px;
        box-shadow: none;
    }
    .business-moves-tab .feature-content h3{
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    .business-moves-tab .feature-content p{
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .business-moves-tab .feature-icon{
        background-color: #FFF;
        border-radius: 50%;
        text-align: center;
    }
    .business-moves-tab .feature-icon img{
        width: 50%;
        margin: 0 auto;
    }
    .business-moves-tab .dashboard-image{
        width: 90%;
        margin: 0 auto;
        display: block;
    }
	.crm-subtext-button {
		font-size:15px;
		text-align: center;
	}

	.ftr-info{
		gap : 2rem;
		justify-content : flex-start;
	}
	.location-logo{
		width: 30px;
		height: 30px;
	}
	.ftr-text{
		text-wrap: auto;
		margin-left: 5px;

	}
	.ftr-icon{
		padding: 0px;
		width: 30px;
		height: 30px;
	}

	.main-footer h3{
		font-size: 20px;
		margin-bottom: 1rem;
	}
	.main-footer-container ul li{
		font-size: 15px;
	}
	.down-footer ul li,.down-footer p, .down-footer a {
		font-size: 13px !important;
	}
	.main-footer-container{
		gap: 3rem;
	}
	.main-footer-container{
		padding-bottom: 0px;
	}
	.animation-img-mobile {
		display: block;
	}
	.animation-img-pc, .animation-img-pc-1{
		display: none;
	}
}