:root {
	/* Global Fonts */
	--upd-font-heading: Arial, -apple-system, Roboto, Helvetica, sans-serif;
	--upd-font-body: Inter, -apple-system, Roboto, Helvetica, sans-serif;
	--upd-font-accent: Barlow, -apple-system, Roboto, Helvetica, sans-serif;
}


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

.upd-landing {
	font-family: var(--upd-font-body);
	color: #333;
	line-height: 1.6;
}

.upd-landing h1,
.upd-landing h2,
.upd-landing h3,
.upd-landing h4,
.upd-landing h5,
.upd-landing h6 {
	font-family: var(--upd-font-heading);
	line-height: 1.2;
}

.upd-landing p {
	margin: 0;
}

.upd-landing a {
	color: inherit;
}

a {
	text-decoration: none;
}

/* Button Styles */
.upd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 13px 60px;
	font-family: var(--upd-font-body);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	cursor: pointer;
	border: none;
	text-decoration: none;
}

.upd-btn-primary {
	background-color: var(--upd-hero-button-color);
	color: var(--upd-hero-button-text-color);
}

.upd-btn-primary:hover {
	opacity: 0.7;
}

/* Section Layout */
.upd-section-content {
	max-width: 1920px;
	margin: 0 auto;
	padding: clamp(40px, 8vw, 80px) clamp(20px, 15vw, 300px);
}

.upd-section-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	text-align: center;
	margin-bottom: 64px;
}

.upd-section-header h2 {
	font-size: clamp(32px, 5vw, 44px);
	font-weight: 700;
	line-height: 1.3;
	max-width: 1320px;
}

.upd-section-header p {
	font-size: 16px;
	line-height: 1.5;
	max-width: 1320px;
	color: #333333;
}

/* Hero Section */
.upd-hero-section {
	background-color: var(--upd-hero-bg-color);
	background-image: var(--upd-hero-bg-image);
	background-size: cover;
	background-position: center;
	min-height: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
}

.upd-hero-content {
	max-width: 1320px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
}

.upd-hero-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.upd-hero-text h1 {
	font-size: clamp(32px, 8vw, 50px);
	font-weight: var(--upd-hero-headline-weight);
	color: var(--upd-hero-headline-color);
	text-align: center;
	line-height: 56px;
	max-width: 1146px;
}

.upd-hero-text p {
	font-size: 16px;
	color: var(--upd-hero-body-color);
	text-align: center;
	max-width: 762px;
	line-height: 1.5;
}

.upd-hero-cta {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
}

.upd-hero-cta .upd-btn-primary {
	background-color: var(--upd-hero-button-color);
	color: var(--upd-hero-button-text-color);
    border-radius: var(--upd-hero-button-radius);
}

/* Shared icon box — used by service, all-service, and industry cards */
.upd-icon-box {
	width: 56px;
	height: 56px;
	padding: 12px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.upd-icon-box svg {
	width: 32px;
	height: 32px;
}

/* Section-specific icon background colours */
.upd-services-section .upd-icon-box { background-color: var(--upd-services-icon-bg); }
.upd-all-services-section .upd-icon-box { background-color: var(--upd-all-services-icon-bg); }
.upd-industries-section .upd-icon-box { background-color: var(--upd-industries-icon-bg); }

/* Shared card content block */
.upd-card-content {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* Specific Services Grid Section */
.upd-services-section {
	background-color: var(--upd-services-bg-color);
	background-image: var(--upd-services-bg-image);
	background-size: cover;
	background-position: center;
}

.upd-services-section .upd-section-header h2 {
	color: var(--upd-services-heading-color);
}

.upd-services-section .upd-section-header p {
	color: var(--upd-services-body-color);
}

.upd-services-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 424px));
	grid-auto-rows: 244px;
	gap: 24px;
	justify-content: center;
}

.upd-service-card {
	background-color: var(--upd-services-card-bg);
	border: 1px solid var(--upd-services-card-border);
	border-radius: var(--upd-services-card-radius);
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.upd-service-card-header {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.upd-service-card h3 {
	font-size: 24px;
	font-weight: 600;
	color: var(--upd-services-title-color);
	line-height: 1.2;
}

.upd-service-card p {
	font-size: 16px;
	color: var(--upd-services-description-color);
	line-height: 1.5;
}

/* All UPD Services Section */
.upd-all-services-section {
	background-color: var(--upd-all-services-bg-color);
	background-image: var(--upd-all-services-bg-image);
	background-size: cover;
	background-position: center;
}

.upd-all-services-section .upd-section-header h2 {
	color: var(--upd-all-services-heading-color);
}

.upd-all-services-section .upd-section-header p {
	color: var(--upd-all-services-body-color);
}

.upd-all-services-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 424px));
	grid-auto-rows: 292px;
	gap: 24px;
	justify-content: center;
}

.upd-all-service-card {
	background-color: var(--upd-all-services-card-bg);
	border-radius: var(--upd-all-services-card-radius);
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.upd-all-service-card h3 {
	font-size: 24px;
	font-weight: 700;
	color: var(--upd-all-services-title-color);
	line-height: 1.2;
}

.upd-all-service-card p {
	font-size: 16px;
	color: var(--upd-all-services-description-color);
	line-height: 1.5;
}

/* Solutions Section */
.upd-solutions-section {
	background-color: var(--upd-solutions-bg-color);
	background-image: var(--upd-solutions-bg-image);
	background-size: cover;
	background-position: center;
	color: var(--upd-solutions-body-color);
}

.upd-solutions-header {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	text-align: left;
	margin-bottom: 64px;
}

.upd-solutions-header h2 {
	font-size: clamp(32px, 5vw, 44px);
	font-weight: 700;
	line-height: 1.3;
	color: var(--upd-solutions-heading-color);
}

.upd-solutions-header p {
	font-size: 16px;
	line-height: 24px;
	max-width: 1320px;
	color: var(--upd-solutions-body-color);
}

.upd-solutions-row {
	display: flex;
	align-items: center;
	gap: 80px;
}

.upd-solutions-items {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
}

.upd-solutions-image {
	flex: 1;
	min-width: 0;
	max-width: 560px;
}

.upd-solutions-image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 16px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.upd-solution-item {
	display: flex;
	padding: 16px;
	flex-direction: column;
	gap: 16px;
	border-bottom: 1px solid var(--upd-solutions-border-color);
	align-items: flex-start;
}

.upd-solution-item:last-child {
	border-bottom: none;
}

.upd-solution-item-header {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	width: 100%;
}

.upd-solution-item-content {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 12px;
	width: 100%;
}

.upd-solution-number {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: var(--upd-solutions-number-bg);
	color: var(--upd-solutions-number-color);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 16px;
	font-weight: 800;
}

.upd-solution-item h3 {
	font-size: 20px;
	font-weight: 800;
	color: var(--upd-solutions-title-color);
	line-height: 1.2;
	flex: 1;
}

.upd-solution-item p {
	font-size: 16px;
	color: var(--upd-solutions-description-color);
	line-height: 24px;
}

/* Industries Section */
.upd-industries-section {
	background-color: var(--upd-industries-bg-color);
	background-image: var(--upd-industries-bg-image);
	background-size: cover;
	background-position: center;
}

.upd-industries-section .upd-section-header h2 {
	color: var(--upd-industries-heading-color);
}

.upd-industries-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 424px));
	grid-auto-rows: 268px;
	gap: 24px;
	justify-content: center;
}

.upd-industry-card {
	background-color: var(--upd-industries-card-bg);
	border: 1px solid var(--upd-industries-card-border);
	border-radius: var(--upd-industries-card-radius);
	padding: 23px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
}

.upd-industry-card h3 {
	font-size: 24px;
	font-weight: 600;
	color: var(--upd-industries-title-color);
	line-height: 1.2;
}

.upd-industry-card p {
	font-size: 16px;
	color: var(--upd-industries-description-color);
	line-height: 1.5;
}

/* Stats Section */
.upd-stats-section {
	background-color: var(--upd-stats-bg-color);
}

.upd-stats-section .upd-section-header {
	align-items: flex-start;
	text-align: left;
}

.upd-stats-section .upd-section-header h2 {
	color: var(--upd-stats-heading-color);
	max-width: 1064px;
}

.upd-stats-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 24px;
	padding: 40px 0;
	justify-items: start;
}

.upd-stat-item {
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex: 1;
    width: 100%;
}

.upd-stat-value {
	font-size: 64px;
	font-weight: 700;
	background: linear-gradient(90deg, var(--upd-stats-value-color) 0%, #999 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

.upd-stat-underline {
	width: 312px;
	height: 1px;
	background-color: var(--upd-stats-accent-color);
}

.upd-stat-label {
	font-size: 24px;
	font-weight: 500;
	color: var(--upd-stats-label-color);
	line-height: 1.3;
	letter-spacing: -0.01em;
}

/* Portfolio Section */
.upd-portfolio-section {
	background-color: var(--upd-portfolio-bg-color);
	color: var(--upd-portfolio-body-color);
	overflow-x: clip;
}

.upd-portfolio-section .upd-section-header h2 {
	color: var(--upd-portfolio-heading-color);
}

.upd-portfolio-section .upd-section-header p {
	color: var(--upd-portfolio-body-color);
}

.upd-portfolio-carousel {
	position: relative;
	max-width: 1040px;
	margin: 0 auto;
	padding-bottom: 60px;
	opacity: 1;
	transition: opacity 0.25s ease;
}

.upd-portfolio-carousel.upd-portfolio-carousel--booting {
	opacity: 0;
}

.upd-portfolio-swiper {
	width: 100%;
	padding: 12px 0 0;
	overflow: visible;
}

.upd-portfolio-swiper .swiper-wrapper {
	align-items: center;
}

.upd-portfolio-slide {
	width: 560px;
	flex-shrink: 0;
	height: auto;
	z-index: 0;
	pointer-events: none;
}

.swiper-slide-prev,
.swiper-slide-next {
	z-index: 1;
	pointer-events: auto;
}

.upd-portfolio-slide-active {
	z-index: 3;
	pointer-events: auto;
}

.upd-portfolio-slide-inner {
	display: flex;
	flex-direction: column;
	gap: 16px;
	border-radius: 16px;
	padding: 0;
	height: 403px;
	background: transparent;
	border: 1px solid transparent;
	opacity: 0;
	overflow: hidden;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transition: background-color 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, opacity 0.2s ease, transform 0.35s ease;
}

.swiper-slide-prev .upd-portfolio-slide-inner,
.swiper-slide-next .upd-portfolio-slide-inner,
.upd-portfolio-slide-active .upd-portfolio-slide-inner {
	opacity: 1;
}

.swiper-slide-prev .upd-portfolio-slide-inner {
	transform: translateX(50%);
	transform-origin: right center;
}

.swiper-slide-next .upd-portfolio-slide-inner {
	transform: translateX(-50%);
	transform-origin: left center;
}

.upd-portfolio-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 8px;
	border: 1px solid var(--upd-portfolio-card-border);
}

.upd-portfolio-info {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-height: 76px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease, visibility 0.25s ease;
}

.upd-portfolio-title {
	font-family: var(--upd-font-body);
	font-size: 18px;
	font-weight: 700;
	color: #333;
	line-height: 1.2;
}

.upd-portfolio-description {
	font-family: var(--upd-font-body);
	font-size: 13px;
	color: #333;
	line-height: 1.35;
}

.upd-portfolio-slide-active .upd-portfolio-slide-inner {
	background-color: var(--upd-portfolio-card-bg);
	border: 1px solid var(--upd-portfolio-card-border);
	box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);
	height: 530px;
	padding: 24px;
	transform: translateZ(0);
}

.upd-portfolio-slide-active .upd-portfolio-image {
	height: calc(530px - 34px - 12px - 76px);
}

.upd-portfolio-slide-active .upd-portfolio-info {
	opacity: 1;
	visibility: visible;
}

.upd-carousel-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	border-radius: 40px;
	background: rgba(255, 255, 255, 0.7);
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #1A2528;
	transition: background-color 0.3s ease;
	flex-shrink: 0;
	z-index: 10;
}

.upd-carousel-btn:hover {
	background: rgba(255, 255, 255, 0.9);
}

.upd-carousel-prev-btn {
	left: clamp(-122px, 4vw, -20px);
    top: 294px;
}

.upd-carousel-next-btn {
	right: clamp(-122px, 4vw, -20px);
    top: 294px;
}

@media (max-width: 1360px) {
	.upd-carousel-prev-btn {
		left: clamp(115px, 4vw, 72px);
        top: 244px;
	}

	.upd-carousel-next-btn {
		right: clamp(115px, 4vw, 72px);
        top: 244px;
	}
}

.upd-carousel-dots {
	position: relative;
	margin-top: 16px;
	display: flex;
	gap: 8px;
	justify-content: center;
	z-index: 5;
}

.upd-carousel-dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: var(--upd-portfolio-dot-inactive);
	cursor: pointer;
	transition: all 0.3s ease;
	display: inline-block;
}

.upd-carousel-dot--active {
	background-color: var(--upd-portfolio-dot-active);
}

/* Testimonials Section */
.upd-testimonials-section {
	background-color: var(--upd-testimonials-bg-color);
}

.upd-testimonials-section .upd-section-header h2 {
	color: var(--upd-testimonials-heading-color);
}

.upd-testimonials-section .upd-section-header p {
	color: var(--upd-testimonials-body-color);
}

.upd-testimonials-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 424px));
	grid-auto-rows: minmax(400px, auto);
	gap: 24px;
	justify-content: center;
}

.upd-testimonial-card {
	background-color: var(--upd-testimonials-card-bg);
	border-radius: var(--upd-testimonials-card-radius);
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.upd-testimonial-card-content {
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex: 1;
}

#upd-testimonials-body,
#upd-team-body {
	max-width: 1010px;
}

.upd-testimonial-quote {
	font-size: 24px;
	font-weight: 700;
	color: #141510;
	line-height: 1.3;
}

.upd-testimonial-text {
	font-size: 16px;
	color: #727269;
	line-height: 1.5;
}

.upd-testimonial-author {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: auto;
}

.upd-testimonial-avatar {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.upd-testimonial-info h4 {
	font-size: 18px;
	font-weight: 700;
	color: #000;
	line-height: 1.2;
	font-family: var(--upd-font-accent);
}

.upd-testimonial-info p {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.5);
	line-height: 1.3;
	font-family: var(--upd-font-accent);
}

/* Team Section — "Big ideas need wise minds" */
.upd-team-section {
	background-color: var(--upd-team-bg-color);
	background-image: var(--upd-team-bg-image);
	background-size: cover;
	background-position: center;
	color: var(--upd-team-body-color);
}

.upd-team-section .upd-section-content {
	padding-bottom: 0;
}

.upd-team-section .upd-section-header h2 {
	color: var(--upd-team-heading-color);
}

.upd-team-section .upd-section-header p {
	color: var(--upd-team-body-color);
}

.upd-team-image {
	width: 100%;
	height: auto;
	display: block;
	padding-bottom: clamp(40px, 8vw, 80px);
}

/* CTA Section */
.upd-cta-section {
	background-color: var(--upd-cta-bg-color);
	padding: 100px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.upd-cta-content {
	display: flex;
	flex-direction: row;
	gap: 80px;
	max-width: 1320px;
	width: 100%;
	align-items: flex-start;
}

.upd-cta-text {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 24px;
	text-align: left;
}

.upd-cta-text h2 {
	font-size: clamp(32px, 5vw, 44px);
	color: var(--upd-cta-heading-color);
	font-weight: 900;
	line-height: 1.3;
}

.upd-cta-text p {
	font-size: 16px;
	color: var(--upd-cta-body-color);
	line-height: 1.5;
}

.upd-cta-form {
	flex: 1;
	min-width: 0;
}

#upd-cta-container {
	width: 100%;
    max-width: 500px;
}

@media (max-width: 900px) {
	.upd-cta-content {
        max-width: 500px;
        align-items: center;
		flex-direction: column;
		gap: 40px;
	}
    .upd-cta-section {
        padding: 0;
    }
}

@media (max-width: 1830px) {
	.upd-section-content {
        max-width: 1520px;
		padding: clamp(40px, 8vw, 80px) clamp(20px, 4.5vw, 72px);
	}
}

@media (max-width: 1600px) {
	.upd-section-content {
		padding: clamp(40px, 8vw, 80px) clamp(20px, 4vw, 32px);
	}
}


@media (max-width: 1400px) {
	.upd-section-content {
		padding: clamp(40px, 8vw, 80px) clamp(20px, 3vw, 5px);
	}

	.upd-solutions-row {
		gap: 48px;
		align-items: flex-start;
	}

	.upd-stat-underline {
		width: min(312px, 100%);
	}
}

@media (max-width: 1380px) {
	.upd-section-content {
		padding: clamp(40px, 8vw, 80px) clamp(16px, 2vw, 28px);
	}

	.upd-services-grid,
	.upd-all-services-grid,
	.upd-industries-grid,
	.upd-testimonials-grid {
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 424px));
		grid-auto-rows: auto;
		justify-content: center;
	}

	.upd-services-grid .upd-service-card:last-child:nth-child(odd),
	.upd-all-services-grid .upd-all-service-card:last-child:nth-child(odd),
	.upd-testimonials-grid .upd-testimonial-card:last-child:nth-child(odd) {
		grid-column: 1 / -1;
		justify-self: center;
		width: min(100%, 424px);
	}

	.upd-solutions-row {
		gap: 40px;
	}

	.upd-solutions-image {
		max-width: 560px;
	}

	.upd-portfolio-slide {
		width: 480px;
	}

	.upd-portfolio-slide-inner {
		height: 305px;
		scale: 0.95;
	}

	.upd-portfolio-slide-active .upd-portfolio-slide-inner {
		height: 460px;
		scale: 1;
	}

	.upd-portfolio-slide-active .upd-portfolio-image {
		height: calc(450px - 34px - 12px - 76px);
	}

    .swiper-slide-prev .upd-portfolio-slide-inner {
	transform: translateX(60%);

    }

    .swiper-slide-next .upd-portfolio-slide-inner {
    	transform: translateX(-60%);

    }
	.swiper-slide-prev .upd-portfolio-slide-inner,
	.swiper-slide-next .upd-portfolio-slide-inner {
		opacity: 0.75;
	}

}

/* ≤1024px — solutions wrap, portfolio shrink */
@media (max-width: 1024px) {
	.upd-section-content {
		padding: clamp(30px, 6vw, 60px) clamp(16px, 2vw, 24px);
	}

	.upd-services-grid,
	.upd-all-services-grid,
	.upd-industries-grid,
	.upd-testimonials-grid {
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 424px));
		justify-content: center;
	}

	.upd-services-grid .upd-service-card:last-child:nth-child(odd),
	.upd-all-services-grid .upd-all-service-card:last-child:nth-child(odd),
	.upd-testimonials-grid .upd-testimonial-card:last-child:nth-child(odd) {
		grid-column: 1 / -1;
		justify-self: center;
		width: min(100%, 424px);
	}

	.upd-solutions-row {
        flex-direction: column;
        align-items: center;
		gap: 40px;
	}

	.upd-solutions-image {
		max-width: 80%;
		order: -1;
	}

	.upd-portfolio-slide {
		width: 450px;
	}

	.upd-portfolio-slide-inner {
		height: 380px;
		scale: 0.88;
	}

	.upd-portfolio-slide-active .upd-portfolio-slide-inner {
		height: 380px;
		scale: 1;
	}

	.upd-portfolio-slide-active .upd-portfolio-image {
		height: calc(390px - 34px - 12px - 76px);
	}

	.swiper-slide-prev .upd-portfolio-slide-inner,
	.swiper-slide-next .upd-portfolio-slide-inner {
		opacity: 0.65;
	}
    .upd-carousel-prev-btn {
		left: clamp(15px, 4vw, 72px);
        top: 214px;
	}

	.upd-carousel-next-btn {
		right: clamp(15px, 4vw, 72px);
        top: 214px;
	}
}

@media (max-width: 900px) {
	.upd-section-content {
		padding: clamp(30px, 6vw, 60px) clamp(16px, 2vw, 20px);
	}

	.upd-services-grid,
	.upd-all-services-grid,
	.upd-industries-grid,
	.upd-testimonials-grid {
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 424px));
		grid-auto-rows: auto;
		gap: 20px;
		justify-content: center;
	}

	.upd-testimonial-card {
		padding: 20px;
	}

	.upd-testimonial-quote {
		font-size: 20px;
	}

	.upd-testimonial-text {
		font-size: 14px;
	}

	.upd-testimonial-avatar {
		width: 56px;
		height: 56px;
	}

	.upd-hero-section {
		min-height: 500px;
        padding: 0 16px;
	}

	.upd-stat-value {
		font-size: 48px;
	}

	.upd-stat-underline {
		width: 100%;
	}

	.upd-solutions-row {
		flex-direction: column;
		gap: 48px;
	}

	.upd-solutions-image {
		max-width: 100%;
		order: -1;
	}

	.upd-portfolio-image {
		height: 100%;
	}

}


@media (max-width: 768px) {
	.upd-section-content {
		padding: clamp(24px, 5vw, 48px) clamp(16px, 5vw, 40px);
	}

	.upd-section-header {
		margin-bottom: 40px;
	}

	.upd-section-header h2 {
		font-size: clamp(26px, 6vw, 36px);
	}

	.upd-services-grid,
	.upd-all-services-grid,
	.upd-industries-grid,
	.upd-stats-list,
	.upd-testimonials-grid {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
	}

	.upd-services-grid .upd-service-card:last-child:nth-child(odd),
	.upd-all-services-grid .upd-all-service-card:last-child:nth-child(odd),
	.upd-testimonials-grid .upd-testimonial-card:last-child:nth-child(odd) {
		grid-column: auto;
		width: 100%;
	}

	.upd-hero-content {
		gap: 24px;
	}

	.upd-hero-text h1 {
		font-size: clamp(26px, 7vw, 40px);
		line-height: 1.2;
	}

	.upd-hero-text p {
		font-size: 14px;
	}

	.upd-stat-value {
		font-size: 40px;
	}

	.upd-stat-label {
		font-size: 18px;
	}

	.upd-portfolio-swiper {
		overflow: hidden;
	}

	.upd-portfolio-slide {
		width: 100%;
	}

	.upd-portfolio-slide-inner {
		height: 0;
		opacity: 0;
	}

	.upd-portfolio-slide-active .upd-portfolio-slide-inner {
		height: 450px;
		opacity: 1;
	}

	.upd-portfolio-slide-active .upd-portfolio-image {
		height: calc(420px - 24px - 24px - 16px - 76px);
	}

	.swiper-slide-prev .upd-portfolio-slide-inner,
	.swiper-slide-next .upd-portfolio-slide-inner {
		transform: translateX(0);
		opacity: 0;
	}

	.upd-portfolio-title {
		font-size: 18px;
	}

	.upd-portfolio-description {
		font-size: 13px;
	}

	.upd-carousel-btn {
		display: none;
	}

	.upd-carousel-dots {
		margin-top: 24px;
	}

	.upd-testimonial-quote {
		font-size: 20px;
	}

	.upd-cta-text h2 {
		font-size: 28px;
	}
}

@media (max-width: 600px) {
	.upd-section-content {
		padding: clamp(20px, 5vw, 40px) clamp(16px, 8vw, 120px);
	}

	.upd-hero-content {
		gap: 24px;
	}

	.upd-hero-text h1 {
		font-size: 28px;
	}

	.upd-hero-text p {
		font-size: 14px;
	}

	.upd-section-header {
		margin-bottom: 40px;
	}

	.upd-section-header h2 {
		font-size: 28px;
	}

	.upd-section-header p {
		font-size: 14px;
	}

	.upd-services-grid,
	.upd-all-services-grid,
	.upd-industries-grid,
	.upd-stats-list,
	.upd-testimonials-grid {
		grid-template-columns: 1fr;
	}
    .upd-solution-item {
    padding: 16px 0;
   }
	.upd-service-card,
	.upd-industry-card,
	.upd-all-service-card,
	.upd-testimonial-card {
		padding: 20px;
	}

	.upd-stat-value {
		font-size: 40px;
	}

	.upd-stat-label {
		font-size: 18px;
	}

	.upd-portfolio-swiper {
		overflow: hidden;
	}

	.upd-portfolio-slide {
		width: 100%;
	}

	.upd-portfolio-slide-inner {
		height: 0;
		opacity: 0;
	}

	.upd-portfolio-slide-active .upd-portfolio-slide-inner {
		height: 340px;
		opacity: 1;
        padding: 16px;
	}

	.upd-portfolio-slide-active .upd-portfolio-image {
		height: calc(340px - 20px - 20px - 12px - 72px);
	}

	.upd-portfolio-title {
		font-size: 18px;
	}

	.upd-portfolio-description {
		font-size: 13px;
	}

	.upd-carousel-btn {
		display: none;
	}

	.upd-carousel-dots {
		margin-top: 20px;
	}

	.upd-testimonial-card {
		gap: 16px;
	}

	.upd-testimonial-quote {
		font-size: 18px;
	}

	.upd-testimonial-text {
		font-size: 14px;
	}

	.upd-cta-text h2 {
		font-size: 28px;
	}

	.upd-cta-text p {
		font-size: 14px;
	}
}