/* ==========================================================================
   UCDREAMS CUSTOM THEME - SECTION 1: HERO & CLIENT MARQUEE
   SEO-Optimized & Accessible Semantic Styles
   ========================================================================== */

:root {
	--ucd-primary: #C5453E;
	--ucd-primary-hover: #B23B35;
	--ucd-dark: #191918;
	--ucd-soft-red: #FADDDC;
	--ucd-soft-red-hover: #F6C8C6;
	--ucd-muted: #7A7A7A;
	--ucd-border: #E8E8E8;
	--ucd-font: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* SECTION CONTAINER */
.ucd-hero-sec {
	position: relative;
	background-color: #FFFFFF;
	background-image: radial-gradient(#E0E0E0 1.2px, transparent 1.2px);
	background-size: 24px 24px;
	padding: 60px 20px 60px;
	overflow: hidden;
	width: 100%;
}

.ucd-hero-inner {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	position: relative;
	z-index: 2;
}

/* TOP DOODLE IMAGE */




/* PILL BADGE (SEMANTIC H1 OR BADGE) */
.ucd-hero-pill-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #FFFFFF;
	border: 1px solid #ECECEC;
	padding: 7px 22px;
	border-radius: 9999px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
	margin-bottom: 22px;
}

.ucd-hero-pill-badge span,
.ucd-hero-pill-badge h2 {
	font-family: var(--ucd-font) !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: var(--ucd-dark) !important;
	letter-spacing: -0.01em !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.4 !important;
}

/* MAIN HERO HEADING (H1) */
.ucd-hero-title {
	font-family: var(--ucd-font) !important;
	font-size: 64px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	color: var(--ucd-dark) !important;
	letter-spacing: -0.03em !important;
	text-align: center !important;
	margin: 0 0 20px !important;
}

/* SUBTEXT DESCRIPTION */
.ucd-hero-desc {
	font-family: var(--ucd-font) !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	color: var(--ucd-muted) !important;
	text-align: center !important;
	max-width: 680px;
	margin: 0 auto 30px !important;
}

/* CTA BUTTONS */
.ucd-hero-btns {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin-bottom: 48px;
}

.ucd-hero-btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--ucd-primary);
	color: #FFFFFF !important;
	font-family: var(--ucd-font) !important;
	font-size: 15px;
	font-weight: 600;
	padding: 13px 32px;
	border-radius: 9999px;
	text-decoration: none !important;
	transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
	box-shadow: 0 4px 14px rgba(197, 69, 62, 0.25);
}

.ucd-hero-btn-primary:hover {
	background-color: var(--ucd-primary-hover);
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(197, 69, 62, 0.35);
	color: #FFFFFF !important;
}

.ucd-hero-btn-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--ucd-soft-red);
	color: var(--ucd-primary) !important;
	font-family: var(--ucd-font) !important;
	font-size: 15px;
	font-weight: 600;
	padding: 13px 32px;
	border-radius: 9999px;
	text-decoration: none !important;
	transition: background-color 0.2s ease, transform 0.15s ease;
}

.ucd-hero-btn-secondary:hover {
	background-color: var(--ucd-soft-red-hover);
	transform: translateY(-2px);
	color: var(--ucd-primary) !important;
}

/* VIDEO SHOWCASE BOX */
.ucd-hero-video-box {
	width: 100%;
	max-width: 1000px;
	border-radius: 20px;
	overflow: hidden;
	background-color: #000000;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);
	line-height: 0;
	margin: 0 auto 52px;
}

.ucd-hero-video-box video {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

/* CLIENT MARQUEE BAR */
.ucd-client-bar {
	display: flex;
	align-items: center;
	gap: 32px;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 10px;
}

.ucd-client-title {
	font-family: var(--ucd-font) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #8E8E93 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	white-space: nowrap !important;
	margin: 0 !important;
	flex-shrink: 0;
}

.ucd-marquee-wrap {
	flex: 1;
	overflow: hidden;
	position: relative;
	mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
	-webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
}

.ucd-marquee-track {
	display: flex;
	width: max-content;
	animation: ucdMarqueeAnim 28s linear infinite;
}

.ucd-marquee-wrap:hover .ucd-marquee-track {
	animation-play-state: paused;
}

.ucd-marquee-group {
	display: flex;
	align-items: center;
	gap: 48px;
	padding-right: 48px;
}

.ucd-marquee-item {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ucd-marquee-item img {
	height: 38px;
	width: auto;
	max-width: 140px;
	object-fit: contain;
	display: block;
	transition: transform 0.2s ease, filter 0.2s ease;
}

.ucd-marquee-item img:hover {
	transform: scale(1.05);
}

@keyframes ucdMarqueeAnim {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

/* RESPONSIVE */
@media (max-width: 900px) {
	.ucd-hero-title {
		font-size: 48px !important;
	}
	.ucd-client-bar {
		flex-direction: column;
		gap: 16px;
		text-align: center;
	}
}

@media (max-width: 600px) {
	.ucd-hero-sec {
		padding: 40px 16px 40px;
	}
	.ucd-hero-title {
		font-size: 36px !important;
	}
	.ucd-hero-desc {
		font-size: 15px !important;
	}
	.ucd-hero-btns {
		flex-direction: column;
		width: 100%;
		gap: 12px;
	}
	.ucd-hero-btn-primary,
	.ucd-hero-btn-secondary {
		width: 100%;
	}
	.ucd-marquee-group {
		gap: 32px;
		padding-right: 32px;
	}
	.ucd-marquee-item img {
		height: 30px;
	}
}


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SECTION 2: SERVICES & DIGITAL SOLUTIONS
   Isolated Component Styles | SEO & Speed Optimized
   ========================================================================== */


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SECTION 2: SERVICES & DIGITAL SOLUTIONS
   Exact 1:1 Elementor Match | SEO & Speed Optimized
   ========================================================================== */

.ucd-services-sec {
	position: relative;
	background-color: #FFFFFF;
	padding: 60px 20px 70px;
	width: 100%;
}

.ucd-services-inner {
	max-width: 1200px;
	margin: 0 auto;
}

/* TOP ROW: HEADER + HERO GRAPHIC */
.ucd-services-top-row {
	display: grid;
	grid-template-columns: 1.15fr 0.85fr;
	gap: 40px;
	align-items: center;
	margin-bottom: 48px;
}

.ucd-services-header-col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.ucd-services-title {
	font-family: var(--ucd-font) !important;
	font-size: 46px !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	color: var(--ucd-dark) !important;
	letter-spacing: -0.03em !important;
	margin: 0 0 18px !important;
}

.ucd-services-desc {
	font-family: var(--ucd-font) !important;
	font-size: 15.5px !important;
	line-height: 1.6 !important;
	color: var(--ucd-muted) !important;
	margin: 0 0 22px !important;
	max-width: 540px;
}

/* ENQUIRE NOW: Clean Text Link with Coral Color and Arrow */
.ucd-services-link-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: transparent !important;
	color: var(--ucd-primary) !important;
	font-family: var(--ucd-font) !important;
	font-size: 15px;
	font-weight: 600;
	padding: 0 !important;
	border: none !important;
	box-shadow: none !important;
	text-decoration: none !important;
	transition: color 0.2s ease, gap 0.2s ease;
}

.ucd-services-link-btn svg {
	width: 10px;
	height: 10px;
	fill: currentColor;
	transition: transform 0.2s ease;
}

.ucd-services-link-btn:hover {
	color: var(--ucd-primary-hover) !important;
}

.ucd-services-link-btn:hover svg {
	transform: translateX(4px);
}

/* TOP RIGHT GRAPHIC FIGURE (Transparent Floating Image, No Box/Shadow) */
.ucd-services-graphic {
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.ucd-services-graphic img {
	width: 100%;
	height: auto;
	max-width: 480px;
	display: block;
	object-fit: contain;
}

/* BOTTOM SERVICES GRID (4 COLUMNS) */
.ucd-services-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}

.ucd-service-card {
	background-color: #FFFFFF;
	border: 1px solid #ECECEC;
	border-radius: 12px;
	padding: 24px 22px 26px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	min-height: 130px;
	transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.ucd-service-card:hover {
	transform: translateY(-2px);
	border-color: #D4D4D4;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
}

/* ICON: Minimal Clean Icon with Neutral Tone */
.ucd-service-icon-wrap {
	width: auto;
	height: auto;
	margin-bottom: 14px;
	color: #7A7A7A;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	transition: color 0.2s ease;
}

.ucd-service-card:hover .ucd-service-icon-wrap {
	color: var(--ucd-primary);
}

.ucd-service-icon-wrap svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
	display: block;
}

.ucd-service-title {
	font-family: var(--ucd-font) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	color: var(--ucd-dark) !important;
	margin: 0 !important;
	letter-spacing: -0.01em !important;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
	.ucd-services-top-row {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.ucd-services-graphic {
		justify-content: center;
	}
	.ucd-services-title {
		font-size: 36px !important;
	}
	.ucd-services-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}
}

@media (max-width: 600px) {
	.ucd-services-sec {
		padding: 40px 16px 50px;
	}
	.ucd-services-title {
		font-size: 30px !important;
	}
	.ucd-services-desc {
		font-size: 14.5px !important;
	}
	.ucd-services-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.ucd-service-card {
		padding: 20px 18px;
		min-height: auto;
	}
}


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SECTION 3: GOOGLE REVIEWS
   Exact 1:1 Match | High-Speed Lightweight Pure CSS/JS Carousel
   ========================================================================== */


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SECTION 3: GOOGLE REVIEWS
   Exact 1:1 Match | High-Speed Lightweight Pure CSS/JS Carousel
   ========================================================================== */

.ucd-reviews-sec {
	position: relative;
	background-color: #FFFFFF;
	padding: 60px 20px 70px;
	width: 100%;
}

.ucd-reviews-inner {
	max-width: 1200px;
	margin: 0 auto;
}

/* TOP ROW */
.ucd-reviews-top-row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 40px;
}

.ucd-reviews-header-col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.ucd-reviews-title {
	font-family: var(--ucd-font) !important;
	font-size: 46px !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	color: var(--ucd-dark) !important;
	letter-spacing: -0.03em !important;
	margin: 0 0 14px !important;
}

.ucd-reviews-desc {
	font-family: var(--ucd-font) !important;
	font-size: 15.5px !important;
	line-height: 1.6 !important;
	color: var(--ucd-muted) !important;
	margin: 0 0 18px !important;
}

.ucd-reviews-link-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: transparent !important;
	color: var(--ucd-primary) !important;
	font-family: var(--ucd-font) !important;
	font-size: 15px;
	font-weight: 600;
	padding: 0 !important;
	border: none !important;
	text-decoration: none !important;
	transition: color 0.2s ease, gap 0.2s ease;
}

.ucd-reviews-link-btn svg {
	width: 10px;
	height: 10px;
	fill: currentColor;
	transition: transform 0.2s ease;
}

.ucd-reviews-link-btn:hover {
	color: var(--ucd-primary-hover) !important;
}

.ucd-reviews-link-btn:hover svg {
	transform: translateX(4px);
}

/* TOP RIGHT RATING BADGE */
.ucd-reviews-badge-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-shrink: 0;
}

.ucd-reviews-badge-wrap img {
	height: 52px;
	width: auto;
	max-width: 140px;
	object-fit: contain;
	display: block;
}

/* CAROUSEL WRAPPER & CONTROLS */
.ucd-reviews-carousel-wrap {
	position: relative;
	width: 100%;
}

.ucd-reviews-track {
	display: flex;
	gap: 16px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-bottom: 8px;
}

.ucd-reviews-track::-webkit-scrollbar {
	display: none;
}

/* CAROUSEL NAV BUTTONS */
.ucd-reviews-nav-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #FFFFFF !important;
	border: 1px solid #ECECEC !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 5;
	color: #191918 !important;
	padding: 0 !important;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.ucd-reviews-nav-btn:hover {
	background-color: var(--ucd-primary) !important;
	border-color: var(--ucd-primary) !important;
	color: #FFFFFF !important;
	transform: translateY(-50%) scale(1.05);
	box-shadow: 0 6px 16px rgba(197, 69, 62, 0.3) !important;
}

.ucd-reviews-nav-btn svg {
	width: 14px;
	height: 14px;
	stroke: currentColor;
	stroke-width: 2.5;
	fill: none;
}

.ucd-reviews-prev {
	left: -18px;
}

.ucd-reviews-next {
	right: -18px;
}

/* REVIEW CARD */
.ucd-review-card {
	flex: 0 0 calc(25% - 12px);
	min-width: 260px;
	scroll-snap-align: start;
	background-color: #F8F9FA;
	border: 1px solid #ECECEC;
	border-radius: 12px;
	padding: 20px 18px 22px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ucd-review-card:hover {
	border-color: #D4D4D4;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
}

.ucd-review-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}

.ucd-review-user {
	display: flex;
	align-items: center;
	gap: 12px;
}

.ucd-review-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #E2E2E2;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 16px;
	color: #FFFFFF;
}

.ucd-review-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.ucd-review-avatar.avatar-letter {
	background-color: #6C757D;
}

.ucd-review-meta {
	display: flex;
	flex-direction: column;
}

.ucd-review-name {
	font-family: var(--ucd-font) !important;
	font-size: 14.5px !important;
	font-weight: 700 !important;
	color: var(--ucd-dark) !important;
	line-height: 1.3 !important;
}

.ucd-review-date {
	font-family: var(--ucd-font) !important;
	font-size: 12px !important;
	color: #8E8E93 !important;
	margin-top: 2px;
}

.ucd-review-google-icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.ucd-review-google-icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* STARS & VERIFIED */
.ucd-review-stars-row {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 12px;
}

.ucd-review-stars {
	display: flex;
	align-items: center;
	gap: 2px;
	color: #FBBC05;
	font-size: 15px;
	line-height: 1;
}

.ucd-verified-badge {
	width: 15px;
	height: 15px;
	fill: #4285F4;
	display: inline-block;
}

/* REVIEW TEXT */
.ucd-review-body {
	font-family: var(--ucd-font) !important;
	font-size: 13.5px !important;
	line-height: 1.55 !important;
	color: #333333 !important;
	margin: 0 !important;
	flex-grow: 1;
}

.ucd-review-text {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0 !important;
}

.ucd-review-card.expanded .ucd-review-text {
	display: block !important;
	-webkit-line-clamp: unset !important;
	overflow: visible !important;
}

/* READ MORE BUTTON (NO WEIRD HOVER BG, STRICT TRANSPARENCY) */
.ucd-review-toggle-btn,
button.ucd-review-toggle-btn,
.ucd-review-card button.ucd-review-toggle-btn {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 8px 0 0 !important;
	font-family: var(--ucd-font) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #8E8E93 !important;
	cursor: pointer !important;
	text-align: left !important;
	line-height: 1.4 !important;
	display: inline-block !important;
	width: auto !important;
	transition: color 0.2s ease !important;
}

.ucd-review-toggle-btn:hover,
.ucd-review-toggle-btn:focus,
.ucd-review-toggle-btn:active,
button.ucd-review-toggle-btn:hover,
button.ucd-review-toggle-btn:focus,
.ucd-review-card button.ucd-review-toggle-btn:hover {
	background: transparent !important;
	background-color: transparent !important;
	color: var(--ucd-primary) !important;
	box-shadow: none !important;
	outline: none !important;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
	.ucd-review-card {
		flex: 0 0 calc(50% - 8px);
	}
	.ucd-reviews-title {
		font-size: 36px !important;
	}
	.ucd-reviews-prev {
		left: -10px;
	}
	.ucd-reviews-next {
		right: -10px;
	}
}

@media (max-width: 600px) {
	.ucd-reviews-sec {
		padding: 40px 16px 50px;
	}
	.ucd-reviews-top-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
	.ucd-reviews-badge-wrap {
		justify-content: flex-start;
	}
	.ucd-reviews-title {
		font-size: 30px !important;
	}
	.ucd-review-card {
		flex: 0 0 85%;
		min-width: 250px;
	}
	.ucd-reviews-nav-btn {
		display: none;
	}
}


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SECTION 4: SOCIAL PROOF (9:16 REELS)
   Vertical Reel Aspect Ratio (1080x1920) | Lightbox Popup Player
   ========================================================================== */

.ucd-social-sec {
	position: relative;
	background-color: #FFFFFF;
	padding: 60px 20px 70px;
	width: 100%;
}

.ucd-social-inner {
	max-width: 1200px;
	margin: 0 auto;
}

/* TOP ROW */
.ucd-social-top-row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 40px;
}

.ucd-social-header-col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.ucd-social-title {
	font-family: var(--ucd-font) !important;
	font-size: 46px !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	color: var(--ucd-dark) !important;
	letter-spacing: -0.03em !important;
	margin: 0 0 14px !important;
}

.ucd-social-desc {
	font-family: var(--ucd-font) !important;
	font-size: 15.5px !important;
	line-height: 1.6 !important;
	color: var(--ucd-muted) !important;
	margin: 0 0 18px !important;
}

.ucd-social-link-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: transparent !important;
	color: var(--ucd-primary) !important;
	font-family: var(--ucd-font) !important;
	font-size: 15px;
	font-weight: 600;
	padding: 0 !important;
	border: none !important;
	text-decoration: none !important;
	transition: color 0.2s ease, gap 0.2s ease;
}

.ucd-social-link-btn svg {
	width: 10px;
	height: 10px;
	fill: currentColor;
	transition: transform 0.2s ease;
}

.ucd-social-link-btn:hover {
	color: var(--ucd-primary-hover) !important;
}

.ucd-social-link-btn:hover svg {
	transform: translateX(4px);
}

/* TOP RIGHT YOUTUBE GRAPHIC */
.ucd-social-badge-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-shrink: 0;
}

.ucd-social-badge-wrap img {
	height: 52px;
	width: auto;
	max-width: 60px;
	object-fit: contain;
	display: block;
}

/* REELS CAROUSEL WRAPPER */
.ucd-reels-carousel-wrap {
	position: relative;
	width: 100%;
}

.ucd-reels-track {
	display: flex;
	gap: 18px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-bottom: 8px;
}

.ucd-reels-track::-webkit-scrollbar {
	display: none;
}

/* REEL NAV BUTTONS */
.ucd-reels-nav-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #FFFFFF !important;
	border: 1px solid #ECECEC !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 5;
	color: #191918 !important;
	padding: 0 !important;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.ucd-reels-nav-btn:hover {
	background-color: var(--ucd-primary) !important;
	border-color: var(--ucd-primary) !important;
	color: #FFFFFF !important;
	transform: translateY(-50%) scale(1.05);
	box-shadow: 0 6px 16px rgba(197, 69, 62, 0.3) !important;
}

.ucd-reels-nav-btn svg {
	width: 14px;
	height: 14px;
	stroke: currentColor;
	stroke-width: 2.5;
	fill: none;
}

.ucd-reels-prev {
	left: -18px;
}

.ucd-reels-next {
	right: -18px;
}

/* 9:16 VERTICAL REEL CARD */
.ucd-reel-card {
	flex: 0 0 calc(25% - 14px);
	min-width: 240px;
	scroll-snap-align: start;
	border-radius: 16px;
	overflow: hidden;
	position: relative;
	aspect-ratio: 9 / 16;
	background-color: #191918;
	cursor: pointer;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.ucd-reel-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 14px 32px rgba(0, 0, 0, 0.15);
}

.ucd-reel-media {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ucd-reel-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);
	transition: background 0.25s ease;
}

.ucd-reel-card:hover .ucd-reel-overlay {
	background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 100%);
}

/* PLAY BUTTON */
.ucd-reel-play-btn {
	position: relative;
	z-index: 2;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ucd-primary);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
	transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.ucd-reel-card:hover .ucd-reel-play-btn {
	transform: scale(1.12);
	background: var(--ucd-primary);
	color: #FFFFFF;
}

.ucd-reel-play-btn svg {
	width: 22px;
	height: 22px;
	fill: currentColor;
	margin-left: 3px;
}

/* LIGHTBOX MODAL VIDEO PLAYER */
.ucd-video-modal {
	position: fixed;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.85);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 999999;
	padding: 20px;
	opacity: 0;
	transition: opacity 0.25s ease;
}

.ucd-video-modal.active {
	display: flex;
	opacity: 1;
}

.ucd-video-modal-content {
	position: relative;
	width: 100%;
	max-width: 420px;
	aspect-ratio: 9 / 16;
	background: #000000;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.ucd-video-modal-close {
	position: absolute;
	top: -45px;
	right: 0;
	background: none;
	border: none;
	color: #FFFFFF;
	font-size: 36px;
	font-weight: 300;
	cursor: pointer;
	line-height: 1;
	padding: 0;
	transition: transform 0.15s ease, color 0.15s ease;
}

.ucd-video-modal-close:hover {
	color: var(--ucd-primary);
	transform: scale(1.15);
}

.ucd-video-player-container {
	width: 100%;
	height: 100%;
}

.ucd-video-player-container iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
	.ucd-reel-card {
		flex: 0 0 calc(33.333% - 12px);
	}
	.ucd-social-title {
		font-size: 36px !important;
	}
	.ucd-reels-prev {
		left: -10px;
	}
	.ucd-reels-next {
		right: -10px;
	}
}

@media (max-width: 768px) {
	.ucd-reel-card {
		flex: 0 0 calc(50% - 9px);
		min-width: 200px;
	}
}

@media (max-width: 600px) {
	.ucd-social-sec {
		padding: 40px 16px 50px;
	}
	.ucd-social-top-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
	.ucd-social-badge-wrap {
		justify-content: flex-start;
	}
	.ucd-social-title {
		font-size: 30px !important;
	}
	.ucd-reel-card {
		flex: 0 0 75%;
		min-width: 220px;
	}
	.ucd-reels-nav-btn {
		display: none;
	}
}


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SECTION 5: READY-TO-USE DIGITAL PRODUCTS
   Exact 1:1 Match | WooCommerce AJAX Cart & Wishlist | Speed Optimized
   ========================================================================== */

.ucd-shop-sec {
	position: relative;
	background-color: #FFFFFF;
	padding: 60px 20px 70px;
	width: 100%;
}

.ucd-shop-inner {
	max-width: 1200px;
	margin: 0 auto;
}

/* TOP ROW */
.ucd-shop-top-row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 40px;
}

.ucd-shop-header-col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.ucd-shop-title {
	font-family: var(--ucd-font) !important;
	font-size: 46px !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	color: var(--ucd-dark) !important;
	letter-spacing: -0.03em !important;
	margin: 0 0 14px !important;
}

.ucd-shop-desc {
	font-family: var(--ucd-font) !important;
	font-size: 15.5px !important;
	line-height: 1.6 !important;
	color: var(--ucd-muted) !important;
	margin: 0 0 18px !important;
	max-width: 620px;
}

.ucd-shop-link-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: transparent !important;
	color: var(--ucd-primary) !important;
	font-family: var(--ucd-font) !important;
	font-size: 15px;
	font-weight: 600;
	padding: 0 !important;
	border: none !important;
	text-decoration: none !important;
	transition: color 0.2s ease, gap 0.2s ease;
}

.ucd-shop-link-btn svg {
	width: 10px;
	height: 10px;
	fill: currentColor;
	transition: transform 0.2s ease;
}

.ucd-shop-link-btn:hover {
	color: var(--ucd-primary-hover) !important;
}

.ucd-shop-link-btn:hover svg {
	transform: translateX(4px);
}

/* CAROUSEL WRAPPER & CONTROLS */
.ucd-products-carousel-wrap {
	position: relative;
	width: 100%;
}

.ucd-products-track {
	display: flex;
	gap: 18px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-bottom: 8px;
}

.ucd-products-track::-webkit-scrollbar {
	display: none;
}

/* CAROUSEL NAV BUTTONS */
.ucd-products-nav-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #FFFFFF !important;
	border: 1px solid #ECECEC !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 5;
	color: #191918 !important;
	padding: 0 !important;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.ucd-products-nav-btn:hover {
	background-color: var(--ucd-primary) !important;
	border-color: var(--ucd-primary) !important;
	color: #FFFFFF !important;
	transform: translateY(-50%) scale(1.05);
	box-shadow: 0 6px 16px rgba(197, 69, 62, 0.3) !important;
}

.ucd-products-nav-btn svg {
	width: 14px;
	height: 14px;
	stroke: currentColor;
	stroke-width: 2.5;
	fill: none;
}

.ucd-products-prev {
	left: -18px;
}

.ucd-products-next {
	right: -18px;
}

/* PRODUCT CARD */
.ucd-product-card {
	flex: 0 0 calc(25% - 14px);
	min-width: 250px;
	scroll-snap-align: start;
	background-color: #FFFFFF;
	border: 1px solid #ECECEC;
	border-radius: 14px;
	padding: 16px 16px 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.ucd-product-card:hover {
	transform: translateY(-3px);
	border-color: #D4D4D4;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}

/* THUMBNAIL WRAPPER */
.ucd-product-thumb-wrap {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	background-color: #F8F9FA;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
}

.ucd-product-img-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none !important;
}

.ucd-product-img-link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}

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

/* DISCOUNT BADGE */
.ucd-product-discount-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: #E53935;
	color: #FFFFFF;
	font-family: var(--ucd-font) !important;
	font-size: 11.5px;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 9999px;
	line-height: 1;
	z-index: 2;
	box-shadow: 0 2px 6px rgba(229, 57, 53, 0.3);
}

/* WISHLIST HEART BUTTON */
.ucd-product-wishlist-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.9) !important;
	border: none !important;
	outline: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 2;
	padding: 0 !important;
	color: #8E8E93 !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	transition: transform 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}

.ucd-product-wishlist-btn:hover {
	transform: scale(1.1);
	color: var(--ucd-primary) !important;
	background-color: #FFFFFF !important;
}

.ucd-product-wishlist-btn.active {
	color: #E53935 !important;
}

.ucd-product-wishlist-btn svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	transition: fill 0.2s ease, stroke 0.2s ease;
}

.ucd-product-wishlist-btn.active svg {
	fill: #E53935;
	stroke: #E53935;
}

/* PRODUCT DETAILS */
.ucd-product-details {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: space-between;
}

.ucd-product-name {
	font-family: var(--ucd-font) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	margin: 0 0 10px !important;
	min-height: 40px;
}

.ucd-product-name a {
	color: var(--ucd-dark) !important;
	text-decoration: none !important;
	transition: color 0.2s ease;
}

.ucd-product-name a:hover {
	color: var(--ucd-primary) !important;
}

/* PRICE ROW */
.ucd-product-price-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
}

.ucd-price-del {
	font-family: var(--ucd-font) !important;
	font-size: 13.5px !important;
	color: #8E8E93 !important;
	text-decoration: line-through;
}

.ucd-price-cur {
	font-family: var(--ucd-font) !important;
	font-size: 15.5px !important;
	font-weight: 700 !important;
	color: var(--ucd-primary) !important;
}

/* ADD TO CART BUTTON */
.ucd-product-add-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background-color: var(--ucd-primary);
	color: #FFFFFF !important;
	font-family: var(--ucd-font) !important;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 18px;
	border-radius: 6px;
	text-decoration: none !important;
	border: none;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(197, 69, 62, 0.2);
	transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.ucd-product-add-btn:hover {
	background-color: var(--ucd-primary-hover);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(197, 69, 62, 0.3);
	color: #FFFFFF !important;
}

.ucd-product-add-btn.loading {
	opacity: 0.7;
	pointer-events: none;
}

.ucd-product-add-btn.added {
	background-color: #2E7D32 !important;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
	.ucd-product-card {
		flex: 0 0 calc(50% - 9px);
	}
	.ucd-shop-title {
		font-size: 36px !important;
	}
	.ucd-products-prev {
		left: -10px;
	}
	.ucd-products-next {
		right: -10px;
	}
}

@media (max-width: 600px) {
	.ucd-shop-sec {
		padding: 40px 16px 50px;
	}
	.ucd-shop-top-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}
	.ucd-shop-title {
		font-size: 30px !important;
	}
	.ucd-product-card {
		flex: 0 0 80%;
		min-width: 240px;
	}
	.ucd-products-nav-btn {
		display: none;
	}
}


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SECTION 6: 100% FREE ONLINE TOOLS
   Exact 1:1 Match | Soft Red Icon Containers & Snap Carousel | Speed Optimized
   ========================================================================== */

.ucd-tools-sec {
	position: relative;
	background-color: #F8F9FA;
	padding: 70px 20px 80px;
	width: 100%;
}

.ucd-tools-inner {
	max-width: 1200px;
	margin: 0 auto;
}

/* TOP ROW */
.ucd-tools-top-row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 40px;
}

.ucd-tools-header-col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.ucd-tools-title {
	font-family: var(--ucd-font) !important;
	font-size: 46px !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	color: var(--ucd-dark) !important;
	letter-spacing: -0.03em !important;
	margin: 0 0 14px !important;
}

.ucd-tools-desc {
	font-family: var(--ucd-font) !important;
	font-size: 15.5px !important;
	line-height: 1.6 !important;
	color: var(--ucd-muted) !important;
	margin: 0 0 18px !important;
	max-width: 580px;
}

.ucd-tools-link-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: transparent !important;
	color: var(--ucd-primary) !important;
	font-family: var(--ucd-font) !important;
	font-size: 15px;
	font-weight: 600;
	padding: 0 !important;
	border: none !important;
	text-decoration: none !important;
	transition: color 0.2s ease, gap 0.2s ease;
}

.ucd-tools-link-btn svg {
	width: 10px;
	height: 10px;
	fill: currentColor;
	transition: transform 0.2s ease;
}

.ucd-tools-link-btn:hover {
	color: var(--ucd-primary-hover) !important;
}

.ucd-tools-link-btn:hover svg {
	transform: translateX(4px);
}

/* CAROUSEL WRAPPER & CONTROLS */
.ucd-tools-carousel-wrap {
	position: relative;
	width: 100%;
}

.ucd-tools-track {
	display: flex;
	gap: 18px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-bottom: 8px;
}

.ucd-tools-track::-webkit-scrollbar {
	display: none;
}

/* CAROUSEL NAV BUTTONS */
.ucd-tools-nav-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #FFFFFF !important;
	border: 1px solid #ECECEC !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 5;
	color: #191918 !important;
	padding: 0 !important;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.ucd-tools-nav-btn:hover {
	background-color: var(--ucd-primary) !important;
	border-color: var(--ucd-primary) !important;
	color: #FFFFFF !important;
	transform: translateY(-50%) scale(1.05);
	box-shadow: 0 6px 16px rgba(197, 69, 62, 0.3) !important;
}

.ucd-tools-nav-btn svg {
	width: 14px;
	height: 14px;
	stroke: currentColor;
	stroke-width: 2.5;
	fill: none;
}

.ucd-tools-prev {
	left: -18px;
}

.ucd-tools-next {
	right: -18px;
}

/* TOOL CARD */
.ucd-tool-card {
	flex: 0 0 calc(25% - 14px);
	min-width: 250px;
	scroll-snap-align: start;
	background-color: #FFFFFF;
	border: 1px solid #ECECEC;
	border-radius: 14px;
	padding: 24px 22px 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.ucd-tool-card:hover {
	transform: translateY(-3px);
	border-color: #D4D4D4;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}

/* SOFT RED ICON CONTAINER */
.ucd-tool-icon-wrap {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background-color: #FCEBEB;
	color: var(--ucd-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.ucd-tool-card:hover .ucd-tool-icon-wrap {
	background-color: var(--ucd-primary);
	color: #FFFFFF;
}

.ucd-tool-icon-wrap svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
	display: block;
}

.ucd-tool-name {
	font-family: var(--ucd-font) !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	color: var(--ucd-dark) !important;
	margin: 0 0 8px !important;
}

.ucd-tool-desc {
	font-family: var(--ucd-font) !important;
	font-size: 13.5px !important;
	line-height: 1.5 !important;
	color: var(--ucd-muted) !important;
	margin: 0 0 16px !important;
	flex-grow: 1;
}

.ucd-tool-action-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: transparent !important;
	color: var(--ucd-primary) !important;
	font-family: var(--ucd-font) !important;
	font-size: 13.5px;
	font-weight: 600;
	padding: 0 !important;
	border: none !important;
	text-decoration: none !important;
	transition: color 0.2s ease, gap 0.2s ease;
}

.ucd-tool-action-link svg {
	width: 9px;
	height: 9px;
	fill: currentColor;
	transition: transform 0.2s ease;
}

.ucd-tool-action-link:hover {
	color: var(--ucd-primary-hover) !important;
}

.ucd-tool-action-link:hover svg {
	transform: translateX(3px);
}

/* RESPONSIVE */
@media (max-width: 1024px) {
	.ucd-tool-card {
		flex: 0 0 calc(50% - 9px);
	}
	.ucd-tools-title {
		font-size: 36px !important;
	}
	.ucd-tools-prev {
		left: -10px;
	}
	.ucd-tools-next {
		right: -10px;
	}
}

@media (max-width: 600px) {
	.ucd-tools-sec {
		padding: 40px 16px 50px;
	}
	.ucd-tools-top-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}
	.ucd-tools-title {
		font-size: 30px !important;
	}
	.ucd-tool-card {
		flex: 0 0 80%;
		min-width: 240px;
	}
	.ucd-tools-nav-btn {
		display: none;
	}
}


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SECTION 7: OUR WORK (DUAL SMOOTH MARQUEE)
   Exact 1:1 Match | Ultra-Smooth Infinite Loop | 60/120 FPS GPU Acceleration
   ========================================================================== */

.ucd-work-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
	padding: 75px 0 85px;
	box-sizing: border-box;
	overflow: hidden;
}

.ucd-work-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.ucd-work-top-row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 40px;
}

.ucd-work-header-col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 680px;
}

.ucd-work-title {
	font-family: var(--ucd-font) !important;
	font-size: 46px !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	color: var(--ucd-dark) !important;
	letter-spacing: -0.03em !important;
	margin: 0 0 14px !important;
}

.ucd-work-desc {
	font-family: var(--ucd-font) !important;
	font-size: 15.5px !important;
	line-height: 1.6 !important;
	color: var(--ucd-muted) !important;
	margin: 0 0 18px !important;
}

.ucd-work-link-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: transparent !important;
	color: var(--ucd-primary) !important;
	font-family: var(--ucd-font) !important;
	font-size: 15px;
	font-weight: 600;
	padding: 0 !important;
	border: none !important;
	text-decoration: none !important;
	transition: color 0.2s ease, gap 0.2s ease;
}

.ucd-work-link-btn svg {
	width: 10px;
	height: 10px;
	fill: currentColor;
	transition: transform 0.2s ease;
}

.ucd-work-link-btn:hover {
	color: var(--ucd-primary-hover) !important;
	gap: 12px;
}

.ucd-work-link-btn:hover svg {
	transform: translateX(3px);
}

/* Dual Marquee Container */
.ucd-work-marquee-container {
	width: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 22px;
	-webkit-mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
	mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
}

.ucd-work-marquee-row {
	width: 100%;
	overflow: hidden;
	display: flex;
	position: relative;
}

.ucd-work-track-left {
	display: flex;
	width: max-content;
	will-change: transform;
	transform: translate3d(0, 0, 0);
	animation: ucdWorkMarqueeLeft 54s linear infinite;
}

.ucd-work-track-right {
	display: flex;
	width: max-content;
	will-change: transform;
	transform: translate3d(0, 0, 0);
	animation: ucdWorkMarqueeRight 48s linear infinite;
}

.ucd-work-marquee-row:hover .ucd-work-track-left,
.ucd-work-marquee-row:hover .ucd-work-track-right {
	animation-play-state: paused;
}

.ucd-work-group {
	display: flex;
	align-items: center;
	gap: 22px;
	padding-right: 22px;
}

.ucd-work-sec .ucd-showcase-item {
	flex-shrink: 0;
	width: 440px;
	height: 260px;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
	background: #111111;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
}

.ucd-work-sec .ucd-showcase-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.35s cubic-bezier(0.2, 0, 0.2, 1);
}

.ucd-work-sec .ucd-showcase-item:hover img {
	transform: scale(1.04);
}

@keyframes ucdWorkMarqueeLeft {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-50%, 0, 0);
	}
}

@keyframes ucdWorkMarqueeRight {
	0% {
		transform: translate3d(-50%, 0, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}

@media (max-width: 1024px) {
	.ucd-work-title {
		font-size: 38px !important;
	}
	.ucd-showcase-item {
		width: 360px;
		height: 220px;
	}
}

@media (max-width: 768px) {
	.ucd-work-sec {
		padding: 50px 0 60px;
	}
	.ucd-work-title {
		font-size: 30px !important;
	}
	.ucd-work-top-row {
		margin-bottom: 28px;
	}
	.ucd-showcase-item {
		width: 280px;
		height: 175px;
		border-radius: 12px;
	}
	.ucd-work-group {
		gap: 14px;
		padding-right: 14px;
	}
	.ucd-work-marquee-container {
		gap: 14px;
	}
}


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SECTION 8: PRICING (REDESIGNED CARDS)
   High-Converting SaaS/Agency Pricing Cards | Brand Aligned | 100% Speed
   ========================================================================== */

.ucd-pricing-sec {
	position: relative;
	width: 100%;
	background-color: #F8F9FA;
	padding: 75px 20px 85px;
	box-sizing: border-box;
}

.ucd-pricing-inner {
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}

/* TOP ROW */
.ucd-pricing-top-row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 44px;
}

.ucd-pricing-header-col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 680px;
}

.ucd-pricing-title {
	font-family: var(--ucd-font) !important;
	font-size: 46px !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	color: var(--ucd-dark) !important;
	letter-spacing: -0.03em !important;
	margin: 0 0 14px !important;
}

.ucd-pricing-desc {
	font-family: var(--ucd-font) !important;
	font-size: 15.5px !important;
	line-height: 1.6 !important;
	color: var(--ucd-muted) !important;
	margin: 0 0 18px !important;
}

.ucd-pricing-link-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: transparent !important;
	color: var(--ucd-primary) !important;
	font-family: var(--ucd-font) !important;
	font-size: 15px;
	font-weight: 600;
	padding: 0 !important;
	border: none !important;
	text-decoration: none !important;
	transition: color 0.2s ease, gap 0.2s ease;
}

.ucd-pricing-link-btn svg {
	width: 10px;
	height: 10px;
	fill: currentColor;
	transition: transform 0.2s ease;
}

.ucd-pricing-link-btn:hover {
	color: var(--ucd-primary-hover) !important;
	gap: 12px;
}

.ucd-pricing-link-btn:hover svg {
	transform: translateX(3px);
}

/* REDESIGNED 3-CARD PRICING GRID */
.ucd-pricing-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	width: 100%;
	box-sizing: border-box;
	align-items: stretch;
}

/* PRICING CARD */
.ucd-pricing-card {
	background: #FFFFFF;
	border: 1px solid #EAEAEA;
	border-radius: 20px;
	padding: 34px 28px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
	position: relative;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.ucd-pricing-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
	border-color: #D6D6D6;
}

/* POPULAR CARD VARIANT */
.ucd-pricing-card.popular {
	border-color: #F8C6C3;
	box-shadow: 0 10px 30px rgba(197, 69, 62, 0.08);
	position: relative;
}

.ucd-pricing-card.popular:hover {
	border-color: var(--ucd-primary);
	box-shadow: 0 24px 48px rgba(197, 69, 62, 0.15);
}

/* TOP PILL BADGE */
.ucd-pricing-badge-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 18px;
}

.ucd-pricing-badge {
	display: inline-flex;
	align-items: center;
	font-family: var(--ucd-font) !important;
	font-size: 12px;
	font-weight: 600;
	padding: 5px 12px;
	border-radius: 9999px;
	line-height: 1.2;
	background: #F3F4F6;
	color: #4B5563;
	letter-spacing: 0.02em;
}

.ucd-pricing-badge.popular-badge {
	background: #FCEBEB;
	color: var(--ucd-primary);
	border: 1px solid #F8C6C3;
}

/* PLAN TITLE & SUBTITLE */
.ucd-pricing-card-title {
	font-family: var(--ucd-font) !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	line-height: 1.28 !important;
	color: var(--ucd-dark) !important;
	letter-spacing: -0.02em !important;
	margin: 0 0 10px !important;
}

.ucd-pricing-card-desc {
	font-family: var(--ucd-font) !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	color: var(--ucd-muted) !important;
	margin: 0 0 24px !important;
	min-height: 42px;
}

/* PRICE BLOCK */
.ucd-pricing-price-box {
	background: #FAFBFB;
	border: 1px solid #F0F2F5;
	border-radius: 14px;
	padding: 16px 18px;
	margin-bottom: 24px;
}

.ucd-pricing-card.popular .ucd-pricing-price-box {
	background: #FFF8F8;
	border-color: #FDE8E8;
}

.ucd-pricing-starting-label {
	font-family: var(--ucd-font) !important;
	font-size: 12px;
	font-weight: 600;
	color: var(--ucd-muted);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 4px;
}

.ucd-pricing-figure-row {
	display: flex;
	align-items: baseline;
	gap: 6px;
}

.ucd-pricing-figure {
	font-family: var(--ucd-font) !important;
	font-size: 38px;
	font-weight: 800;
	color: var(--ucd-dark);
	line-height: 1;
	letter-spacing: -0.03em;
}

.ucd-pricing-card.popular .ucd-pricing-figure {
	color: var(--ucd-primary);
}

.ucd-pricing-frequency {
	font-family: var(--ucd-font) !important;
	font-size: 14.5px;
	font-weight: 500;
	color: var(--ucd-muted);
}

/* FEATURES LIST */
.ucd-pricing-features-heading {
	font-family: var(--ucd-font) !important;
	font-size: 12.5px;
	font-weight: 700;
	color: #1F2937;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 0 0 14px !important;
}

.ucd-pricing-features-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 28px !important;
	display: flex;
	flex-direction: column;
	gap: 13px;
	flex: 1;
}

.ucd-pricing-feature-item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: var(--ucd-font) !important;
	font-size: 14.5px;
	color: #374151;
	line-height: 1.4;
}

.ucd-pricing-check-icon {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #FCEBEB;
	color: var(--ucd-primary);
	display: flex;
	align-items: center;
	justify-content: center;
}

.ucd-pricing-check-icon svg {
	width: 10px;
	height: 10px;
	fill: currentColor;
}

/* CARD CTA BUTTONS */
.ucd-pricing-card-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 13px 20px;
	box-sizing: border-box;
	border-radius: 12px;
	font-family: var(--ucd-font) !important;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none !important;
	cursor: pointer;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.ucd-pricing-card-btn svg {
	width: 9px;
	height: 9px;
	fill: currentColor;
	transition: transform 0.2s ease;
}

.ucd-pricing-card-btn:hover svg {
	transform: translateX(3px);
}

/* OUTLINE BUTTON */
.ucd-pricing-btn-outline {
	background: #FFFFFF;
	color: var(--ucd-dark) !important;
	border: 1px solid #DCDCDC;
}

.ucd-pricing-btn-outline:hover {
	background: #FAFBFB;
	border-color: var(--ucd-dark);
	color: var(--ucd-dark) !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
}

/* PRIMARY / POPULAR BUTTON */
.ucd-pricing-btn-primary {
	background: var(--ucd-primary);
	color: #FFFFFF !important;
	border: 1px solid var(--ucd-primary);
	box-shadow: 0 4px 14px rgba(197, 69, 62, 0.22);
}

.ucd-pricing-btn-primary:hover {
	background: var(--ucd-primary-hover);
	border-color: var(--ucd-primary-hover);
	color: #FFFFFF !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(197, 69, 62, 0.35);
}

/* ==================== RESPONSIVENESS ==================== */
@media (max-width: 1024px) {
	.ucd-pricing-title {
		font-size: 38px !important;
	}
	.ucd-pricing-grid {
		gap: 16px;
	}
	.ucd-pricing-card {
		padding: 28px 20px;
	}
	.ucd-pricing-figure {
		font-size: 32px;
	}
}

@media (max-width: 860px) {
	.ucd-pricing-grid {
		grid-template-columns: 1fr;
		max-width: 520px;
		margin: 0 auto;
		gap: 24px;
	}
	.ucd-pricing-card-desc {
		min-height: auto;
	}
}

@media (max-width: 768px) {
	.ucd-pricing-sec {
		padding: 50px 16px 60px;
	}
	.ucd-pricing-title {
		font-size: 30px !important;
	}
	.ucd-pricing-top-row {
		margin-bottom: 28px;
	}
}


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SECTION 9: WHY CHOOSE US
   Exact 1:1 Match | Smooth Interactive Accordion & Video Lightboxes | 100% Speed
   ========================================================================== */

.ucd-why-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
	padding: 75px 20px 85px;
	box-sizing: border-box;
}

.ucd-why-inner {
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}

.ucd-why-title {
	font-family: var(--ucd-font) !important;
	font-size: 46px !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	color: var(--ucd-dark) !important;
	letter-spacing: -0.03em !important;
	margin: 0 0 36px !important;
	max-width: 680px;
}

/* TOP FULL-WIDTH CARD (UI/UX & WEB DEV) */
.ucd-why-hero-card {
	background: #FFFFFF;
	border: 1px solid #EAEAEA;
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
	margin-bottom: 24px;
	box-sizing: border-box;
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.ucd-why-hero-card:hover {
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.06);
}

.ucd-why-hero-left {
	flex: 1;
	padding: 38px 36px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
}

.ucd-why-subtitle {
	font-family: var(--ucd-font) !important;
	font-size: 14.5px;
	color: var(--ucd-muted);
	margin: 0 0 8px !important;
	line-height: 1.5;
}

.ucd-why-card-heading {
	font-family: var(--ucd-font) !important;
	font-size: 26px !important;
	font-weight: 700 !important;
	color: var(--ucd-dark) !important;
	margin: 0 0 12px !important;
	line-height: 1.25 !important;
	letter-spacing: -0.02em;
}

.ucd-why-link-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: transparent !important;
	color: var(--ucd-primary) !important;
	font-family: var(--ucd-font) !important;
	font-size: 15px;
	font-weight: 600;
	padding: 0 !important;
	border: none !important;
	text-decoration: none !important;
	margin-bottom: 28px;
	align-self: flex-start;
	transition: color 0.2s ease, gap 0.2s ease;
}

.ucd-why-link-btn svg {
	width: 10px;
	height: 10px;
	fill: currentColor;
	transition: transform 0.2s ease;
}

.ucd-why-link-btn:hover {
	color: var(--ucd-primary-hover) !important;
	gap: 12px;
}

.ucd-why-link-btn:hover svg {
	transform: translateX(3px);
}

/* ACCORDION */
.ucd-why-accordion {
	border-top: 1px solid #ECECEC;
	margin-top: auto;
}

.ucd-why-acc-item {
	border-bottom: 1px solid #ECECEC;
}

.ucd-why-acc-btn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 0;
	background: transparent !important;
	border: none !important;
	outline: none !important;
	cursor: pointer;
	text-align: left;
	font-family: var(--ucd-font) !important;
	font-size: 15px;
	font-weight: 600;
	color: var(--ucd-dark);
	box-shadow: none !important;
	transition: color 0.2s ease;
}

.ucd-why-acc-btn:hover {
	color: var(--ucd-primary);
}

.ucd-why-acc-icon {
	width: 12px;
	height: 12px;
	fill: var(--ucd-muted);
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), fill 0.2s ease;
	flex-shrink: 0;
}

.ucd-why-acc-item.active .ucd-why-acc-btn {
	color: var(--ucd-primary);
}

.ucd-why-acc-item.active .ucd-why-acc-icon {
	transform: rotate(180deg);
	fill: var(--ucd-primary);
}

.ucd-why-acc-panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.ucd-why-acc-content {
	padding: 0 0 16px;
}

.ucd-why-acc-content p {
	margin: 0;
	font-family: var(--ucd-font) !important;
	font-size: 14px;
	color: var(--ucd-muted);
	line-height: 1.55;
}

.ucd-why-hero-right {
	flex: 1.15;
	background: #D9F1B5;
	display: flex;
	position: relative;
	overflow: hidden;
}

.ucd-why-hero-video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* BOTTOM 2-CARD GRID */
.ucd-why-bottom-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	width: 100%;
	box-sizing: border-box;
}

.ucd-why-subcard {
	background: #FFFFFF;
	border: 1px solid #EAEAEA;
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.ucd-why-subcard:hover {
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.06);
}

.ucd-why-subcard-body {
	padding: 32px 32px 24px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.ucd-why-subcard-title-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-top: 4px;
}

.ucd-why-subcard-heading {
	font-family: var(--ucd-font) !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	color: var(--ucd-dark) !important;
	margin: 0 !important;
	line-height: 1.28 !important;
	letter-spacing: -0.02em;
	flex: 1;
}

.ucd-why-subcard-title-row .ucd-why-link-btn {
	margin-bottom: 0 !important;
	flex-shrink: 0;
	margin-top: 2px;
}

.ucd-why-subcard-media {
	width: 100%;
	aspect-ratio: 16 / 10;
	background: #111111;
	overflow: hidden;
	display: flex;
}

.ucd-why-subcard-media img,
.ucd-why-subcard-media video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ==================== RESPONSIVENESS ==================== */
@media (max-width: 1024px) {
	.ucd-why-title {
		font-size: 38px !important;
	}
	.ucd-why-hero-card {
		flex-direction: column;
	}
	.ucd-why-hero-right {
		aspect-ratio: 16 / 10;
		width: 100%;
	}
	.ucd-why-bottom-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 768px) {
	.ucd-why-sec {
		padding: 50px 16px 60px;
	}
	.ucd-why-title {
		font-size: 30px !important;
		margin-bottom: 24px !important;
	}
	.ucd-why-hero-left {
		padding: 24px 20px;
	}
	.ucd-why-card-heading {
		font-size: 22px !important;
	}
	.ucd-why-subcard-body {
		padding: 24px 20px 20px;
	}
	.ucd-why-subcard-title-row {
		flex-direction: column;
		gap: 10px;
	}
}


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SECTION 10: RECENT BLOGS (REDESIGNED CARDS)
   Clean Agency Card Grid | High Conversion & Reading Experience | 100% Speed
   ========================================================================== */


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SECTION 10: RECENT BLOGS (WITH LOTTIE ANIMATION)
   Clean Agency Card Grid | Animated Document Lottie | 100% Core Web Vitals Speed
   ========================================================================== */

.ucd-blogs-sec {
	position: relative;
	width: 100%;
	background-color: #F8F9FA;
	padding: 75px 20px 85px;
	box-sizing: border-box;
}

.ucd-blogs-inner {
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}

/* TOP ROW */
.ucd-blogs-top-row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 40px;
}

.ucd-blogs-header-col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 680px;
}

.ucd-blogs-title {
	font-family: var(--ucd-font) !important;
	font-size: 46px !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	color: var(--ucd-dark) !important;
	letter-spacing: -0.03em !important;
	margin: 0 0 14px !important;
}

.ucd-blogs-desc {
	font-family: var(--ucd-font) !important;
	font-size: 15.5px !important;
	line-height: 1.6 !important;
	color: var(--ucd-muted) !important;
	margin: 0 0 18px !important;
}

.ucd-blogs-link-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: transparent !important;
	color: var(--ucd-primary) !important;
	font-family: var(--ucd-font) !important;
	font-size: 15px;
	font-weight: 600;
	padding: 0 !important;
	border: none !important;
	text-decoration: none !important;
	transition: color 0.2s ease, gap 0.2s ease;
}

.ucd-blogs-link-btn svg {
	width: 10px;
	height: 10px;
	fill: currentColor;
	transition: transform 0.2s ease;
}

.ucd-blogs-link-btn:hover {
	color: var(--ucd-primary-hover) !important;
	gap: 12px;
}

.ucd-blogs-link-btn:hover svg {
	transform: translateX(3px);
}

/* LOTTIE ICON CONTAINER */
.ucd-blogs-icon-col {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-shrink: 0;
}

.ucd-blogs-lottie-box {
	width: 58px;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ucd-blogs-lottie-box svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* REDESIGNED BLOG CARDS GRID */
.ucd-blogs-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	width: 100%;
	box-sizing: border-box;
}

/* BLOG CARD */
.ucd-blog-card {
	background: #FFFFFF;
	border: 1px solid #EAEAEA;
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
	position: relative;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.ucd-blog-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
	border-color: #D6D6D6;
}

/* BLOG THUMBNAIL */
.ucd-blog-img-wrap {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #111111;
	overflow: hidden;
	display: block;
	text-decoration: none;
}

.ucd-blog-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.35s cubic-bezier(0.2, 0, 0.2, 1);
}

.ucd-blog-card:hover .ucd-blog-img-wrap img {
	transform: scale(1.05);
}

/* BLOG BADGE / CATEGORY */
.ucd-blog-tag {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	background: rgba(25, 25, 24, 0.82);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	color: #FFFFFF;
	font-family: var(--ucd-font) !important;
	font-size: 11.5px;
	font-weight: 600;
	padding: 4px 10px;
	border-radius: 9999px;
	line-height: 1.2;
	letter-spacing: 0.02em;
}

/* BLOG CONTENT BODY */
.ucd-blog-body {
	padding: 24px 22px 24px;
	display: flex;
	flex-direction: column;
	flex: 1;
	justify-content: space-between;
	box-sizing: border-box;
}

.ucd-blog-card-title {
	font-family: var(--ucd-font) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1.38 !important;
	letter-spacing: -0.015em !important;
	margin: 0 0 12px !important;
}

.ucd-blog-card-title a {
	color: var(--ucd-dark) !important;
	text-decoration: none !important;
	transition: color 0.2s ease;
}

.ucd-blog-card-title a:hover {
	color: var(--ucd-primary) !important;
}

.ucd-blog-excerpt {
	font-family: var(--ucd-font) !important;
	font-size: 14px !important;
	line-height: 1.58 !important;
	color: var(--ucd-muted) !important;
	margin: 0 0 20px !important;
}

.ucd-blog-read-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: var(--ucd-font) !important;
	font-size: 14px;
	font-weight: 600;
	color: var(--ucd-primary) !important;
	text-decoration: none !important;
	margin-top: auto;
	transition: gap 0.2s ease, color 0.2s ease;
}

.ucd-blog-read-btn svg {
	width: 8px;
	height: 8px;
	fill: currentColor;
	transition: transform 0.2s ease;
}

.ucd-blog-read-btn:hover {
	color: var(--ucd-primary-hover) !important;
	gap: 10px;
}

.ucd-blog-read-btn:hover svg {
	transform: translateX(3px);
}

/* ==================== RESPONSIVENESS ==================== */
@media (max-width: 1024px) {
	.ucd-blogs-title {
		font-size: 38px !important;
	}
	.ucd-blogs-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 18px;
	}
}

@media (max-width: 768px) {
	.ucd-blogs-sec {
		padding: 50px 16px 60px;
	}
	.ucd-blogs-title {
		font-size: 30px !important;
	}
	.ucd-blogs-top-row {
		margin-bottom: 28px;
	}
	.ucd-blogs-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.ucd-blogs-icon-col {
		display: none;
	}
}


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SECTION 11: FREQUENTLY ASKED QUESTIONS (FAQ)
   Clean Modern Accordion Cards | Animated Lottie Icon | Schema.org SEO Structured
   ========================================================================== */

.ucd-faq-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
	padding: 75px 20px 85px;
	box-sizing: border-box;
}

.ucd-faq-inner {
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}

/* TOP ROW */
.ucd-faq-top-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 36px;
}

.ucd-faq-header-col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 680px;
}

.ucd-faq-title {
	font-family: var(--ucd-font) !important;
	font-size: 46px !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	color: var(--ucd-dark) !important;
	letter-spacing: -0.03em !important;
	margin: 0 0 14px !important;
}

.ucd-faq-desc {
	font-family: var(--ucd-font) !important;
	font-size: 15.5px !important;
	line-height: 1.6 !important;
	color: var(--ucd-muted) !important;
	margin: 0 !important;
}

/* LOTTIE ICON CONTAINER */
.ucd-faq-icon-col {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-shrink: 0;
}

.ucd-faq-lottie-box {
	width: 57px;
	height: 57px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ucd-faq-lottie-box svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* ACCORDION LIST */
.ucd-faq-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	box-sizing: border-box;
}

/* FAQ ITEM CARD */
.ucd-faq-item {
	background: #FFFFFF;
	border: 1px solid #EAEAEA;
	border-radius: 16px;
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	box-sizing: border-box;
}

.ucd-faq-item:hover {
	border-color: #D6D6D6;
}

.ucd-faq-item.active {
	border-color: #E2E8F0;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
}

.ucd-faq-btn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 24px;
	background: transparent !important;
	border: none !important;
	outline: none !important;
	cursor: pointer;
	text-align: left;
	font-family: var(--ucd-font) !important;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--ucd-dark);
	box-shadow: none !important;
	transition: color 0.2s ease;
	gap: 16px;
	box-sizing: border-box;
}

.ucd-faq-btn:hover {
	color: var(--ucd-primary);
}

.ucd-faq-btn-text {
	flex: 1;
}

.ucd-faq-chevron {
	width: 12px;
	height: 12px;
	fill: var(--ucd-muted);
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), fill 0.2s ease;
	flex-shrink: 0;
}

.ucd-faq-item.active .ucd-faq-btn {
	color: var(--ucd-primary);
}

.ucd-faq-item.active .ucd-faq-chevron {
	transform: rotate(180deg);
	fill: var(--ucd-primary);
}

.ucd-faq-panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.ucd-faq-content {
	padding: 0 24px 22px;
	box-sizing: border-box;
}

.ucd-faq-content p {
	margin: 0;
	font-family: var(--ucd-font) !important;
	font-size: 14.5px;
	color: var(--ucd-muted);
	line-height: 1.65;
}

/* ==================== RESPONSIVENESS ==================== */
@media (max-width: 1024px) {
	.ucd-faq-title {
		font-size: 38px !important;
	}
	.ucd-faq-btn {
		font-size: 15.5px;
		padding: 18px 20px;
	}
	.ucd-faq-content {
		padding: 0 20px 20px;
	}
}

@media (max-width: 768px) {
	.ucd-faq-sec {
		padding: 50px 16px 60px;
	}
	.ucd-faq-title {
		font-size: 30px !important;
		margin-bottom: 10px !important;
	}
	.ucd-faq-top-row {
		margin-bottom: 24px;
	}
	.ucd-faq-btn {
		font-size: 15px;
		padding: 16px 18px;
	}
	.ucd-faq-content {
		padding: 0 18px 18px;
	}
	.ucd-faq-content p {
		font-size: 14px;
	}
	.ucd-faq-icon-col {
		display: none;
	}
}


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SECTION 2: SERVICES & DIGITAL SOLUTIONS
   Exact 1:1 Elementor Match | Fixed Boxed Max-Width & 2-Col Mobile Layout
   ========================================================================== */

.ucd-services-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
	padding: 75px 0 85px;
	box-sizing: border-box;
}

.ucd-services-inner {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

/* TOP ROW: HEADER + FLOATING WORK GRAPHIC */
.ucd-services-top-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 40px;
}

.ucd-services-header-col {
	flex: 1;
	max-width: 580px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.ucd-services-title {
	font-family: var(--ucd-font) !important;
	font-size: 46px !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	color: var(--ucd-dark) !important;
	letter-spacing: -0.03em !important;
	margin: 0 0 16px !important;
}

.ucd-services-desc {
	font-family: var(--ucd-font) !important;
	font-size: 15.5px !important;
	line-height: 1.6 !important;
	color: var(--ucd-muted) !important;
	margin: 0 0 20px !important;
}

/* ENQUIRE NOW CORAL LINK */
.ucd-services-link-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: transparent !important;
	color: var(--ucd-primary) !important;
	font-family: var(--ucd-font) !important;
	font-size: 15px;
	font-weight: 600;
	padding: 0 !important;
	border: none !important;
	box-shadow: none !important;
	text-decoration: none !important;
	transition: color 0.2s ease, gap 0.2s ease;
}

.ucd-services-link-btn svg {
	width: 10px;
	height: 10px;
	fill: currentColor;
	transition: transform 0.2s ease;
}

.ucd-services-link-btn:hover {
	color: var(--ucd-primary-hover) !important;
	gap: 12px;
}

.ucd-services-link-btn:hover svg {
	transform: translateX(3px);
}

/* TOP RIGHT GRAPHIC FIGURE */
.ucd-services-graphic {
	margin: 0;
	padding: 0;
	flex: 0 0 auto;
	width: 380px;
	max-width: 380px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.ucd-services-graphic img {
	width: 100%;
	height: auto;
	max-width: 380px;
	display: block;
	object-fit: contain;
}

/* BOTTOM SERVICES GRID (4 COLUMNS) */
.ucd-services-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	width: 100%;
	box-sizing: border-box;
}

.ucd-service-card {
	background-color: #FFFFFF;
	border: 1px solid #ECECEC;
	border-radius: 14px;
	padding: 22px 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	min-height: 118px;
	box-sizing: border-box;
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.ucd-service-card:hover {
	transform: translateY(-3px);
	border-color: #D4D4D4;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}

.ucd-service-icon-wrap {
	width: 24px;
	height: 24px;
	margin-bottom: 12px;
	color: #7A7A7A;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-shrink: 0;
}

.ucd-service-icon-wrap svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
	display: block;
}

.ucd-service-title {
	font-family: var(--ucd-font) !important;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	color: var(--ucd-dark) !important;
	margin: 0 !important;
	letter-spacing: -0.01em;
}

/* ==================== RESPONSIVENESS ==================== */
@media (max-width: 1024px) {
	.ucd-services-inner {
		max-width: 960px;
	}
	.ucd-services-title {
		font-size: 38px !important;
	}
	.ucd-services-graphic {
		width: 320px;
		max-width: 320px;
	}
	.ucd-services-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
	}
}

@media (max-width: 768px) {
	.ucd-services-sec {
		padding: 45px 0 55px;
	}
	.ucd-services-inner {
		padding: 0 16px;
	}
	.ucd-services-top-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		margin-bottom: 28px;
	}
	.ucd-services-graphic {
		order: -1;
		width: 100%;
		max-width: 290px;
		margin: 0 0 16px 0;
		justify-content: flex-start;
	}
	.ucd-services-graphic img {
		max-width: 290px;
		margin: 0;
	}
	.ucd-services-graphic img {
		max-width: 290px;
	}
	.ucd-services-title {
		font-size: 30px !important;
		line-height: 1.15 !important;
		margin-bottom: 12px !important;
	}
	.ucd-services-desc {
		font-size: 14px !important;
		line-height: 1.55 !important;
		margin-bottom: 16px !important;
	}
	.ucd-services-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
	.ucd-service-card {
		padding: 16px 14px;
		min-height: 100px;
		border-radius: 12px;
	}
	.ucd-service-title {
		font-size: 13px !important;
		line-height: 1.3 !important;
	}
	.ucd-service-icon-wrap {
		width: 20px;
		height: 20px;
		margin-bottom: 10px;
	}
	.ucd-service-icon-wrap svg {
		width: 18px;
		height: 18px;
	}
}


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SHOP PAGE: SECTION 1 (SHOP HERO & LOTTIE)
   Exact 1:1 Match | Boxed Layout | Speed Index Optimized
   ========================================================================== */


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SHOP PAGE: HERO & PRODUCT GRID
   Exact 1:1 Match | Boxed 1140px | Speed Index Optimized | Strict SVG Constraints
   ========================================================================== */


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SHOP PAGE: HERO & PRODUCT GRID
   Exact 1:1 Match | Brand Guidelines | Boxed 1140px | Speed Optimized
   ========================================================================== */

:root {
	--ucd-primary: #C5453E;
	--ucd-primary-hover: #B03832;
	--ucd-dark: #191918;
	--ucd-muted: #555555;
	--ucd-border: #ECECEC;
	--ucd-bg-card: #FFFFFF;
	--ucd-font: 'Inter', system-ui, -apple-system, sans-serif;
}


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SHOP PAGE: HERO & PRODUCT GRID
   Exact 1:1 Match | Brand Guidelines | Boxed 1140px | Speed Optimized
   ========================================================================== */

:root {
	--ucd-primary: #C5453E;
	--ucd-primary-hover: #B03832;
	--ucd-dark: #191918;
	--ucd-muted: #555555;
	--ucd-border: #ECECEC;
	--ucd-bg-card: #FFFFFF;
	--ucd-font: 'Inter', system-ui, -apple-system, sans-serif;
}


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SHOP PAGE: HERO & PRODUCT GRID
   Exact 1:1 Match | Brand Guidelines | Boxed 1200px | Speed Optimized
   ========================================================================== */

.ucd-shop-page-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
	padding: 55px 0 80px;
	box-sizing: border-box;
}

.ucd-shop-page-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.ucd-shop-page-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 44px;
}

.ucd-shop-page-header-content {
	flex: 1;
	max-width: 680px;
}

.ucd-shop-page-title-row {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 14px;
}

.ucd-shop-page-title {
	font-family: var(--ucd-font) !important;
	font-size: 52px !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	color: var(--ucd-dark) !important;
	letter-spacing: -0.035em !important;
	margin: 0 !important;
}

.ucd-shop-page-desc {
	font-family: var(--ucd-font) !important;
	font-size: 16px !important;
	line-height: 1.62 !important;
	color: var(--ucd-muted) !important;
	margin: 0 !important;
}

.ucd-shop-lottie-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-shrink: 0;
	width: 76px !important;
	height: 64px !important;
	max-width: 76px !important;
	max-height: 64px !important;
	overflow: hidden !important;
}

.ucd-shop-lottie-box {
	width: 76px !important;
	height: 64px !important;
	max-width: 76px !important;
	max-height: 64px !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.ucd-shop-lottie-box svg {
	width: 100% !important;
	height: 100% !important;
	max-width: 76px !important;
	max-height: 64px !important;
	display: block !important;
	object-fit: contain !important;
}

.ucd-shop-lottie-mobile {
	display: none;
}

.ucd-shop-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	width: 100%;
}

.ucd-shop-card {
	background-color: #FFFFFF;
	border: 1px solid #ECECEC;
	border-radius: 16px;
	padding: 16px 16px 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.ucd-shop-card:hover {
	transform: translateY(-4px);
	border-color: #D4D4D4;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
}

.ucd-shop-card-thumb {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	background-color: #F8F9FA;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
}

.ucd-shop-card-img-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none !important;
}

.ucd-shop-card-img-link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}

.ucd-shop-card:hover .ucd-shop-card-img-link img {
	transform: scale(1.04);
}

.ucd-shop-badge-sale {
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: var(--ucd-primary);
	color: #FFFFFF;
	font-family: var(--ucd-font) !important;
	font-size: 11.5px;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 9999px;
	line-height: 1;
	z-index: 2;
	box-shadow: 0 2px 6px rgba(197, 69, 62, 0.25);
}

.ucd-shop-wishlist-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.9) !important;
	border: none !important;
	outline: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 2;
	padding: 0 !important;
	color: #8E8E93 !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	transition: transform 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}

.ucd-shop-wishlist-btn:hover {
	transform: scale(1.1);
	color: var(--ucd-primary) !important;
	background-color: #FFFFFF !important;
}

.ucd-shop-wishlist-btn.active {
	color: var(--ucd-primary) !important;
}

.ucd-shop-wishlist-btn svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	transition: fill 0.2s ease, stroke 0.2s ease;
}

.ucd-shop-wishlist-btn.active svg {
	fill: var(--ucd-primary);
	stroke: var(--ucd-primary);
}

.ucd-shop-card-details {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: space-between;
}

.ucd-shop-card-name {
	font-family: var(--ucd-font) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	margin: 0 0 10px !important;
	min-height: 40px;
}

.ucd-shop-card-name a {
	color: var(--ucd-dark) !important;
	text-decoration: none !important;
	transition: color 0.2s ease;
}

.ucd-shop-card-name a:hover {
	color: var(--ucd-primary) !important;
}

.ucd-shop-card-price {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
}

.ucd-shop-price-del {
	font-family: var(--ucd-font) !important;
	font-size: 13.5px !important;
	color: #8E8E93 !important;
	text-decoration: line-through;
}

.ucd-shop-price-cur {
	font-family: var(--ucd-font) !important;
	font-size: 15.5px !important;
	font-weight: 700 !important;
	color: var(--ucd-primary) !important;
}

.ucd-shop-btn-add {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background-color: var(--ucd-primary);
	color: #FFFFFF !important;
	font-family: var(--ucd-font) !important;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 18px;
	border-radius: 6px;
	text-decoration: none !important;
	border: none;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(197, 69, 62, 0.2);
	transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.ucd-shop-btn-add:hover {
	background-color: var(--ucd-primary-hover);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(197, 69, 62, 0.3);
	color: #FFFFFF !important;
}

.ucd-shop-btn-add.loading {
	opacity: 0.7;
	pointer-events: none;
}

.ucd-shop-btn-add.added {
	background-color: #2E7D32 !important;
}

@media (max-width: 1024px) {
	.ucd-shop-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.ucd-shop-page-title {
		font-size: 40px !important;
	}
}

@media (max-width: 768px) {
	.ucd-shop-page-sec {
		padding: 40px 0 50px;
	}
	.ucd-shop-page-inner {
		padding: 0 16px;
	}
	.ucd-shop-page-title {
		font-size: 32px !important;
	}
	.ucd-shop-page-header {
		margin-bottom: 30px;
	}
	.ucd-shop-lottie-desktop {
		display: none !important;
	}
	.ucd-shop-lottie-mobile {
		display: flex !important;
		width: 46px !important;
		height: 38px !important;
		max-width: 46px !important;
		max-height: 38px !important;
	}
	.ucd-shop-lottie-mobile svg {
		width: 46px !important;
		height: 38px !important;
		max-width: 46px !important;
		max-height: 38px !important;
	}
}

@media (max-width: 600px) {
	.ucd-shop-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}



/* ==========================================================================
   GLOBAL BRAND CONTAINER SYSTEM: STRICT 1200px BOXED & 20px GUTTER
   ========================================================================== */

.ucd-hero-inner,
.ucd-services-inner,
.ucd-reviews-inner,
.ucd-social-inner,
.ucd-shop-inner,
.ucd-tools-inner,
.ucd-work-inner,
.ucd-pricing-inner,
.ucd-why-inner,
.ucd-blogs-inner,
.ucd-faq-inner,
.ucd-shop-page-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.ucd-hero-sec,
.ucd-services-sec,
.ucd-reviews-sec,
.ucd-social-sec,
.ucd-shop-sec,
.ucd-tools-sec,
.ucd-work-sec,
.ucd-pricing-sec,
.ucd-why-sec,
.ucd-blogs-sec,
.ucd-faq-sec,
.ucd-shop-page-sec {
	width: 100% !important;
	box-sizing: border-box !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media (max-width: 768px) {
	.ucd-hero-inner,
	.ucd-services-inner,
	.ucd-reviews-inner,
	.ucd-social-inner,
	.ucd-shop-inner,
	.ucd-tools-inner,
	.ucd-work-inner,
	.ucd-pricing-inner,
	.ucd-why-inner,
	.ucd-blogs-inner,
	.ucd-faq-inner,
	.ucd-shop-page-inner {
		padding: 0 16px !important;
	}
}


/* ==========================================================================
   UCDREAMS CUSTOM THEME - OUR PRODUCTS PAGE: HERO & PRODUCT SHOWCASE GRID
   Exact 1:1 Match | Boxed 1200px | Speed Optimized | Brand Guidelines
   ========================================================================== */

/* HERO SECTION */
.ucd-our-products-hero-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
	background-image: radial-gradient(#E0E0E0 1.2px, transparent 1.2px);
	background-size: 24px 24px;
	padding: 65px 0 45px;
	box-sizing: border-box;
	overflow: hidden;
}

.ucd-our-products-hero-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}

.ucd-our-products-hero-title {
	font-family: var(--ucd-font) !important;
	font-size: 54px !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	color: var(--ucd-dark) !important;
	letter-spacing: -0.035em !important;
	margin: 0 0 14px !important;
}

.ucd-our-products-hero-desc {
	font-family: var(--ucd-font) !important;
	font-size: 16.5px !important;
	line-height: 1.6 !important;
	color: var(--ucd-muted) !important;
	margin: 0 0 28px !important;
	max-width: 580px;
}

.ucd-our-products-btn-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--ucd-primary, #C5453E);
	color: #FFFFFF !important;
	font-family: var(--ucd-font) !important;
	font-size: 15px;
	font-weight: 600;
	padding: 13px 32px;
	border-radius: 8px;
	text-decoration: none !important;
	box-shadow: 0 2px 8px rgba(197, 69, 62, 0.25);
	transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.ucd-our-products-btn-cta:hover {
	background-color: var(--ucd-primary-hover, #B03832);
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(197, 69, 62, 0.35);
	color: #FFFFFF !important;
}

/* PRODUCTS GRID SECTION */
.ucd-our-products-grid-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
	padding: 20px 0 75px;
	box-sizing: border-box;
}

.ucd-our-products-grid-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	box-sizing: border-box;
}

.ucd-our-products-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	width: 100%;
}

/* PRODUCT CARD */
.ucd-our-product-card {
	background-color: #FFFFFF;
	border: 1px solid #EAEAEA;
	border-radius: 20px;
	padding: 24px 24px 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, border-color 0.25s ease;
	overflow: hidden;
}

.ucd-our-product-card:hover {
	transform: translateY(-4px);
	border-color: #D4D4D4;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.06);
}

.ucd-our-product-card-top {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.ucd-our-product-tag {
	font-family: var(--ucd-font) !important;
	font-size: 13.5px !important;
	color: #7A7A7A !important;
	font-weight: 500 !important;
	margin: 0 0 6px !important;
	line-height: 1.3;
}

.ucd-our-product-title-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 24px;
}

.ucd-our-product-title {
	font-family: var(--ucd-font) !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	color: var(--ucd-dark, #191918) !important;
	margin: 0 !important;
	line-height: 1.25 !important;
}

.ucd-our-product-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--ucd-primary, #C5453E) !important;
	font-family: var(--ucd-font) !important;
	font-size: 14.5px;
	font-weight: 600;
	text-decoration: none !important;
	flex-shrink: 0;
	transition: transform 0.2s ease, color 0.2s ease;
}

.ucd-our-product-link svg {
	width: 10px;
	height: 10px;
	fill: currentColor;
	transition: transform 0.2s ease;
}

.ucd-our-product-card:hover .ucd-our-product-link svg {
	transform: translateX(3px);
}

.ucd-our-product-img-wrap {
	width: 100%;
	aspect-ratio: 16 / 10;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 0 0 16px 16px;
	background-color: #FFFFFF;
}

.ucd-our-product-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
	transition: transform 0.3s ease;
}

.ucd-our-product-card:hover .ucd-our-product-img-wrap img {
	transform: scale(1.03);
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 1024px) {
	.ucd-our-products-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.ucd-our-products-hero-title {
		font-size: 44px !important;
	}
}

@media (max-width: 680px) {
	.ucd-our-products-hero-sec {
		padding: 45px 0 35px;
	}
	.ucd-our-products-hero-inner,
	.ucd-our-products-grid-inner {
		padding: 0 16px !important;
	}
	.ucd-our-products-hero-title {
		font-size: 34px !important;
	}
	.ucd-our-products-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.ucd-our-product-card {
		padding: 20px 20px 0;
	}
	.ucd-our-product-title {
		font-size: 20px !important;
	}
}



/* ==========================================================================
   UCDREAMS CUSTOM THEME - SHOWCASES PAGE: HERO & PROJECT SHOWCASES
   Exact 1:1 Match | Boxed 1200px | Speed Optimized | Brand Guidelines
   ========================================================================== */

/* HERO SECTION */
.ucd-showcases-hero-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF !important;
	background-image: radial-gradient(#E0E0E0 1.2px, transparent 1.2px);
	background-size: 24px 24px;
	padding: 65px 0 55px;
	box-sizing: border-box;
	overflow: hidden;
}

.ucd-showcases-hero-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}

.ucd-showcases-hero-tag {
	display: inline-block;
	background: #FFFFFF !important;
	border: 1px solid #DCDCDC !important;
	border-radius: 9999px;
	padding: 6px 18px;
	font-family: var(--ucd-font) !important;
	font-size: 13.5px;
	font-weight: 500;
	color: #555555 !important;
	margin: 0 0 16px;
	line-height: 1.3;
}

.ucd-showcases-hero-title {
	font-family: var(--ucd-font) !important;
	font-size: 56px !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	color: #191918 !important;
	letter-spacing: -0.035em !important;
	margin: 0 0 16px !important;
}

.ucd-showcases-hero-desc {
	font-family: var(--ucd-font) !important;
	font-size: 16px !important;
	line-height: 1.65 !important;
	color: #555555 !important;
	margin: 0 !important;
	max-width: 780px;
}

/* SHOWCASES LIST SECTION */
.ucd-showcases-list-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF !important;
	background: #FFFFFF !important;
	padding: 40px 0 70px;
	box-sizing: border-box;
}

.ucd-showcases-list-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 60px;
}

/* INDIVIDUAL SHOWCASE ITEM ROW (ABSOLUTELY NO DARK BACKGROUND) */
.ucd-showcases-list-sec .ucd-showcase-item,
.ucd-showcase-project-row {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 48px !important;
	width: 100% !important;
	height: auto !important;
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

.ucd-showcase-item-content,
.ucd-showcase-project-info {
	flex: 0 0 42% !important;
	max-width: 460px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	text-align: left !important;
	box-sizing: border-box !important;
}

.ucd-showcase-domain {
	font-family: var(--ucd-font) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #7A7A7A !important;
	margin: 0 0 8px !important;
	line-height: 1.3 !important;
}

.ucd-showcase-title {
	font-family: var(--ucd-font) !important;
	font-size: 34px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	color: #191918 !important;
	letter-spacing: -0.025em !important;
	margin: 0 0 14px !important;
}

.ucd-showcase-desc {
	font-family: var(--ucd-font) !important;
	font-size: 15.5px !important;
	line-height: 1.62 !important;
	color: #555555 !important;
	margin: 0 0 24px !important;
}

.ucd-showcase-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background-color: #FADDDC !important;
	color: #C5453E !important;
	font-family: var(--ucd-font) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	padding: 10px 22px !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	border: none !important;
	box-shadow: none !important;
	transition: all 0.2s ease !important;
}

.ucd-showcase-btn svg {
	width: 8px !important;
	height: 8px !important;
	fill: #C5453E !important;
	transition: transform 0.2s ease;
}

.ucd-showcase-btn:hover {
	background-color: #C5453E !important;
	color: #FFFFFF !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 14px rgba(197, 69, 62, 0.3) !important;
}

.ucd-showcase-btn:hover svg {
	fill: #FFFFFF !important;
	transform: translateX(3px);
}

.ucd-showcase-item-preview,
.ucd-showcase-project-media {
	flex: 0 0 54% !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.07) !important;
	border: 1px solid #ECECEC !important;
	background: #FFFFFF !important;
	box-sizing: border-box !important;
	transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.ucd-showcase-item-preview:hover,
.ucd-showcase-project-media:hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 14px 38px rgba(0, 0, 0, 0.1) !important;
}

.ucd-showcase-item-preview a,
.ucd-showcase-project-media a {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	text-decoration: none !important;
}

.ucd-showcase-item-preview img,
.ucd-showcase-project-media img {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 16 / 8.5 !important;
	object-fit: cover !important;
	display: block !important;
	transition: transform 0.4s ease !important;
}

.ucd-showcase-item-preview:hover img,
.ucd-showcase-project-media:hover img {
	transform: scale(1.02) !important;
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 1024px) {
	.ucd-showcases-list-sec .ucd-showcase-item,
	.ucd-showcase-project-row {
		gap: 32px !important;
	}
	.ucd-showcase-title {
		font-size: 28px !important;
	}
	.ucd-showcases-hero-title {
		font-size: 46px !important;
	}
}

@media (max-width: 860px) {
	.ucd-showcases-list-inner {
		gap: 48px !important;
	}
	.ucd-showcases-list-sec .ucd-showcase-item,
	.ucd-showcase-project-row {
		flex-direction: column-reverse !important;
		align-items: stretch !important;
		gap: 20px !important;
	}
	.ucd-showcase-item-content,
	.ucd-showcase-project-info {
		flex: 1 1 100% !important;
		max-width: 100% !important;
	}
	.ucd-showcase-item-preview,
	.ucd-showcase-project-media {
		flex: 1 1 100% !important;
		width: 100% !important;
	}
	.ucd-showcases-hero-sec {
		padding: 45px 0 35px !important;
	}
	.ucd-showcases-hero-inner,
	.ucd-showcases-list-inner {
		padding: 0 16px !important;
	}
	.ucd-showcases-hero-title {
		font-size: 36px !important;
	}
}



/* ==========================================================================
   UCDREAMS CUSTOM THEME - OUR SERVICES PAGE
   Exact 1:1 Match | Boxed 1200px | Speed Optimized | Brand Guidelines
   ========================================================================== */

/* HERO SECTION */
.ucd-services-hero-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF !important;
	background-image: radial-gradient(#E0E0E0 1.2px, transparent 1.2px);
	background-size: 24px 24px;
	padding: 65px 0 55px;
	box-sizing: border-box;
	overflow: hidden;
}

.ucd-services-hero-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}

.ucd-services-hero-tag {
	display: inline-block;
	background: #FFFFFF !important;
	border: 1px solid #DCDCDC !important;
	border-radius: 9999px;
	padding: 6px 18px;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 13.5px;
	font-weight: 500;
	color: #555555 !important;
	margin: 0 0 16px;
	line-height: 1.3;
}

.ucd-services-hero-title {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 56px !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	color: #191918 !important;
	letter-spacing: -0.035em !important;
	margin: 0 0 16px !important;
}

.ucd-services-hero-desc {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 16px !important;
	line-height: 1.65 !important;
	color: #555555 !important;
	margin: 0 !important;
	max-width: 780px;
}

/* SERVICES LIST SECTION */
.ucd-services-list-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF !important;
	background: #FFFFFF !important;
	padding: 40px 0 50px;
	box-sizing: border-box;
}

.ucd-services-list-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

/* INDIVIDUAL SERVICE CARD */
.ucd-service-card-item {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 48px !important;
	width: 100% !important;
	background: #FFFFFF !important;
	border: 1px solid #ECECEC !important;
	border-radius: 18px !important;
	padding: 38px 48px !important;
	box-sizing: border-box !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.ucd-service-card-item:hover {
	transform: translateY(-3px);
	border-color: #DCDCDC !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

.ucd-service-media-col {
	flex: 0 0 38% !important;
	max-width: 360px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
}

.ucd-service-media-col img {
	max-width: 100% !important;
	max-height: 280px !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
	display: block !important;
	transition: transform 0.3s ease !important;
}

.ucd-service-card-item:hover .ucd-service-media-col img {
	transform: scale(1.03);
}

.ucd-service-content-col {
	flex: 0 0 58% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	text-align: left !important;
	box-sizing: border-box !important;
}

.ucd-service-card-item .ucd-service-title {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 32px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	color: #191918 !important;
	letter-spacing: -0.025em !important;
	margin: 0 0 14px !important;
}

.ucd-service-desc {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 15.5px !important;
	line-height: 1.65 !important;
	color: #555555 !important;
	margin: 0 0 22px !important;
}

.ucd-service-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	color: #C5453E !important;
	background: transparent !important;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	padding: 0 !important;
	border: none !important;
	text-decoration: none !important;
	transition: gap 0.2s ease, color 0.2s ease !important;
}

.ucd-service-btn svg {
	width: 9px !important;
	height: 9px !important;
	fill: #C5453E !important;
	transition: transform 0.2s ease;
}

.ucd-service-btn:hover {
	gap: 12px !important;
	color: #B23B35 !important;
}

.ucd-service-btn:hover svg {
	transform: translateX(3px);
}

/* WHY CHOOSE US CALLOUT SECTION */
.ucd-services-why-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF !important;
	padding: 20px 0 60px;
	box-sizing: border-box;
}

.ucd-services-why-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	box-sizing: border-box;
}

.ucd-services-why-card {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 48px !important;
	width: 100% !important;
	background: #FFFFFF !important;
	border: 1px solid #ECECEC !important;
	border-radius: 18px !important;
	padding: 44px 48px !important;
	box-sizing: border-box !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

.ucd-services-why-media {
	flex: 0 0 38% !important;
	max-width: 360px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.ucd-services-why-media img {
	max-width: 100% !important;
	max-height: 280px !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
	display: block !important;
}

.ucd-services-why-content {
	flex: 0 0 58% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	text-align: left !important;
}

.ucd-services-why-title {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 32px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	color: #191918 !important;
	letter-spacing: -0.025em !important;
	margin: 0 0 14px !important;
}

.ucd-services-why-desc {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 15.5px !important;
	line-height: 1.65 !important;
	color: #555555 !important;
	margin: 0 0 24px !important;
}

.ucd-services-why-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background-color: #FADDDC !important;
	color: #C5453E !important;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	padding: 11px 24px !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	border: none !important;
	box-shadow: none !important;
	transition: all 0.2s ease !important;
}

.ucd-services-why-btn svg {
	width: 8px !important;
	height: 8px !important;
	fill: #C5453E !important;
	transition: transform 0.2s ease;
}

.ucd-services-why-btn:hover {
	background-color: #C5453E !important;
	color: #FFFFFF !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 14px rgba(197, 69, 62, 0.3) !important;
}

.ucd-services-why-btn:hover svg {
	fill: #FFFFFF !important;
	transform: translateX(3px);
}

/* FAQ SECTION */
.ucd-faq-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
	padding: 60px 0 75px;
	box-sizing: border-box;
}

.ucd-faq-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	box-sizing: border-box;
}

.ucd-faq-top-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 36px;
}

.ucd-faq-header-col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 680px;
}

.ucd-faq-title {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 46px !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	color: var(--ucd-dark, #191918) !important;
	letter-spacing: -0.03em !important;
	margin: 0 0 14px !important;
}

.ucd-faq-desc {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 15.5px !important;
	line-height: 1.6 !important;
	color: var(--ucd-muted, #555555) !important;
	margin: 0 !important;
}

.ucd-faq-icon-col {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-shrink: 0;
}

.ucd-faq-lottie-box {
	width: 57px;
	height: 57px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ucd-faq-lottie-box svg {
	width: 100%;
	height: 100%;
	display: block;
}

.ucd-faq-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	box-sizing: border-box;
}

.ucd-faq-item {
	background: #FFFFFF;
	border: 1px solid #EAEAEA;
	border-radius: 16px;
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	box-sizing: border-box;
}

.ucd-faq-item:hover {
	border-color: #D6D6D6;
}

.ucd-faq-item.active {
	border-color: #E2E8F0;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
}

.ucd-faq-btn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 24px;
	background: transparent !important;
	border: none !important;
	outline: none !important;
	cursor: pointer;
	text-align: left;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--ucd-dark, #191918);
	box-shadow: none !important;
	transition: color 0.2s ease;
	gap: 16px;
	box-sizing: border-box;
}

.ucd-faq-btn:hover {
	color: var(--ucd-primary, #C5453E);
}

.ucd-faq-btn-text {
	flex: 1;
}

.ucd-faq-chevron {
	width: 12px;
	height: 12px;
	fill: var(--ucd-muted, #7A7A7A);
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), fill 0.2s ease;
	flex-shrink: 0;
}

.ucd-faq-item.active .ucd-faq-btn {
	color: var(--ucd-primary, #C5453E);
}

.ucd-faq-item.active .ucd-faq-chevron {
	transform: rotate(180deg);
	fill: var(--ucd-primary, #C5453E);
}

.ucd-faq-panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.ucd-faq-content {
	padding: 0 24px 22px;
	box-sizing: border-box;
}

.ucd-faq-content p {
	margin: 0;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 14.5px;
	color: var(--ucd-muted, #555555);
	line-height: 1.65;
}

/* SOCIAL PROOF SECTION */
.ucd-social-sec {
	position: relative;
	background-color: #FFFFFF;
	padding: 50px 0 85px;
	width: 100%;
	box-sizing: border-box;
}

.ucd-social-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	box-sizing: border-box;
}

.ucd-social-top-row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 36px;
}

.ucd-social-header-col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.ucd-social-title {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 46px !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	color: var(--ucd-dark, #191918) !important;
	letter-spacing: -0.03em !important;
	margin: 0 0 14px !important;
}

.ucd-social-desc {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 15.5px !important;
	line-height: 1.6 !important;
	color: var(--ucd-muted, #555555) !important;
	margin: 0 0 18px !important;
}

.ucd-social-link-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background: transparent !important;
	color: var(--ucd-primary, #C5453E) !important;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	padding: 0 !important;
	border: none !important;
	text-decoration: none !important;
	transition: color 0.2s ease, gap 0.2s ease !important;
}

.ucd-social-link-btn svg {
	width: 10px;
	height: 10px;
	fill: currentColor;
	transition: transform 0.2s ease;
}

.ucd-social-link-btn:hover {
	color: #B23B35 !important;
}

.ucd-social-link-btn:hover svg {
	transform: translateX(4px);
}

.ucd-social-badge-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-shrink: 0;
}

.ucd-social-badge-wrap img {
	height: 52px;
	width: auto;
	max-width: 60px;
	object-fit: contain;
	display: block;
}

/* REELS CAROUSEL */
.ucd-reels-carousel-wrap {
	position: relative;
	width: 100%;
}

.ucd-reels-track {
	display: flex;
	gap: 18px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-bottom: 8px;
}

.ucd-reels-track::-webkit-scrollbar {
	display: none;
}

.ucd-reels-nav-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #FFFFFF !important;
	border: 1px solid #ECECEC !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 5;
	color: #191918 !important;
	padding: 0 !important;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
}

.ucd-reels-nav-btn:hover {
	background-color: var(--ucd-primary, #C5453E) !important;
	border-color: var(--ucd-primary, #C5453E) !important;
	color: #FFFFFF !important;
	transform: translateY(-50%) scale(1.05);
	box-shadow: 0 6px 16px rgba(197, 69, 62, 0.3) !important;
}

.ucd-reels-nav-btn svg {
	width: 14px;
	height: 14px;
	stroke: currentColor;
	stroke-width: 2.5;
	fill: none;
}

.ucd-reels-prev {
	left: -18px;
}

.ucd-reels-next {
	right: -18px;
}

/* REEL CARD */
.ucd-reel-card {
	flex: 0 0 calc(25% - 14px);
	min-width: 240px;
	scroll-snap-align: start;
	border-radius: 16px;
	overflow: hidden;
	position: relative;
	aspect-ratio: 9 / 16;
	background-color: #191918;
	cursor: pointer;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.ucd-reel-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 14px 32px rgba(0, 0, 0, 0.15);
}

.ucd-reel-media {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ucd-reel-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);
	transition: background 0.25s ease;
}

.ucd-reel-card:hover .ucd-reel-overlay {
	background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 100%);
}

.ucd-reel-play-btn {
	position: relative;
	z-index: 2;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ucd-primary, #C5453E);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
	transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.ucd-reel-card:hover .ucd-reel-play-btn {
	transform: scale(1.12);
	background: var(--ucd-primary, #C5453E);
	color: #FFFFFF;
}

.ucd-reel-play-btn svg {
	width: 22px;
	height: 22px;
	fill: currentColor;
	margin-left: 3px;
}

/* VIDEO MODAL LIGHTBOX */
.ucd-video-modal {
	position: fixed;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.85);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 999999;
	padding: 20px;
	opacity: 0;
	transition: opacity 0.25s ease;
}

.ucd-video-modal.active {
	display: flex;
	opacity: 1;
}

.ucd-video-modal-content {
	position: relative;
	width: 100%;
	max-width: 420px;
	aspect-ratio: 9 / 16;
	background: #000000;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.ucd-video-modal-close {
	position: absolute;
	top: -45px;
	right: 0;
	background: none;
	border: none;
	color: #FFFFFF;
	font-size: 36px;
	font-weight: 300;
	cursor: pointer;
	line-height: 1;
	padding: 0;
	transition: transform 0.15s ease, color 0.15s ease;
}

.ucd-video-modal-close:hover {
	color: var(--ucd-primary, #C5453E);
	transform: scale(1.15);
}

.ucd-video-player-container {
	width: 100%;
	height: 100%;
}

.ucd-video-player-container iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 1024px) {
	.ucd-service-card-item,
	.ucd-services-why-card {
		gap: 32px !important;
		padding: 32px 32px !important;
	}
	.ucd-service-card-item .ucd-service-title,
	.ucd-services-why-title {
		font-size: 26px !important;
	}
	.ucd-services-hero-title {
		font-size: 46px !important;
	}
	.ucd-faq-title,
	.ucd-social-title {
		font-size: 36px !important;
	}
	.ucd-reel-card {
		flex: 0 0 calc(33.333% - 12px);
	}
	.ucd-reels-prev {
		left: -10px;
	}
	.ucd-reels-next {
		right: -10px;
	}
}

@media (max-width: 768px) {
	.ucd-services-hero-sec {
		padding: 45px 0 35px !important;
	}
	.ucd-services-hero-inner,
	.ucd-services-list-inner,
	.ucd-services-why-inner,
	.ucd-faq-inner,
	.ucd-social-inner {
		padding: 0 16px !important;
	}
	.ucd-services-hero-title {
		font-size: 36px !important;
	}
	.ucd-service-card-item,
	.ucd-services-why-card {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 20px !important;
		padding: 24px 20px !important;
	}
	.ucd-service-media-col,
	.ucd-service-content-col,
	.ucd-services-why-media,
	.ucd-services-why-content {
		flex: 1 1 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	.ucd-service-media-col,
	.ucd-services-why-media {
		justify-content: flex-start !important;
	}
	.ucd-service-media-col img,
	.ucd-services-why-media img {
		max-height: 200px !important;
	}
	.ucd-faq-sec,
	.ucd-social-sec {
		padding: 45px 0 55px;
	}
	.ucd-faq-title,
	.ucd-social-title {
		font-size: 28px !important;
		margin-bottom: 10px !important;
	}
	.ucd-faq-top-row,
	.ucd-social-top-row {
		margin-bottom: 24px;
	}
	.ucd-faq-btn {
		font-size: 15px;
		padding: 16px 18px;
	}
	.ucd-faq-content {
		padding: 0 18px 18px;
	}
	.ucd-faq-content p {
		font-size: 14px;
	}
	.ucd-faq-icon-col {
		display: none;
	}
	.ucd-reel-card {
		flex: 0 0 calc(50% - 9px);
		min-width: 200px;
	}
}


/* ==========================================================================
   UCDREAMS CUSTOM THEME - BLOGS ARCHIVE PAGE
   Exact 1:1 Match | Boxed 1200px | Speed Optimized | Brand Guidelines
   ========================================================================== */

/* HERO SECTION */
.ucd-blogs-hero-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF !important;
	background-image: radial-gradient(#E0E0E0 1.2px, transparent 1.2px);
	background-size: 24px 24px;
	padding: 65px 0 55px;
	box-sizing: border-box;
	overflow: hidden;
}

.ucd-blogs-hero-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}

.ucd-blogs-hero-tag {
	display: inline-block;
	background: #FFFFFF !important;
	border: 1px solid #DCDCDC !important;
	border-radius: 9999px;
	padding: 6px 18px;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 13.5px;
	font-weight: 500;
	color: #555555 !important;
	margin: 0 0 16px;
	line-height: 1.3;
}

.ucd-blogs-hero-title {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 56px !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	color: #191918 !important;
	letter-spacing: -0.035em !important;
	margin: 0 0 16px !important;
}

.ucd-blogs-hero-desc {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 16px !important;
	line-height: 1.65 !important;
	color: #555555 !important;
	margin: 0 !important;
	max-width: 780px;
}

/* BLOGS ARCHIVE GRID SECTION */
.ucd-blogs-archive-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF !important;
	padding: 40px 0 80px;
	box-sizing: border-box;
}

.ucd-blogs-archive-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	box-sizing: border-box;
}

.ucd-blogs-archive-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 30px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* INDIVIDUAL BLOG CARD */
.ucd-blog-archive-card {
	background: #FFFFFF !important;
	border: 1px solid #ECECEC !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
	position: relative;
}

.ucd-blog-archive-card:hover {
	transform: translateY(-5px) !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
	border-color: #DCDCDC !important;
}

.ucd-blog-archive-thumb {
	position: relative;
	width: 100%;
	height: 210px;
	overflow: hidden;
	background: #F4F4F5;
	border-radius: 18px 18px 0 0;
	box-sizing: border-box;
}

.ucd-blog-archive-thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.ucd-blog-archive-card:hover .ucd-blog-archive-thumb img {
	transform: scale(1.04) !important;
}

.ucd-blog-archive-body {
	padding: 22px 20px 24px !important;
	display: flex !important;
	flex-direction: column !important;
	flex-grow: 1 !important;
	background: #FFFFFF !important;
	box-sizing: border-box !important;
}

.ucd-blog-archive-title {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #191918 !important;
	line-height: 1.4 !important;
	margin: 0 0 10px !important;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.2s ease !important;
}

.ucd-blog-archive-card:hover .ucd-blog-archive-title {
	color: #C5453E !important;
}

.ucd-blog-archive-excerpt {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
	color: #666666 !important;
	margin: 0 0 18px !important;
	flex-grow: 1 !important;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.ucd-blog-archive-cta {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: #C5453E !important;
	margin-top: auto !important;
	transition: gap 0.2s ease !important;
}

.ucd-blog-archive-cta svg {
	width: 10px !important;
	height: 10px !important;
	fill: #C5453E !important;
	transition: transform 0.2s ease !important;
}

.ucd-blog-archive-card:hover .ucd-blog-archive-cta {
	gap: 10px !important;
}

.ucd-blog-archive-card:hover .ucd-blog-archive-cta svg {
	transform: translateX(3px) !important;
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 1024px) {
	.ucd-blogs-archive-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 24px !important;
	}
	.ucd-blogs-hero-title {
		font-size: 44px !important;
	}
}

@media (max-width: 768px) {
	.ucd-blogs-hero-sec {
		padding: 50px 0 40px !important;
	}
	.ucd-blogs-hero-inner,
	.ucd-blogs-archive-inner {
		padding: 0 16px !important;
	}
	.ucd-blogs-hero-title {
		font-size: 34px !important;
	}
	.ucd-blogs-hero-desc {
		font-size: 15px !important;
	}
	.ucd-blogs-archive-sec {
		padding: 30px 0 60px !important;
	}
	.ucd-blogs-archive-grid {
		grid-template-columns: 1fr !important;
		gap: 20px !important;
	}
	.ucd-blog-archive-thumb {
		height: 190px !important;
	}
}


/* ==========================================================================
   UCDREAMS CUSTOM THEME - CONTACT US PAGE
   Exact 1:1 Match | Boxed 1200px | Speed Optimized | Brand Guidelines
   ========================================================================== */


/* ==========================================================================
   UCDREAMS CUSTOM THEME - CONTACT US PAGE (EXACT 1:1 ELEMENTOR MATCH)
   ========================================================================== */

/* 1. HERO SECTION */
.ucd-contact-hero-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF !important;
	background-image: radial-gradient(#E0E0E0 1.2px, transparent 1.2px);
	background-size: 24px 24px;
	padding: 65px 0 20px;
	box-sizing: border-box;
	overflow: hidden;
}

.ucd-contact-hero-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}

.ucd-contact-hero-tag {
	display: inline-block;
	background: #FFFFFF !important;
	border: 1px solid #DCDCDC !important;
	border-radius: 9999px;
	padding: 6px 18px;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 13.5px;
	font-weight: 500;
	color: #555555 !important;
	margin: 0 0 16px;
	line-height: 1.3;
}

.ucd-contact-hero-title {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 56px !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	color: #191918 !important;
	letter-spacing: -0.035em !important;
	margin: 0 0 16px !important;
}

.ucd-contact-hero-desc {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 16px !important;
	line-height: 1.65 !important;
	color: #555555 !important;
	margin: 0 !important;
	max-width: 780px;
}

/* 2. FORM SECTION (EXACT 1200PX CONTAINER & 2-COLUMN GRID) */
.ucd-contact-form-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF !important;
	padding: 10px 0 70px;
	box-sizing: border-box;
}

.ucd-contact-form-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	box-sizing: border-box;
}

.ucd-contact-form-wrap {
	width: 100%;
	box-sizing: border-box;
}

/* Force Inter Font everywhere in WPForms */
.ucd-contact-form-wrap .wpforms-container,
.ucd-contact-form-wrap .wpforms-container * {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
}

.ucd-contact-form-wrap .wpforms-container {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* Hide Honeypot / Anti-Spam Field */
#wpforms-1771-field_3-container,
.ucd-contact-form-wrap .wpforms-field-hidden {
	display: none !important;
}

/* Desktop & Tablet 2-Column Grid */
@media (min-width: 768px) {
	.ucd-contact-form-wrap .wpforms-field-container {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 0px 20px !important;
	}

	.ucd-contact-form-wrap .wpforms-field-textarea,
	.ucd-contact-form-wrap .wpforms-field-file-upload,
	.ucd-contact-form-wrap .wpforms-conditional-field {
		grid-column: 1 / -1 !important;
	}

	.ucd-contact-form-wrap .wpforms-field-url {
		grid-column: auto !important;
	}

	.ucd-contact-form-wrap .wpforms-submit-container {
		grid-column: 1 / -1 !important;
	}
}

@media (max-width: 767px) {
	.ucd-contact-form-wrap .wpforms-field-container {
		display: flex !important;
		flex-direction: column !important;
		gap: 0px !important;
	}
	.ucd-contact-form-wrap .wpforms-field {
		margin-bottom: 16px !important;
	}
}

/* Input Fields Polish matching Elementor */
.ucd-contact-form-wrap .wpforms-field {
	margin-bottom: 16px !important;
	padding: 0 !important;
}

.ucd-contact-form-wrap .wpforms-field-label {
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 19px !important;
	color: rgba(0, 0, 0, 0.85) !important;
	margin-bottom: 6px !important;
	display: block !important;
}

.ucd-contact-form-wrap .wpforms-required-label {
	color: #C5453E !important;
	font-weight: bold;
}

.ucd-contact-form-wrap input,
.ucd-contact-form-wrap select,
.ucd-contact-form-wrap textarea {
	max-width: unset !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.ucd-contact-form-wrap input[type="text"],
.ucd-contact-form-wrap input[type="email"],
.ucd-contact-form-wrap input[type="tel"] {
	height: 43px !important;
	border: 1px solid rgba(0, 0, 0, 0.25) !important;
	border-radius: 3px !important;
	background-color: #FFFFFF !important;
	padding: 0 14px !important;
	font-size: 15px !important;
	color: #191918 !important;
	outline: none !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* International Tel Input Specific Spacing & Alignment */
.ucd-contact-form-wrap .iti,
.wpforms-form .iti {
	position: relative !important;
	display: block !important;
	width: 100% !important;
}

.ucd-contact-form-wrap .iti input[type="tel"],
.ucd-contact-form-wrap input.iti__tel-input,
.ucd-contact-form-wrap .wpforms-smart-phone-field,
.wpforms-form .iti input[type="tel"],
.wpforms-form input.iti__tel-input,
.wpforms-form .wpforms-smart-phone-field {
	padding-left: 72px !important;
	padding-right: 14px !important;
	height: 43px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	border: 1px solid rgba(0, 0, 0, 0.25) !important;
	border-radius: 3px !important;
	background-color: #FFFFFF !important;
	font-size: 15px !important;
	color: #191918 !important;
	outline: none !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.ucd-contact-form-wrap .iti__country-container,
.wpforms-form .iti__country-container {
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	z-index: 2 !important;
	display: flex !important;
	align-items: center !important;
	height: 100% !important;
	padding: 0 !important;
	pointer-events: auto !important;
}

.ucd-contact-form-wrap .iti__selected-country,
.wpforms-form .iti__selected-country {
	background: transparent !important;
	border: none !important;
	padding: 0 8px 0 12px !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	box-shadow: none !important;
	cursor: pointer !important;
	outline: none !important;
	border-radius: 3px 0 0 3px !important;
}

.ucd-contact-form-wrap .iti__selected-country:hover,
.ucd-contact-form-wrap .iti__selected-country:focus,
.wpforms-form .iti__selected-country:hover,
.wpforms-form .iti__selected-country:focus {
	background: rgba(0, 0, 0, 0.04) !important;
}

.ucd-contact-form-wrap .iti__selected-country-primary,
.wpforms-form .iti__selected-country-primary {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
}

.ucd-contact-form-wrap .iti__arrow,
.wpforms-form .iti__arrow {
	margin-left: 6px !important;
	border-left: 4px solid transparent !important;
	border-right: 4px solid transparent !important;
	border-top: 4px solid #555555 !important;
}

.ucd-contact-form-wrap .iti__arrow--up,
.wpforms-form .iti__arrow--up {
	border-top: none !important;
	border-bottom: 4px solid #555555 !important;
}

.ucd-contact-form-wrap .iti__dropdown-content,
.wpforms-form .iti__dropdown-content {
	background-color: #FFFFFF !important;
	border: 1px solid #E0E0E0 !important;
	border-radius: 6px !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
	z-index: 99999 !important;
	max-height: 240px !important;
	overflow-y: auto !important;
	margin-top: 4px !important;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
}

.ucd-contact-form-wrap .iti__country-list,
.wpforms-form .iti__country-list {
	margin: 0 !important;
	padding: 6px 0 !important;
	list-style: none !important;
}

.ucd-contact-form-wrap .iti__country,
.wpforms-form .iti__country {
	padding: 8px 12px !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-size: 14px !important;
	color: #191918 !important;
	cursor: pointer !important;
}

.ucd-contact-form-wrap .iti__country:hover,
.ucd-contact-form-wrap .iti__country.iti__highlight,
.wpforms-form .iti__country:hover,
.wpforms-form .iti__country.iti__highlight {
	background-color: #F5F5F5 !important;
}

.ucd-contact-form-wrap .iti__dial-code,
.wpforms-form .iti__dial-code {
	color: #777777 !important;
	font-size: 13px !important;
}

.ucd-contact-form-wrap textarea {
	border: 1px solid rgba(0, 0, 0, 0.25) !important;
	border-radius: 3px !important;
	background-color: #FFFFFF !important;
	padding: 12px 14px !important;
	font-size: 15px !important;
	color: #191918 !important;
	outline: none !important;
	min-height: 120px !important;
	resize: vertical !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.ucd-contact-form-wrap input[type="text"]:focus,
.ucd-contact-form-wrap input[type="email"]:focus,
.ucd-contact-form-wrap input[type="tel"]:focus,
.ucd-contact-form-wrap textarea:focus {
	border-color: #C5453E !important;
	box-shadow: 0 0 0 2px rgba(197, 69, 62, 0.15) !important;
}

.ucd-contact-form-wrap ::placeholder {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-weight: 400 !important;
	opacity: 0.65 !important;
	color: #888888 !important;
}

/* Submit Button exact match */
.ucd-contact-form-wrap .wpforms-submit-container {
	margin-top: 10px !important;
	padding: 0 !important;
}

.ucd-contact-form-wrap button,
.ucd-contact-form-wrap .wpforms-submit {
	background-color: #C5453E !important;
	color: #FFFFFF !important;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	height: 41px !important;
	padding: 0 24px !important;
	border-radius: 6px !important;
	border: none !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	box-shadow: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.ucd-contact-form-wrap .wpforms-submit:hover {
	background-color: #A83630 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 14px rgba(197, 69, 62, 0.3) !important;
}

/* 3. "WHAT HAPPENS AFTER YOU CONTACT US" SECTION */
.ucd-contact-steps-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF !important;
	padding: 40px 0 70px;
	box-sizing: border-box;
}

.ucd-contact-steps-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	box-sizing: border-box;
}

.ucd-contact-steps-title {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 40px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	color: #191918 !important;
	letter-spacing: -0.03em !important;
	text-align: center !important;
	margin: 0 0 45px !important;
}

.ucd-contact-steps-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 24px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.ucd-contact-step-card {
	background: #FFFFFF !important;
	border: 1px solid #ECECEC !important;
	border-radius: 16px !important;
	padding: 32px 28px !important;
	box-sizing: border-box !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02) !important;
}

.ucd-contact-step-card:hover {
	transform: translateY(-4px) !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06) !important;
	border-color: #DCDCDC !important;
}

.ucd-contact-step-heading {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #191918 !important;
	line-height: 1.35 !important;
	margin: 0 0 14px !important;
}

.ucd-contact-step-text {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 14.5px !important;
	line-height: 1.62 !important;
	color: #555555 !important;
	margin: 0 !important;
}

/* 4. "LOOKING FOR A WEB DEVELOPMENT COMPANY" SECTION */
.ucd-contact-about-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF !important;
	padding: 40px 0 75px;
	box-sizing: border-box;
}

.ucd-contact-about-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 56px !important;
	box-sizing: border-box !important;
}

.ucd-contact-about-media {
	flex: 0 0 46% !important;
	max-width: 480px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.ucd-contact-about-media img {
	width: 100% !important;
	height: auto !important;
	display: block !important;
	object-fit: contain !important;
}

.ucd-contact-about-content {
	flex: 0 0 50% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	box-sizing: border-box !important;
}

.ucd-contact-about-title {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 38px !important;
	font-weight: 800 !important;
	line-height: 1.22 !important;
	color: #191918 !important;
	letter-spacing: -0.025em !important;
	margin: 0 0 20px !important;
}

.ucd-contact-about-text {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 15.5px !important;
	line-height: 1.7 !important;
	color: #555555 !important;
	margin: 0 !important;
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 1024px) {
	.ucd-contact-hero-title {
		font-size: 46px !important;
	}
	.ucd-contact-steps-grid {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 18px !important;
	}
	.ucd-contact-about-inner {
		gap: 36px !important;
	}
	.ucd-contact-about-title {
		font-size: 32px !important;
	}
}

@media (max-width: 768px) {
	.ucd-contact-hero-sec {
		padding: 50px 0 20px !important;
	}
	.ucd-contact-hero-inner,
	.ucd-contact-form-inner,
	.ucd-contact-steps-inner,
	.ucd-contact-about-inner {
		padding: 0 16px !important;
	}
	.ucd-contact-hero-title {
		font-size: 36px !important;
	}
	.ucd-contact-hero-desc {
		font-size: 15px !important;
	}
	.ucd-contact-steps-title {
		font-size: 28px !important;
		margin-bottom: 30px !important;
	}
	.ucd-contact-steps-grid {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}
	.ucd-contact-about-inner {
		flex-direction: column !important;
		gap: 30px !important;
		text-align: center !important;
	}
	.ucd-contact-about-content {
		align-items: center !important;
		text-align: center !important;
	}
	.ucd-contact-about-title {
		font-size: 28px !important;
	}
	.ucd-contact-about-media {
		max-width: 320px !important;
	}
}


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SERVICE DETAIL PAGES (SHARED MODULAR SYSTEM)
   Exact 1:1 Match | Boxed 1200px | Speed Optimized | Brand Guidelines
   ========================================================================== */

/* 1. HERO SECTION */
.ucd-svc-hero-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF !important;
	background-image: radial-gradient(#E0E0E0 1.2px, transparent 1.2px);
	background-size: 24px 24px;
	padding: 65px 0 35px;
	box-sizing: border-box;
	overflow: hidden;
}

.ucd-svc-hero-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}

.ucd-svc-hero-tag {
	display: inline-block;
	background: #FFFFFF !important;
	border: 1px solid #DCDCDC !important;
	border-radius: 9999px;
	padding: 6px 18px;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 13.5px;
	font-weight: 500;
	color: #555555 !important;
	margin: 0 0 16px;
	line-height: 1.3;
}

.ucd-svc-hero-title {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 52px !important;
	font-weight: 800 !important;
	line-height: 1.12 !important;
	color: #191918 !important;
	letter-spacing: -0.035em !important;
	margin: 0 0 16px !important;
	max-width: 950px;
}

.ucd-svc-hero-desc {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 16px !important;
	line-height: 1.65 !important;
	color: #555555 !important;
	margin: 0 !important;
	max-width: 820px;
}

/* 2. VALUE PROP 2-COLUMN SECTION */
.ucd-svc-prop-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF !important;
	padding: 40px 0 65px;
	box-sizing: border-box;
}

.ucd-svc-prop-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 56px !important;
	box-sizing: border-box !important;
}

.ucd-svc-prop-media {
	flex: 0 0 46% !important;
	max-width: 480px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.ucd-svc-prop-media img {
	width: 100% !important;
	height: auto !important;
	display: block !important;
	object-fit: contain !important;
}

.ucd-svc-prop-content {
	flex: 0 0 50% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	box-sizing: border-box !important;
}

.ucd-svc-prop-title {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 38px !important;
	font-weight: 800 !important;
	line-height: 1.22 !important;
	color: #191918 !important;
	letter-spacing: -0.025em !important;
	margin: 0 0 18px !important;
}

.ucd-svc-prop-text {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 15.5px !important;
	line-height: 1.7 !important;
	color: #555555 !important;
	margin: 0 0 24px !important;
}

.ucd-svc-prop-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background-color: #FADDDC !important;
	color: #C5453E !important;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	padding: 10px 24px !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	border: none !important;
	box-shadow: none !important;
	transition: all 0.2s ease !important;
}

.ucd-svc-prop-btn svg {
	width: 8px !important;
	height: 8px !important;
	fill: #C5453E !important;
	transition: transform 0.2s ease;
}

.ucd-svc-prop-btn:hover {
	background-color: #C5453E !important;
	color: #FFFFFF !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 14px rgba(197, 69, 62, 0.3) !important;
}

.ucd-svc-prop-btn:hover svg {
	fill: #FFFFFF !important;
	transform: translateX(3px);
}

/* 3. METHODOLOGY 3x3 GRID */
.ucd-svc-methodology-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF !important;
	padding: 50px 0 75px;
	box-sizing: border-box;
}

.ucd-svc-methodology-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	box-sizing: border-box;
}

.ucd-svc-methodology-title {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 40px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	color: #191918 !important;
	letter-spacing: -0.03em !important;
	text-align: center !important;
	margin: 0 0 45px !important;
}

.ucd-svc-methodology-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 24px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.ucd-svc-methodology-card {
	background: #FFFFFF !important;
	border: 1px solid #ECECEC !important;
	border-radius: 16px !important;
	padding: 30px 26px !important;
	box-sizing: border-box !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02) !important;
	display: flex !important;
	flex-direction: column !important;
}

.ucd-svc-methodology-card:hover {
	transform: translateY(-4px) !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06) !important;
	border-color: #DCDCDC !important;
}

.ucd-svc-methodology-heading {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #191918 !important;
	line-height: 1.35 !important;
	margin: 0 0 12px !important;
}

.ucd-svc-methodology-text {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 14.5px !important;
	line-height: 1.62 !important;
	color: #555555 !important;
	margin: 0 !important;
}

/* 4. CAPABILITIES GRID */
.ucd-svc-capabilities-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF !important;
	padding: 50px 0 75px;
	box-sizing: border-box;
}

.ucd-svc-capabilities-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	box-sizing: border-box;
}

.ucd-svc-capabilities-title {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 40px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	color: #191918 !important;
	letter-spacing: -0.03em !important;
	text-align: center !important;
	margin: 0 0 45px !important;
}

.ucd-svc-capabilities-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 24px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.ucd-svc-capability-card {
	background: #FFFFFF !important;
	border: 1px solid #ECECEC !important;
	border-radius: 16px !important;
	padding: 30px 26px !important;
	box-sizing: border-box !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02) !important;
}

.ucd-svc-capability-card:hover {
	transform: translateY(-4px) !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06) !important;
	border-color: #DCDCDC !important;
}

.ucd-svc-capability-heading {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #191918 !important;
	line-height: 1.35 !important;
	margin: 0 0 12px !important;
}

.ucd-svc-capability-text {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 14.5px !important;
	line-height: 1.62 !important;
	color: #555555 !important;
	margin: 0 !important;
}

/* 5. ENTERPRISE SOLUTIONS / PILLARS SECTION */
.ucd-svc-pillars-sec {
	position: relative;
	width: 100%;
	background-color: #FFFFFF !important;
	padding: 50px 0 80px;
	box-sizing: border-box;
}

.ucd-svc-pillars-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	box-sizing: border-box;
}

.ucd-svc-pillars-title {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 40px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	color: #191918 !important;
	letter-spacing: -0.03em !important;
	text-align: center !important;
	margin: 0 0 45px !important;
}

.ucd-svc-pillars-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 26px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.ucd-svc-pillar-card {
	background: #FFFFFF !important;
	border: 1px solid #ECECEC !important;
	border-radius: 18px !important;
	padding: 34px 28px !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03) !important;
}

.ucd-svc-pillar-card:hover {
	transform: translateY(-5px) !important;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.07) !important;
	border-color: #DCDCDC !important;
}

.ucd-svc-pillar-heading {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	color: #191918 !important;
	line-height: 1.3 !important;
	margin: 0 0 12px !important;
}

.ucd-svc-pillar-desc {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 14.5px !important;
	line-height: 1.62 !important;
	color: #555555 !important;
	margin: 0 0 20px !important;
}

.ucd-svc-pillar-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 26px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	flex-grow: 1 !important;
}

.ucd-svc-pillar-item {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 13.5px !important;
	line-height: 1.5 !important;
	color: #444444 !important;
}

.ucd-svc-pillar-item svg {
	width: 14px !important;
	height: 14px !important;
	fill: #C5453E !important;
	flex-shrink: 0 !important;
	margin-top: 3px !important;
}

.ucd-svc-pillar-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	background-color: #FADDDC !important;
	color: #C5453E !important;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	padding: 10px 22px !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	border: none !important;
	transition: all 0.2s ease !important;
	margin-top: auto !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.ucd-svc-pillar-btn:hover {
	background-color: #C5453E !important;
	color: #FFFFFF !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 14px rgba(197, 69, 62, 0.3) !important;
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 1024px) {
	.ucd-svc-hero-title {
		font-size: 42px !important;
	}
	.ucd-svc-methodology-grid,
	.ucd-svc-capabilities-grid,
	.ucd-svc-pillars-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 20px !important;
	}
	.ucd-svc-prop-inner {
		gap: 36px !important;
	}
	.ucd-svc-prop-title {
		font-size: 32px !important;
	}
}

@media (max-width: 768px) {
	.ucd-svc-hero-sec {
		padding: 50px 0 25px !important;
	}
	.ucd-svc-hero-inner,
	.ucd-svc-prop-inner,
	.ucd-svc-methodology-inner,
	.ucd-svc-capabilities-inner,
	.ucd-svc-pillars-inner {
		padding: 0 16px !important;
	}
	.ucd-svc-hero-title {
		font-size: 34px !important;
	}
	.ucd-svc-hero-desc {
		font-size: 15px !important;
	}
	.ucd-svc-prop-inner {
		flex-direction: column !important;
		gap: 28px !important;
		text-align: center !important;
	}
	.ucd-svc-prop-content {
		align-items: center !important;
		text-align: center !important;
	}
	.ucd-svc-prop-title {
		font-size: 28px !important;
	}
	.ucd-svc-prop-media {
		max-width: 320px !important;
	}
	.ucd-svc-methodology-title,
	.ucd-svc-capabilities-title,
	.ucd-svc-pillars-title {
		font-size: 28px !important;
		margin-bottom: 30px !important;
	}
	.ucd-svc-methodology-grid,
	.ucd-svc-capabilities-grid,
	.ucd-svc-pillars-grid {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}
}

/* ==========================================================================
   HOMEPAGE SERVICE CARDS - STRICT ISOLATION & TYPOGRAPHY FIX
   ========================================================================== */
.ucd-service-card .ucd-service-title,
.ucd-services-grid .ucd-service-title,
.ucd-services-sec .ucd-service-card .ucd-service-title {
	font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	color: #191918 !important;
	margin: 0 !important;
	letter-spacing: -0.01em !important;
	text-align: left !important;
}

.ucd-service-card,
.ucd-services-grid .ucd-service-card {
	background-color: #FFFFFF !important;
	border: 1px solid #ECECEC !important;
	border-radius: 12px !important;
	padding: 22px 20px 24px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	min-height: 120px !important;
	box-shadow: none !important;
	transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.ucd-service-card:hover {
	transform: translateY(-2px) !important;
	border-color: #D4D4D4 !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04) !important;
}

@media (max-width: 768px) {
	.ucd-service-card .ucd-service-title,
	.ucd-services-grid .ucd-service-title {
		font-size: 13.5px !important;
		line-height: 1.3 !important;
	}
	.ucd-service-card {
		padding: 16px 14px 18px !important;
		min-height: 100px !important;
	}
}


/* ==========================================================================
   FIX SOCIAL PROOF HEADER MOBILE LEFT ALIGNMENT
   ========================================================================== */
@media (max-width: 768px) {
	.ucd-social-top-row {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		text-align: left !important;
		gap: 16px !important;
		margin-bottom: 24px !important;
		width: 100% !important;
	}

	.ucd-social-header-col {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		text-align: left !important;
		width: 100% !important;
	}

	.ucd-social-title {
		text-align: left !important;
		font-size: 28px !important;
		margin: 0 0 10px 0 !important;
		width: 100% !important;
	}

	.ucd-social-desc {
		text-align: left !important;
		font-size: 14.5px !important;
		margin: 0 0 12px 0 !important;
		width: 100% !important;
	}

	.ucd-social-link-btn {
		display: inline-flex !important;
		align-items: center !important;
		align-self: flex-start !important;
		margin: 0 0 12px 0 !important;
	}

	.ucd-social-badge-wrap {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		align-self: flex-start !important;
		margin: 0 !important;
		width: auto !important;
	}

	.ucd-social-badge-wrap img {
		margin-left: 0 !important;
		margin-right: auto !important;
		height: 44px !important;
		width: auto !important;
	}
}


/* ==========================================================================
   UCDREAMS CUSTOM THEME - SITE DIRECTORY & 404 NAVIGATION HUB
   Brand Guidelines | Inter Font | #C5453E Primary | 100% Isolated
   ========================================================================== */

.ucd-dir-page {
	background-color: #FFFFFF !important;
	width: 100% !important;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
}

/* 1. Hero Section */
.ucd-dir-hero {
	background: #FFFFFF !important;
	background-image: radial-gradient(#E0E0E0 1.2px, transparent 1.2px);
	background-size: 24px 24px;
	padding: 60px 20px 40px !important;
	text-align: center !important;
	border-bottom: 1px solid #ECECEC !important;
}

.ucd-dir-hero-inner {
	max-width: 820px !important;
	margin: 0 auto !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}

.ucd-dir-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background: #FFF1F1 !important;
	border: 1px solid #FECACA !important;
	color: #C5453E !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	padding: 6px 16px !important;
	border-radius: 9999px !important;
	margin-bottom: 20px !important;
	letter-spacing: -0.01em !important;
}

.ucd-dir-badge-dot {
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background: #C5453E !important;
	display: inline-block !important;
	animation: ucdPulse 2s infinite !important;
}

@keyframes ucdPulse {
	0% { transform: scale(0.95); opacity: 0.8; }
	50% { transform: scale(1.2); opacity: 1; }
	100% { transform: scale(0.95); opacity: 0.8; }
}

.ucd-dir-title {
	font-size: clamp(32px, 5vw, 48px) !important;
	font-weight: 800 !important;
	color: #191918 !important;
	line-height: 1.15 !important;
	letter-spacing: -0.035em !important;
	margin: 0 0 16px 0 !important;
}

.ucd-dir-subtitle {
	font-size: 16.5px !important;
	line-height: 1.65 !important;
	color: #555555 !important;
	margin: 0 0 32px 0 !important;
	max-width: 680px !important;
}

/* Quick Search Form */
.ucd-dir-search-form {
	width: 100% !important;
	max-width: 580px !important;
}

.ucd-dir-search-wrap {
	display: flex !important;
	align-items: center !important;
	background: #FFFFFF !important;
	border: 1.5px solid #D5D5D5 !important;
	border-radius: 9999px !important;
	padding: 6px 8px 6px 18px !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.ucd-dir-search-wrap:focus-within {
	border-color: #C5453E !important;
	box-shadow: 0 4px 20px rgba(197, 69, 62, 0.15) !important;
}

.ucd-dir-search-icon {
	margin-right: 12px !important;
	flex-shrink: 0 !important;
}

.ucd-dir-search-input {
	flex: 1 !important;
	border: none !important;
	outline: none !important;
	background: transparent !important;
	font-size: 15px !important;
	color: #191918 !important;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	padding: 8px 0 !important;
}

.ucd-dir-search-btn {
	background: #C5453E !important;
	color: #FFFFFF !important;
	border: none !important;
	border-radius: 9999px !important;
	padding: 10px 22px !important;
	font-size: 14.5px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.ucd-dir-search-btn:hover {
	background: #A83630 !important;
	transform: translateY(-1px) !important;
}

/* 2. Main Directory Content */
.ucd-dir-content-sec {
	padding: 50px 20px 80px !important;
	background: #FAFAFA !important;
}

.ucd-dir-container {
	max-width: 1200px !important;
	margin: 0 auto !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 50px !important;
}

.ucd-dir-block {
	display: flex !important;
	flex-direction: column !important;
	gap: 24px !important;
}

.ucd-dir-block-header {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
}

.ucd-dir-block-icon-wrap {
	width: 48px !important;
	height: 48px !important;
	border-radius: 12px !important;
	background: #FFFFFF !important;
	border: 1px solid #E5E7EB !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

.ucd-dir-block-title {
	font-size: 24px !important;
	font-weight: 800 !important;
	color: #191918 !important;
	margin: 0 0 4px 0 !important;
	letter-spacing: -0.02em !important;
}

.ucd-dir-block-desc {
	font-size: 15px !important;
	color: #6B7280 !important;
	margin: 0 !important;
}

/* Cards Grid */
.ucd-dir-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)) !important;
	gap: 20px !important;
}

.ucd-dir-grid.three-col {
	grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)) !important;
}

.ucd-dir-card {
	background: #FFFFFF !important;
	border: 1px solid #E5E7EB !important;
	border-radius: 12px !important;
	padding: 24px !important;
	display: flex !important;
	flex-direction: column !important;
	text-decoration: none !important;
	position: relative !important;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}

.ucd-dir-card:hover {
	border-color: #C5453E !important;
	transform: translateY(-4px) !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08) !important;
}

.ucd-dir-card.highlight {
	background: linear-gradient(180deg, #FFFFFF 0%, #FFF9F9 100%) !important;
	border-color: #FECACA !important;
}

.ucd-dir-card-badge {
	position: absolute !important;
	top: 16px !important;
	right: 16px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	padding: 3px 8px !important;
	border-radius: 4px !important;
	background: #EFF6FF !important;
	color: #1D4ED8 !important;
	letter-spacing: 0.02em !important;
}

.ucd-dir-card-badge.shop-badge {
	background: #ECFDF5 !important;
	color: #047857 !important;
}

.ucd-dir-card-badge.free-badge {
	background: #FEF3C7 !important;
	color: #B45309 !important;
}

.ucd-dir-card-badge.contact-badge {
	background: #FFF1F1 !important;
	color: #C5453E !important;
}

.ucd-dir-card-title {
	font-size: 17px !important;
	font-weight: 700 !important;
	color: #191918 !important;
	margin: 0 0 10px 0 !important;
	padding-right: 40px !important;
	line-height: 1.3 !important;
	transition: color 0.2s ease !important;
}

.ucd-dir-card:hover .ucd-dir-card-title {
	color: #C5453E !important;
}

.ucd-dir-card-desc {
	font-size: 14px !important;
	color: #555555 !important;
	line-height: 1.55 !important;
	margin: 0 0 18px 0 !important;
	flex: 1 !important;
}

.ucd-dir-card-link {
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #C5453E !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	transition: transform 0.2s ease !important;
}

.ucd-dir-card:hover .ucd-dir-card-link {
	transform: translateX(4px) !important;
}

/* 3. Bottom CTA Callout */
.ucd-dir-cta-box {
	background: #191918 !important;
	border-radius: 16px !important;
	padding: 36px 40px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 24px !important;
	flex-wrap: wrap !important;
	color: #FFFFFF !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

.ucd-dir-cta-content {
	max-width: 620px !important;
}

.ucd-dir-cta-title {
	font-size: 22px !important;
	font-weight: 800 !important;
	color: #FFFFFF !important;
	margin: 0 0 8px 0 !important;
	letter-spacing: -0.02em !important;
}

.ucd-dir-cta-desc {
	font-size: 15px !important;
	color: #A1A1AA !important;
	margin: 0 !important;
	line-height: 1.5 !important;
}

.ucd-dir-cta-buttons {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	flex-wrap: wrap !important;
}

.ucd-dir-btn-whatsapp {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background: #25D366 !important;
	color: #FFFFFF !important;
	height: 44px !important;
	padding: 0 20px !important;
	border-radius: 8px !important;
	font-size: 14.5px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.ucd-dir-btn-whatsapp:hover {
	background: #1EBE5D !important;
	transform: translateY(-2px) !important;
	color: #FFFFFF !important;
}

.ucd-dir-btn-primary {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background: #C5453E !important;
	color: #FFFFFF !important;
	height: 44px !important;
	padding: 0 22px !important;
	border-radius: 8px !important;
	font-size: 14.5px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.ucd-dir-btn-primary:hover {
	background: #A83630 !important;
	transform: translateY(-2px) !important;
	color: #FFFFFF !important;
}

/* Mobile & Tablet Adjustments */
@media (max-width: 768px) {
	.ucd-dir-hero {
		padding: 40px 16px 30px !important;
	}
	.ucd-dir-content-sec {
		padding: 30px 16px 60px !important;
	}
	.ucd-dir-container {
		gap: 36px !important;
	}
	.ucd-dir-grid,
	.ucd-dir-grid.three-col {
		grid-template-columns: 1fr !important;
	}
	.ucd-dir-cta-box {
		padding: 28px 20px !important;
		flex-direction: column !important;
		align-items: stretch !important;
	}
	.ucd-dir-cta-buttons {
		flex-direction: column !important;
		width: 100% !important;
	}
	.ucd-dir-btn-whatsapp,
	.ucd-dir-btn-primary {
		width: 100% !important;
		justify-content: center !important;
	}
}


/* ==========================================================================
   ITI DROPDOWN TRACKPAD SCROLL POLISH
   ========================================================================== */
.iti__dropdown-content,
.iti__country-list {
	max-height: 240px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	overscroll-behavior: contain !important;
	-webkit-overflow-scrolling: touch !important;
	touch-action: pan-y !important;
	pointer-events: auto !important;
}



/* ==================== GLOBAL CONTAINMENT & CRISP MARQUEE BADGES ==================== */
html, body {
	overflow-x: hidden !important;
	max-width: 100vw !important;
	width: 100% !important;
}





.ucd-marquee-item {
	background: #ffffff !important;
	padding: 4px 12px !important;
	border-radius: 8px !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ucd-marquee-item:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.ucd-marquee-item img {
	height: 28px !important;
	width: auto !important;
	max-width: 110px !important;
	object-fit: contain !important;
	display: block;
	filter: none !important;
	opacity: 1 !important;
}

[data-theme="dark"] .ucd-marquee-item,
html.dark .ucd-marquee-item {
	background: #ffffff !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .ucd-marquee-item img,
html.dark .ucd-marquee-item img {
	filter: none !important;
	opacity: 1 !important;
}

@media (max-width: 480px) {
	.ucd-marquee-item {
		padding: 3px 8px !important;
		border-radius: 6px !important;
	}
	.ucd-marquee-item img {
		height: 22px !important;
		max-width: 85px !important;
	}
}

.ucd-work-marquee-container {
	overflow: hidden;
	max-width: 100vw;
	width: 100%;
}


.ucd-hero-doodle {
	width: 100%;
	max-width: 640px !important;
	margin: 0 auto 24px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

.ucd-hero-doodle img {
	width: 100% !important;
	max-width: 640px !important;
	height: auto !important;
	display: block !important;
	object-fit: contain !important;
}


/* ==================== BULLETPROOF UNIVERSAL FAQ COMPONENT ==================== */
.ucd-faq-sec {
	position: relative !important;
	width: 100% !important;
	background-color: var(--ucd-bg, #FFFFFF) !important;
	padding: 70px 0 85px !important;
	box-sizing: border-box !important;
}

.ucd-faq-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.ucd-faq-top-row {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 32px !important;
	margin-bottom: 36px !important;
}

.ucd-faq-header-col {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 !important;
}

.ucd-faq-title {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 46px !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	color: var(--ucd-dark, #191918) !important;
	letter-spacing: -0.03em !important;
	margin: 0 0 14px !important;
}

.ucd-faq-desc {
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 15.5px !important;
	line-height: 1.6 !important;
	color: var(--ucd-muted, #6B7280) !important;
	margin: 0 !important;
}

.ucd-faq-icon-col {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	flex-shrink: 0 !important;
}

.ucd-faq-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.ucd-faq-item {
	background: var(--ucd-card-bg, #FFFFFF) !important;
	border: 1px solid var(--ucd-border, #EAEAEA) !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.ucd-faq-item:hover {
	border-color: rgba(197, 69, 62, 0.3) !important;
}

.ucd-faq-item.active {
	border-color: rgba(197, 69, 62, 0.45) !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
}

.ucd-faq-btn {
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	background: transparent !important;
	border: none !important;
	padding: 22px 24px !important;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 16.5px !important;
	font-weight: 600 !important;
	color: var(--ucd-dark, #191918) !important;
	text-align: left !important;
	cursor: pointer !important;
	gap: 16px !important;
	box-sizing: border-box !important;
	line-height: 1.45 !important;
	outline: none !important;
}

.ucd-faq-btn-text {
	flex: 1 1 auto !important;
	text-align: left !important;
}

/* Specific Arrow & Chevron SVGs - FIXED STRICT 20PX DIMENSIONS */
.ucd-faq-arrow,
.ucd-faq-chevron,
.ucd-faq-btn svg {
	width: 20px !important;
	min-width: 20px !important;
	max-width: 20px !important;
	height: 20px !important;
	min-height: 20px !important;
	max-height: 20px !important;
	flex-shrink: 0 !important;
	fill: none !important;
	stroke: var(--ucd-muted, #7A7A7A) !important;
	stroke-width: 2.2 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), stroke 0.2s ease !important;
	display: block !important;
}

.ucd-faq-item.active .ucd-faq-arrow,
.ucd-faq-item.active .ucd-faq-chevron,
.ucd-faq-item.active .ucd-faq-btn svg {
	transform: rotate(180deg) !important;
	stroke: var(--ucd-primary, #C5453E) !important;
}

.ucd-faq-item.active .ucd-faq-btn {
	color: var(--ucd-primary, #C5453E) !important;
}

.ucd-faq-panel {
	max-height: 0;
	overflow: hidden !important;
	transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important;
	box-sizing: border-box !important;
}

.ucd-faq-content {
	padding: 0 24px 22px !important;
	box-sizing: border-box !important;
}

.ucd-faq-content p {
	margin: 0 !important;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 15px !important;
	color: var(--ucd-muted, #555555) !important;
	line-height: 1.68 !important;
}

/* DARK MODE FAQ OVERRIDES */
html[data-theme="dark"] .ucd-faq-sec,
html.dark .ucd-faq-sec {
	background-color: #0E1015 !important;
}

html[data-theme="dark"] .ucd-faq-title,
html.dark .ucd-faq-title {
	color: #FFFFFF !important;
}

html[data-theme="dark"] .ucd-faq-desc,
html.dark .ucd-faq-desc {
	color: #94A3B8 !important;
}

html[data-theme="dark"] .ucd-faq-item,
html.dark .ucd-faq-item {
	background: #161922 !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .ucd-faq-item:hover,
html.dark .ucd-faq-item:hover {
	border-color: rgba(255, 255, 255, 0.18) !important;
}

html[data-theme="dark"] .ucd-faq-item.active,
html.dark .ucd-faq-item.active {
	border-color: rgba(197, 69, 62, 0.5) !important;
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .ucd-faq-btn,
html.dark .ucd-faq-btn {
	color: #FFFFFF !important;
}

html[data-theme="dark"] .ucd-faq-item.active .ucd-faq-btn,
html.dark .ucd-faq-item.active .ucd-faq-btn {
	color: #FF7B75 !important;
}

html[data-theme="dark"] .ucd-faq-arrow,
html[data-theme="dark"] .ucd-faq-chevron,
html[data-theme="dark"] .ucd-faq-btn svg,
html.dark .ucd-faq-arrow,
html.dark .ucd-faq-chevron,
html.dark .ucd-faq-btn svg {
	stroke: #94A3B8 !important;
}

html[data-theme="dark"] .ucd-faq-item.active .ucd-faq-arrow,
html[data-theme="dark"] .ucd-faq-item.active .ucd-faq-chevron,
html[data-theme="dark"] .ucd-faq-item.active .ucd-faq-btn svg,
html.dark .ucd-faq-item.active .ucd-faq-arrow,
html.dark .ucd-faq-item.active .ucd-faq-chevron,
html.dark .ucd-faq-item.active .ucd-faq-btn svg {
	stroke: #FF7B75 !important;
}

html[data-theme="dark"] .ucd-faq-content p,
html.dark .ucd-faq-content p {
	color: #94A3B8 !important;
}

/* RESPONSIVE FAQ */
@media (max-width: 991px) {
	.ucd-faq-title { font-size: 38px !important; }
	.ucd-faq-btn { font-size: 15.5px !important; padding: 18px 20px !important; }
	.ucd-faq-content { padding: 0 20px 20px !important; }
}

@media (max-width: 768px) {
	.ucd-faq-sec { padding: 50px 0 60px !important; }
	.ucd-faq-inner { padding: 0 16px !important; }
	.ucd-faq-title { font-size: 28px !important; margin-bottom: 10px !important; }
	.ucd-faq-top-row { margin-bottom: 24px !important; }
	.ucd-faq-btn { font-size: 15px !important; padding: 16px 18px !important; }
	.ucd-faq-content { padding: 0 18px 18px !important; }
	.ucd-faq-content p { font-size: 14px !important; }
	.ucd-faq-icon-col { display: none !important; }
}

/* ==================== ADMIN BAR STICKY HEADER COMPATIBILITY ==================== */
body.admin-bar .ucd-el-header {
	top: 0 !important;
}
@media screen and (max-width: 782px) {
	body.admin-bar .ucd-el-header {
	top: 0 !important;
}
}


/* ==========================================================================
   UCDREAMS - INNER PAGES STYLESHEET (CONTACT, APPLY PILOT, CAREER, ABOUT US)
   100% Clean Gutenberg CSS with Full Light/Dark Mode Support
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. CONTACT US PAGE & WPFORMS REFINEMENT
   -------------------------------------------------------------------------- */
.ucd-contact-hero-sec {
	position: relative !important;
	width: 100% !important;
	background-color: var(--ucd-bg, #FFFFFF) !important;
	background-image: radial-gradient(rgba(0,0,0,0.06) 1.2px, transparent 1.2px) !important;
	background-size: 24px 24px !important;
	padding: 60px 20px 20px !important;
	text-align: center !important;
	box-sizing: border-box !important;
}

html[data-theme="dark"] .ucd-contact-hero-sec,
html.dark .ucd-contact-hero-sec {
	background-color: #0E1015 !important;
	background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1.2px, transparent 1.2px) !important;
}

.ucd-contact-hero-inner {
	max-width: 860px !important;
	margin: 0 auto !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}

.ucd-contact-hero-tag {
	display: inline-flex !important;
	align-items: center !important;
	background: #FFFFFF !important;
	border: 1px solid #E5E7EB !important;
	border-radius: 9999px !important;
	padding: 6px 18px !important;
	font-family: var(--ucd-font) !important;
	font-size: 13.5px !important;
	font-weight: 500 !important;
	color: #6B7280 !important;
	margin: 0 0 16px !important;
	box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
}

html[data-theme="dark"] .ucd-contact-hero-tag,
html.dark .ucd-contact-hero-tag {
	background: rgba(197, 69, 62, 0.12) !important;
	border: 1px solid rgba(197, 69, 62, 0.3) !important;
	color: #FF8A85 !important;
}

.ucd-contact-hero-title {
	font-family: var(--ucd-font) !important;
	font-size: 52px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	color: var(--ucd-dark, #191918) !important;
	letter-spacing: -0.03em !important;
	margin: 0 0 16px !important;
}

html[data-theme="dark"] .ucd-contact-hero-title,
html.dark .ucd-contact-hero-title {
	color: #FFFFFF !important;
}

.ucd-contact-hero-desc {
	font-family: var(--ucd-font) !important;
	font-size: 16px !important;
	line-height: 1.65 !important;
	color: var(--ucd-muted, #6B7280) !important;
	margin: 0 !important;
	max-width: 680px !important;
}

html[data-theme="dark"] .ucd-contact-hero-desc,
html.dark .ucd-contact-hero-desc {
	color: #94A3B8 !important;
}

.ucd-contact-form-sec {
	position: relative !important;
	width: 100% !important;
	background-color: var(--ucd-bg, #FFFFFF) !important;
	padding: 20px 20px 70px !important;
	box-sizing: border-box !important;
}

html[data-theme="dark"] .ucd-contact-form-sec,
html.dark .ucd-contact-form-sec {
	background-color: #0E1015 !important;
}

.ucd-contact-form-inner {
	max-width: 1040px !important;
	margin: 0 auto !important;
}

.ucd-contact-form-wrap {
	background: #FFFFFF !important;
	border: 1px solid #E5E7EB !important;
	border-radius: 20px !important;
	padding: 40px 45px !important;
	box-shadow: 0 8px 30px rgba(0,0,0,0.04) !important;
	box-sizing: border-box !important;
}

html[data-theme="dark"] .ucd-contact-form-wrap,
html.dark .ucd-contact-form-wrap {
	background: #161922 !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	box-shadow: 0 12px 40px rgba(0,0,0,0.4) !important;
}

/* WPForms 2-Column Grid & Full Width Inputs */
div.wpforms-container .wpforms-form {
	display: block !important;
	width: 100% !important;
}

div.wpforms-container .wpforms-field-container {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 20px 24px !important;
	width: 100% !important;
}

div.wpforms-container .wpforms-field {
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}

/* Full Width Fields (Textarea, turnstile, submit) */
div.wpforms-container .wpforms-field-textarea,
div.wpforms-container .wpforms-field[class*="wpforms-field-textarea"],
div.wpforms-container .wpforms-field:nth-child(7),
div.wpforms-container .wpforms-field:nth-child(8),
div.wpforms-container .wpforms-field:last-child {
	grid-column: 1 / -1 !important;
}

div.wpforms-container .wpforms-field-label {
	display: block !important;
	font-family: var(--ucd-font) !important;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	color: #191918 !important;
	margin-bottom: 8px !important;
}

html[data-theme="dark"] div.wpforms-container .wpforms-field-label,
html.dark div.wpforms-container .wpforms-field-label {
	color: #E2E8F0 !important;
}

div.wpforms-container .wpforms-field-label .wpforms-required-label {
	color: #C5453E !important;
	font-weight: 700 !important;
}

div.wpforms-container input[type="text"],
div.wpforms-container input[type="email"],
div.wpforms-container input[type="tel"],
div.wpforms-container input[type="url"],
div.wpforms-container select,
div.wpforms-container textarea,
div.wpforms-container .choices__inner {
	width: 100% !important;
	max-width: 100% !important;
	height: 48px !important;
	background: #F9FAFB !important;
	border: 1px solid #E5E7EB !important;
	border-radius: 10px !important;
	padding: 10px 16px !important;
	font-family: var(--ucd-font) !important;
	font-size: 15px !important;
	color: #191918 !important;
	box-sizing: border-box !important;
	transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s !important;
	outline: none !important;
}

div.wpforms-container textarea {
	height: 140px !important;
	min-height: 120px !important;
	resize: vertical !important;
}

div.wpforms-container input:focus,
div.wpforms-container select:focus,
div.wpforms-container textarea:focus,
div.wpforms-container .choices__inner:focus {
	background: #FFFFFF !important;
	border-color: #C5453E !important;
	box-shadow: 0 0 0 3px rgba(197, 69, 62, 0.15) !important;
}

html[data-theme="dark"] div.wpforms-container input[type="text"],
html[data-theme="dark"] div.wpforms-container input[type="email"],
html[data-theme="dark"] div.wpforms-container input[type="tel"],
html[data-theme="dark"] div.wpforms-container select,
html[data-theme="dark"] div.wpforms-container textarea,
html[data-theme="dark"] div.wpforms-container .choices__inner,
html.dark div.wpforms-container input[type="text"],
html.dark div.wpforms-container input[type="email"],
html.dark div.wpforms-container input[type="tel"],
html.dark div.wpforms-container select,
html.dark div.wpforms-container textarea,
html.dark div.wpforms-container .choices__inner {
	background: #0E1015 !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	color: #F3F4F6 !important;
}

html[data-theme="dark"] div.wpforms-container input:focus,
html[data-theme="dark"] div.wpforms-container select:focus,
html[data-theme="dark"] div.wpforms-container textarea:focus,
html.dark div.wpforms-container input:focus,
html.dark div.wpforms-container select:focus,
html.dark div.wpforms-container textarea:focus {
	border-color: #C5453E !important;
	box-shadow: 0 0 0 3px rgba(197, 69, 62, 0.25) !important;
}

div.wpforms-container .wpforms-submit-container {
	margin-top: 24px !important;
	padding: 0 !important;
}

div.wpforms-container .wpforms-submit,
.ucd-contact-submit-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #C5453E !important;
	color: #FFFFFF !important;
	font-family: var(--ucd-font) !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	border: none !important;
	border-radius: 9999px !important;
	padding: 14px 36px !important;
	cursor: pointer !important;
	transition: background 0.2s, transform 0.2s !important;
	box-shadow: 0 4px 14px rgba(197, 69, 62, 0.3) !important;
}

div.wpforms-container .wpforms-submit:hover,
.ucd-contact-submit-btn:hover {
	background: #B03A34 !important;
	transform: translateY(-2px) !important;
}

/* Contact Steps Section */
.ucd-contact-steps-sec {
	padding: 60px 20px 70px !important;
	background: var(--ucd-bg, #FFFFFF) !important;
}
html[data-theme="dark"] .ucd-contact-steps-sec, html.dark .ucd-contact-steps-sec { background: #0E1015 !important; }

.ucd-contact-steps-inner { max-width: 1200px !important; margin: 0 auto !important; }
.ucd-contact-steps-title { font-size: 36px !important; font-weight: 800 !important; text-align: center !important; margin-bottom: 40px !important; color: var(--ucd-dark, #191918) !important; }
html[data-theme="dark"] .ucd-contact-steps-title, html.dark .ucd-contact-steps-title { color: #FFFFFF !important; }

.ucd-contact-steps-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; }
.ucd-contact-step-card { background: #FFFFFF !important; border: 1px solid #E5E7EB !important; border-radius: 16px !important; padding: 32px 28px !important; box-shadow: 0 4px 16px rgba(0,0,0,0.03) !important; }
html[data-theme="dark"] .ucd-contact-step-card, html.dark .ucd-contact-step-card { background: #161922 !important; border-color: rgba(255,255,255,0.08) !important; }
.ucd-contact-step-heading { font-size: 20px !important; font-weight: 700 !important; margin: 0 0 12px !important; color: var(--ucd-dark, #191918) !important; }
html[data-theme="dark"] .ucd-contact-step-heading, html.dark .ucd-contact-step-heading { color: #FFFFFF !important; }
.ucd-contact-step-text { font-size: 15px !important; line-height: 1.6 !important; color: var(--ucd-muted, #6B7280) !important; margin: 0 !important; }
html[data-theme="dark"] .ucd-contact-step-text, html.dark .ucd-contact-step-text { color: #94A3B8 !important; }

/* Contact About Sec */
.ucd-contact-about-sec { padding: 60px 20px 80px !important; background: var(--ucd-bg, #FFFFFF) !important; }
html[data-theme="dark"] .ucd-contact-about-sec, html.dark .ucd-contact-about-sec { background: #0E1015 !important; }
.ucd-contact-about-inner { max-width: 1200px !important; margin: 0 auto !important; display: flex !important; align-items: center !important; gap: 50px !important; }
.ucd-contact-about-media { flex: 1 !important; border-radius: 20px !important; overflow: hidden !important; }
.ucd-contact-about-media img { width: 100% !important; height: auto !important; border-radius: 20px !important; display: block !important; }
.ucd-contact-about-content { flex: 1.2 !important; }
.ucd-contact-about-title { font-size: 36px !important; font-weight: 800 !important; color: var(--ucd-dark, #191918) !important; margin: 0 0 18px !important; }
html[data-theme="dark"] .ucd-contact-about-title, html.dark .ucd-contact-about-title { color: #FFFFFF !important; }
.ucd-contact-about-text { font-size: 16px !important; line-height: 1.7 !important; color: var(--ucd-muted, #6B7280) !important; margin: 0 !important; }
html[data-theme="dark"] .ucd-contact-about-text, html.dark .ucd-contact-about-text { color: #94A3B8 !important; }

/* --------------------------------------------------------------------------
   2. APPLY PILOT PAGE (.ucd-ap-*)
   -------------------------------------------------------------------------- */
.ucd-ap-page-wrapper {
	position: relative !important;
	width: 100% !important;
	background: var(--ucd-bg, #FFFFFF) !important;
	color: var(--ucd-dark, #191918) !important;
}
html[data-theme="dark"] .ucd-ap-page-wrapper, html.dark .ucd-ap-page-wrapper {
	background: #0E1015 !important;
	color: #FFFFFF !important;
}

.ucd-ap-container {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	box-sizing: border-box !important;
}

.ucd-ap-hero-sec {
	padding: 70px 0 60px !important;
	text-align: center !important;
}

.ucd-ap-hero-content {
	max-width: 860px !important;
	margin: 0 auto !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}

.ucd-ap-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background: rgba(197, 69, 62, 0.08) !important;
	border: 1px solid rgba(197, 69, 62, 0.2) !important;
	color: #C5453E !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	padding: 6px 18px !important;
	border-radius: 9999px !important;
	margin-bottom: 20px !important;
}
html[data-theme="dark"] .ucd-ap-badge, html.dark .ucd-ap-badge {
	background: rgba(197, 69, 62, 0.15) !important;
	color: #FF8A85 !important;
}

.ucd-ap-hero-title {
	font-size: 52px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	letter-spacing: -0.03em !important;
	margin: 0 0 16px !important;
	color: var(--ucd-dark, #191918) !important;
}
html[data-theme="dark"] .ucd-ap-hero-title, html.dark .ucd-ap-hero-title { color: #FFFFFF !important; }

.ucd-ap-highlight {
	color: #C5453E !important;
}

.ucd-ap-hero-tagline {
	font-size: 20px !important;
	font-weight: 600 !important;
	color: #C5453E !important;
	margin: 0 0 14px !important;
}

.ucd-ap-hero-desc {
	font-size: 16px !important;
	line-height: 1.65 !important;
	color: var(--ucd-muted, #6B7280) !important;
	margin: 0 0 28px !important;
	max-width: 720px !important;
}
html[data-theme="dark"] .ucd-ap-hero-desc, html.dark .ucd-ap-hero-desc { color: #94A3B8 !important; }

.ucd-ap-hero-cta-group {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 16px !important;
	margin-bottom: 28px !important;
}

.ucd-ap-btn-chrome,
.ucd-ap-btn-primary {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	background: #C5453E !important;
	color: #FFFFFF !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	padding: 14px 32px !important;
	border-radius: 9999px !important;
	text-decoration: none !important;
	box-shadow: 0 4px 16px rgba(197, 69, 62, 0.3) !important;
	transition: background 0.2s, transform 0.2s !important;
}
.ucd-ap-btn-chrome:hover,
.ucd-ap-btn-primary:hover {
	background: #B03A34 !important;
	transform: translateY(-2px) !important;
}

.ucd-ap-btn-secondary,
.ucd-ap-btn-privacy {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background: #F3F4F6 !important;
	color: #191918 !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	padding: 14px 28px !important;
	border-radius: 9999px !important;
	text-decoration: none !important;
	transition: background 0.2s !important;
}
html[data-theme="dark"] .ucd-ap-btn-secondary,
html[data-theme="dark"] .ucd-ap-btn-privacy,
html.dark .ucd-ap-btn-secondary,
html.dark .ucd-ap-btn-privacy {
	background: #161922 !important;
	color: #FFFFFF !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.ucd-ap-highlights-list {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	gap: 24px !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	color: #10B981 !important;
}

.ucd-ap-preview-wrap,
.ucd-ap-mockup-wrap {
	margin-top: 48px !important;
	border-radius: 20px !important;
	overflow: hidden !important;
	box-shadow: 0 16px 48px rgba(0,0,0,0.1) !important;
	border: 1px solid #E5E7EB !important;
}
html[data-theme="dark"] .ucd-ap-preview-wrap,
html[data-theme="dark"] .ucd-ap-mockup-wrap,
html.dark .ucd-ap-preview-wrap,
html.dark .ucd-ap-mockup-wrap {
	border-color: rgba(255, 255, 255, 0.1) !important;
	box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important;
}

.ucd-ap-preview-wrap img,
.ucd-ap-mockup-wrap img {
	width: 100% !important;
	height: auto !important;
	display: block !important;
}

/* Features Grid */
.ucd-ap-features-sec { padding: 70px 0 !important; }
.ucd-ap-sec-header { text-align: center !important; margin-bottom: 48px !important; }
.ucd-ap-sec-title { font-size: 38px !important; font-weight: 800 !important; color: var(--ucd-dark, #191918) !important; margin: 0 0 14px !important; }
html[data-theme="dark"] .ucd-ap-sec-title, html.dark .ucd-ap-sec-title { color: #FFFFFF !important; }
.ucd-ap-sec-desc { font-size: 16px !important; color: var(--ucd-muted, #6B7280) !important; margin: 0 auto !important; max-width: 640px !important; }
html[data-theme="dark"] .ucd-ap-sec-desc, html.dark .ucd-ap-sec-desc { color: #94A3B8 !important; }

.ucd-ap-features-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 28px !important;
}
.ucd-ap-feature-card {
	background: #FFFFFF !important;
	border: 1px solid #E5E7EB !important;
	border-radius: 18px !important;
	padding: 36px 30px !important;
	box-shadow: 0 4px 20px rgba(0,0,0,0.03) !important;
	transition: transform 0.2s, box-shadow 0.2s !important;
}
.ucd-ap-feature-card:hover {
	transform: translateY(-4px) !important;
	box-shadow: 0 8px 30px rgba(0,0,0,0.08) !important;
}
html[data-theme="dark"] .ucd-ap-feature-card, html.dark .ucd-ap-feature-card {
	background: #161922 !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
}

.ucd-ap-feature-icon {
	width: 52px !important;
	height: 52px !important;
	border-radius: 12px !important;
	background: rgba(197, 69, 62, 0.08) !important;
	color: #C5453E !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-bottom: 22px !important;
}
.ucd-ap-feature-title { font-size: 20px !important; font-weight: 700 !important; color: var(--ucd-dark, #191918) !important; margin: 0 0 12px !important; }
html[data-theme="dark"] .ucd-ap-feature-title, html.dark .ucd-ap-feature-title { color: #FFFFFF !important; }
.ucd-ap-feature-desc { font-size: 15px !important; line-height: 1.6 !important; color: var(--ucd-muted, #6B7280) !important; margin: 0 !important; }
html[data-theme="dark"] .ucd-ap-feature-desc, html.dark .ucd-ap-feature-desc { color: #94A3B8 !important; }

/* --------------------------------------------------------------------------
   3. CAREER PAGE (.ucd-career-*)
   -------------------------------------------------------------------------- */
.ucd-career-hero-sec {
	padding: 60px 20px 30px !important;
	text-align: center !important;
	background: var(--ucd-bg, #FFFFFF) !important;
}
html[data-theme="dark"] .ucd-career-hero-sec, html.dark .ucd-career-hero-sec { background: #0E1015 !important; }

.ucd-career-hero-inner { max-width: 860px !important; margin: 0 auto !important; }
.ucd-career-breadcrumb, .ucd-about-breadcrumb {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-size: 13.5px !important;
	color: var(--ucd-muted, #6B7280) !important;
	margin-bottom: 16px !important;
}
.ucd-career-breadcrumb a, .ucd-about-breadcrumb a { color: var(--ucd-muted, #6B7280) !important; text-decoration: none !important; }
.ucd-career-breadcrumb a:hover, .ucd-about-breadcrumb a:hover { color: #C5453E !important; }

.ucd-career-hero-tag, .ucd-about-hero-tag {
	display: inline-block !important;
	background: rgba(197, 69, 62, 0.08) !important;
	border: 1px solid rgba(197, 69, 62, 0.2) !important;
	color: #C5453E !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	padding: 6px 18px !important;
	border-radius: 9999px !important;
	margin-bottom: 18px !important;
}
html[data-theme="dark"] .ucd-career-hero-tag,
html[data-theme="dark"] .ucd-about-hero-tag,
html.dark .ucd-career-hero-tag,
html.dark .ucd-about-hero-tag {
	background: rgba(197, 69, 62, 0.15) !important;
	color: #FF8A85 !important;
}

.ucd-career-hero-title, .ucd-about-hero-title {
	font-size: 52px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	letter-spacing: -0.03em !important;
	color: var(--ucd-dark, #191918) !important;
	margin: 0 0 16px !important;
}
html[data-theme="dark"] .ucd-career-hero-title,
html[data-theme="dark"] .ucd-about-hero-title,
html.dark .ucd-career-hero-title,
html.dark .ucd-about-hero-title {
	color: #FFFFFF !important;
}

.ucd-career-hero-desc, .ucd-about-hero-desc {
	font-size: 16px !important;
	line-height: 1.65 !important;
	color: var(--ucd-muted, #6B7280) !important;
	margin: 0 auto 30px !important;
	max-width: 680px !important;
}
html[data-theme="dark"] .ucd-career-hero-desc,
html[data-theme="dark"] .ucd-about-hero-desc,
html.dark .ucd-career-hero-desc,
html.dark .ucd-about-hero-desc {
	color: #94A3B8 !important;
}

/* Culture Grid */
.ucd-career-culture-sec, .ucd-career-perks-sec, .ucd-career-openings-sec {
	padding: 60px 20px !important;
	background: var(--ucd-bg, #FFFFFF) !important;
}
html[data-theme="dark"] .ucd-career-culture-sec,
html[data-theme="dark"] .ucd-career-perks-sec,
html[data-theme="dark"] .ucd-career-openings-sec,
html.dark .ucd-career-culture-sec,
html.dark .ucd-career-perks-sec,
html.dark .ucd-career-openings-sec {
	background: #0E1015 !important;
}

.ucd-career-culture-inner, .ucd-career-perks-inner, .ucd-career-openings-inner, .ucd-about-story-inner, .ucd-about-team-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
}

.ucd-career-sec-badge, .ucd-about-sec-badge {
	display: inline-block !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #C5453E !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	margin-bottom: 12px !important;
}

.ucd-career-sec-title, .ucd-about-sec-title {
	font-size: 38px !important;
	font-weight: 800 !important;
	color: var(--ucd-dark, #191918) !important;
	margin: 0 0 14px !important;
}
html[data-theme="dark"] .ucd-career-sec-title,
html[data-theme="dark"] .ucd-about-sec-title,
html.dark .ucd-career-sec-title,
html.dark .ucd-about-sec-title {
	color: #FFFFFF !important;
}

.ucd-career-culture-grid, .ucd-career-perks-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 28px !important;
	margin-top: 36px !important;
}

.ucd-career-culture-card, .ucd-career-perk-card {
	background: #FFFFFF !important;
	border: 1px solid #E5E7EB !important;
	border-radius: 18px !important;
	padding: 34px 28px !important;
	box-shadow: 0 4px 18px rgba(0,0,0,0.03) !important;
}
html[data-theme="dark"] .ucd-career-culture-card,
html[data-theme="dark"] .ucd-career-perk-card,
html.dark .ucd-career-culture-card,
html.dark .ucd-career-perk-card {
	background: #161922 !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
}

.ucd-career-culture-icon, .ucd-career-perk-icon {
	width: 48px !important;
	height: 48px !important;
	border-radius: 12px !important;
	background: rgba(197, 69, 62, 0.08) !important;
	color: #C5453E !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-bottom: 20px !important;
}

.ucd-career-culture-heading, .ucd-career-perk-heading {
	font-size: 20px !important;
	font-weight: 700 !important;
	color: var(--ucd-dark, #191918) !important;
	margin: 0 0 10px !important;
}
html[data-theme="dark"] .ucd-career-culture-heading,
html[data-theme="dark"] .ucd-career-perk-heading,
html.dark .ucd-career-culture-heading,
html.dark .ucd-career-perk-heading {
	color: #FFFFFF !important;
}

.ucd-career-culture-text, .ucd-career-perk-text {
	font-size: 15px !important;
	line-height: 1.6 !important;
	color: var(--ucd-muted, #6B7280) !important;
	margin: 0 !important;
}
html[data-theme="dark"] .ucd-career-culture-text,
html[data-theme="dark"] .ucd-career-perk-text,
html.dark .ucd-career-culture-text,
html.dark .ucd-career-perk-text {
	color: #94A3B8 !important;
}

/* Openings Job Cards */
.ucd-career-jobs-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 18px !important;
	margin-top: 32px !important;
}

.ucd-career-job-card {
	background: #FFFFFF !important;
	border: 1px solid #E5E7EB !important;
	border-radius: 18px !important;
	padding: 28px 32px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 24px !important;
	box-shadow: 0 4px 16px rgba(0,0,0,0.03) !important;
	transition: border-color 0.2s, transform 0.2s !important;
}
.ucd-career-job-card:hover {
	border-color: #C5453E !important;
	transform: translateY(-2px) !important;
}
html[data-theme="dark"] .ucd-career-job-card,
html.dark .ucd-career-job-card {
	background: #161922 !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
}

.ucd-career-job-title {
	font-size: 22px !important;
	font-weight: 700 !important;
	color: var(--ucd-dark, #191918) !important;
	margin: 0 0 8px !important;
}
html[data-theme="dark"] .ucd-career-job-title, html.dark .ucd-career-job-title { color: #FFFFFF !important; }

.ucd-career-job-meta {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	font-size: 14px !important;
	color: var(--ucd-muted, #6B7280) !important;
}

.ucd-career-apply-btn, .ucd-about-btn-primary {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background: #C5453E !important;
	color: #FFFFFF !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	padding: 12px 28px !important;
	border-radius: 9999px !important;
	text-decoration: none !important;
	transition: background 0.2s, transform 0.2s !important;
}
.ucd-career-apply-btn:hover, .ucd-about-btn-primary:hover {
	background: #B03A34 !important;
	transform: translateY(-2px) !important;
}

/* --------------------------------------------------------------------------
   4. ABOUT US PAGE (.ucd-about-*)
   -------------------------------------------------------------------------- */
.ucd-about-hero-sec {
	padding: 60px 20px 30px !important;
	text-align: center !important;
	background: var(--ucd-bg, #FFFFFF) !important;
}
html[data-theme="dark"] .ucd-about-hero-sec, html.dark .ucd-about-hero-sec { background: #0E1015 !important; }

.ucd-about-stats-sec { padding: 40px 20px 60px !important; }
.ucd-about-stats-grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 20px !important;
	max-width: 1200px !important;
	margin: 0 auto !important;
}
.ucd-about-stat-card {
	background: #FFFFFF !important;
	border: 1px solid #E5E7EB !important;
	border-radius: 16px !important;
	padding: 28px 20px !important;
	text-align: center !important;
	box-shadow: 0 4px 16px rgba(0,0,0,0.03) !important;
}
html[data-theme="dark"] .ucd-about-stat-card, html.dark .ucd-about-stat-card {
	background: #161922 !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
}
.ucd-about-stat-number {
	font-size: 40px !important;
	font-weight: 800 !important;
	color: #C5453E !important;
	line-height: 1 !important;
	margin-bottom: 8px !important;
}
.ucd-about-stat-label {
	font-size: 14.5px !important;
	font-weight: 600 !important;
	color: var(--ucd-dark, #191918) !important;
}
html[data-theme="dark"] .ucd-about-stat-label, html.dark .ucd-about-stat-label { color: #E2E8F0 !important; }

/* Story Section */
.ucd-about-story-sec { padding: 60px 20px !important; }
.ucd-about-story-inner {
	display: flex !important;
	align-items: center !important;
	gap: 60px !important;
}
.ucd-about-story-content { flex: 1.2 !important; }
.ucd-about-story-media { flex: 1 !important; }
.ucd-about-story-media img { width: 100% !important; border-radius: 20px !important; box-shadow: 0 12px 36px rgba(0,0,0,0.08) !important; }

/* Team Section */
.ucd-about-team-sec { padding: 60px 20px 80px !important; }
.ucd-about-team-grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 24px !important;
	margin-top: 40px !important;
}
.ucd-about-team-card {
	background: #FFFFFF !important;
	border: 1px solid #E5E7EB !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	box-shadow: 0 4px 18px rgba(0,0,0,0.03) !important;
}
html[data-theme="dark"] .ucd-about-team-card, html.dark .ucd-about-team-card {
	background: #161922 !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
}
.ucd-about-team-photo {
	width: 100% !important;
	height: 280px !important;
	overflow: hidden !important;
	background: #F4F4F5 !important;
}
.ucd-about-team-photo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	transition: transform 0.4s ease !important;
}
.ucd-about-team-card:hover .ucd-about-team-photo img {
	transform: scale(1.05) !important;
}
.ucd-about-team-info {
	padding: 22px 20px !important;
	text-align: center !important;
}
.ucd-about-team-role-tag {
	display: inline-block !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #C5453E !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	margin-bottom: 6px !important;
}
.ucd-about-team-name {
	font-size: 20px !important;
	font-weight: 700 !important;
	color: var(--ucd-dark, #191918) !important;
	margin: 0 0 4px !important;
}
html[data-theme="dark"] .ucd-about-team-name, html.dark .ucd-about-team-name { color: #FFFFFF !important; }
.ucd-about-team-designation {
	font-size: 14px !important;
	color: var(--ucd-muted, #6B7280) !important;
	margin: 0 0 16px !important;
}
html[data-theme="dark"] .ucd-about-team-designation, html.dark .ucd-about-team-designation { color: #94A3B8 !important; }

.ucd-about-team-socials {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 12px !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.ucd-about-team-socials a {
	width: 34px !important;
	height: 34px !important;
	border-radius: 50% !important;
	background: #F3F4F6 !important;
	color: #191918 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	transition: background 0.2s, color 0.2s !important;
}
.ucd-about-team-socials a:hover {
	background: #C5453E !important;
	color: #FFFFFF !important;
}
html[data-theme="dark"] .ucd-about-team-socials a, html.dark .ucd-about-team-socials a {
	background: rgba(255, 255, 255, 0.08) !important;
	color: #E2E8F0 !important;
}

/* About CTA Section */
.ucd-about-cta-sec {
	padding: 80px 20px !important;
	background: linear-gradient(135deg, rgba(197, 69, 62, 0.08), rgba(197, 69, 62, 0.02)) !important;
	text-align: center !important;
}
html[data-theme="dark"] .ucd-about-cta-sec, html.dark .ucd-about-cta-sec {
	background: linear-gradient(135deg, rgba(197, 69, 62, 0.15), rgba(14, 16, 21, 0.9)) !important;
}
.ucd-about-cta-inner { max-width: 800px !important; margin: 0 auto !important; }
.ucd-about-cta-title { font-size: 40px !important; font-weight: 800 !important; color: var(--ucd-dark, #191918) !important; margin: 0 0 16px !important; }
html[data-theme="dark"] .ucd-about-cta-title, html.dark .ucd-about-cta-title { color: #FFFFFF !important; }
.ucd-about-cta-desc { font-size: 16.5px !important; line-height: 1.65 !important; color: var(--ucd-muted, #6B7280) !important; margin: 0 0 32px !important; }
html[data-theme="dark"] .ucd-about-cta-desc, html.dark .ucd-about-cta-desc { color: #94A3B8 !important; }
.ucd-about-cta-actions { display: flex !important; align-items: center !important; justify-content: center !important; gap: 16px !important; }
.ucd-about-btn-secondary {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background: #FFFFFF !important;
	color: #191918 !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	padding: 12px 28px !important;
	border-radius: 9999px !important;
	border: 1px solid #E5E7EB !important;
	text-decoration: none !important;
	transition: background 0.2s !important;
}
html[data-theme="dark"] .ucd-about-btn-secondary, html.dark .ucd-about-btn-secondary {
	background: #161922 !important;
	color: #FFFFFF !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
}

/* RESPONSIVENESS */
@media (max-width: 991px) {
	div.wpforms-container .wpforms-field-container { grid-template-columns: 1fr !important; }
	.ucd-ap-features-grid { grid-template-columns: 1fr !important; }
	.ucd-career-culture-grid, .ucd-career-perks-grid { grid-template-columns: 1fr !important; }
	.ucd-about-stats-grid { grid-template-columns: repeat(2, 1fr) !important; }
	.ucd-about-team-grid { grid-template-columns: repeat(2, 1fr) !important; }
	.ucd-about-story-inner { flex-direction: column !important; text-align: center !important; }
}

@media (max-width: 768px) {
	.ucd-contact-hero-title, .ucd-ap-hero-title, .ucd-career-hero-title, .ucd-about-hero-title { font-size: 36px !important; }
	.ucd-contact-form-wrap { padding: 24px 20px !important; }
	.ucd-career-job-card { flex-direction: column !important; align-items: flex-start !important; }
	.ucd-about-stats-grid { grid-template-columns: 1fr !important; }
	.ucd-about-team-grid { grid-template-columns: 1fr !important; }
	.ucd-about-cta-actions { flex-direction: column !important; width: 100% !important; }
	.ucd-about-btn-primary, .ucd-about-btn-secondary { width: 100% !important; justify-content: center !important; }
}


/* ==========================================================================
   APPLY PILOT - TOP-TIER SAAS EXTENSION DESIGN
   ========================================================================== */
.ucd-ap-page-wrapper {
	width: 100% !important;
	background: var(--ucd-bg, #FFFFFF) !important;
	color: var(--ucd-dark, #191918) !important;
	overflow-x: hidden !important;
}
html[data-theme="dark"] .ucd-ap-page-wrapper, html.dark .ucd-ap-page-wrapper {
	background: #0E1015 !important;
	color: #FFFFFF !important;
}

.ucd-ap-container {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 24px !important;
	box-sizing: border-box !important;
}
.ucd-ap-narrow { max-width: 880px !important; }

/* 1. Hero Section */
.ucd-ap-hero-sec {
	padding: 75px 0 50px !important;
	text-align: center !important;
	position: relative !important;
}

.ucd-ap-hero-content {
	max-width: 860px !important;
	margin: 0 auto !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}

.ucd-ap-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background: rgba(197, 69, 62, 0.08) !important;
	border: 1px solid rgba(197, 69, 62, 0.22) !important;
	color: #C5453E !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	padding: 6px 18px !important;
	border-radius: 9999px !important;
	margin-bottom: 22px !important;
}
html[data-theme="dark"] .ucd-ap-badge, html.dark .ucd-ap-badge {
	background: rgba(197, 69, 62, 0.15) !important;
	color: #FF8A85 !important;
	border-color: rgba(197, 69, 62, 0.35) !important;
}

.ucd-ap-hero-title {
	font-family: var(--ucd-font) !important;
	font-size: 56px !important;
	font-weight: 800 !important;
	line-height: 1.12 !important;
	letter-spacing: -0.035em !important;
	margin: 0 0 16px !important;
	color: var(--ucd-dark, #191918) !important;
}
html[data-theme="dark"] .ucd-ap-hero-title, html.dark .ucd-ap-hero-title { color: #FFFFFF !important; }

.ucd-ap-highlight {
	color: #C5453E !important;
	background: linear-gradient(135deg, #C5453E, #E0564C) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}

.ucd-ap-hero-tagline {
	font-size: 20px !important;
	font-weight: 600 !important;
	color: #C5453E !important;
	margin: 0 0 16px !important;
}

.ucd-ap-hero-desc {
	font-size: 16.5px !important;
	line-height: 1.65 !important;
	color: var(--ucd-muted, #6B7280) !important;
	margin: 0 0 32px !important;
	max-width: 720px !important;
}
html[data-theme="dark"] .ucd-ap-hero-desc, html.dark .ucd-ap-hero-desc { color: #94A3B8 !important; }

.ucd-ap-hero-cta-group {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 16px !important;
	margin-bottom: 26px !important;
}

.ucd-ap-btn-chrome, .ucd-ap-btn-primary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	background: #C5453E !important;
	color: #FFFFFF !important;
	font-family: var(--ucd-font) !important;
	font-size: 15.5px !important;
	font-weight: 700 !important;
	padding: 14px 32px !important;
	border-radius: 9999px !important;
	text-decoration: none !important;
	box-shadow: 0 4px 18px rgba(197, 69, 62, 0.35) !important;
	transition: background 0.2s, transform 0.2s, box-shadow 0.2s !important;
}
.ucd-ap-btn-chrome:hover, .ucd-ap-btn-primary:hover {
	background: #B03A34 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 24px rgba(197, 69, 62, 0.45) !important;
}

.ucd-ap-btn-privacy, .ucd-ap-btn-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	background: #F3F4F6 !important;
	color: #191918 !important;
	font-family: var(--ucd-font) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	padding: 14px 28px !important;
	border-radius: 9999px !important;
	text-decoration: none !important;
	transition: background 0.2s !important;
}
html[data-theme="dark"] .ucd-ap-btn-privacy,
html[data-theme="dark"] .ucd-ap-btn-secondary,
html.dark .ucd-ap-btn-privacy,
html.dark .ucd-ap-btn-secondary {
	background: #161922 !important;
	color: #FFFFFF !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.ucd-ap-highlights-list {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	gap: 24px !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 40px !important;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	color: #10B981 !important;
}

/* Browser Mockup Window Container */
.ucd-ap-mockup-wrap, .ucd-ap-preview-wrap {
	max-width: 1080px !important;
	margin: 0 auto !important;
	background: #FFFFFF !important;
	border-radius: 20px !important;
	border: 1px solid #E5E7EB !important;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08) !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}
html[data-theme="dark"] .ucd-ap-mockup-wrap,
html[data-theme="dark"] .ucd-ap-preview-wrap,
html.dark .ucd-ap-mockup-wrap,
html.dark .ucd-ap-preview-wrap {
	background: #161922 !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.6) !important;
}

.ucd-ap-mockup-bar {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 12px 18px !important;
	background: #F9FAFB !important;
	border-bottom: 1px solid #E5E7EB !important;
}
html[data-theme="dark"] .ucd-ap-mockup-bar, html.dark .ucd-ap-mockup-bar {
	background: #12151C !important;
	border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

.ucd-ap-dot {
	width: 11px !important;
	height: 11px !important;
	border-radius: 50% !important;
	display: inline-block !important;
}
.ucd-ap-dot.red { background: #FF5F56 !important; }
.ucd-ap-dot.yellow { background: #FFBD2E !important; }
.ucd-ap-dot.green { background: #27C93F !important; }

.ucd-ap-mockup-url {
	margin-left: 12px !important;
	font-family: monospace !important;
	font-size: 12.5px !important;
	color: #9CA3AF !important;
	background: #FFFFFF !important;
	border: 1px solid #E5E7EB !important;
	padding: 3px 14px !important;
	border-radius: 6px !important;
}
html[data-theme="dark"] .ucd-ap-mockup-url, html.dark .ucd-ap-mockup-url {
	background: #1A1D27 !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
	color: #94A3B8 !important;
}

.ucd-ap-mockup-img, .ucd-ap-showcase-img {
	width: 100% !important;
	height: auto !important;
	display: block !important;
}

/* 2. Features Grid (2x2 Balanced Grid) */
.ucd-ap-features-sec {
	padding: 85px 0 !important;
}
.ucd-ap-sec-header {
	text-align: center !important;
	margin-bottom: 50px !important;
}
.ucd-ap-sec-tag {
	display: inline-block !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #C5453E !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	margin-bottom: 12px !important;
}
.ucd-ap-sec-title {
	font-size: 42px !important;
	font-weight: 800 !important;
	color: var(--ucd-dark, #191918) !important;
	letter-spacing: -0.02em !important;
	margin: 0 0 14px !important;
}
html[data-theme="dark"] .ucd-ap-sec-title, html.dark .ucd-ap-sec-title { color: #FFFFFF !important; }
.ucd-ap-sec-desc {
	font-size: 16px !important;
	color: var(--ucd-muted, #6B7280) !important;
	margin: 0 auto !important;
	max-width: 640px !important;
}
html[data-theme="dark"] .ucd-ap-sec-desc, html.dark .ucd-ap-sec-desc { color: #94A3B8 !important; }

.ucd-ap-features-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 28px !important;
}
.ucd-ap-feature-card {
	background: #FFFFFF !important;
	border: 1px solid #E5E7EB !important;
	border-radius: 20px !important;
	padding: 38px 34px !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}
.ucd-ap-feature-card:hover {
	transform: translateY(-4px) !important;
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.08) !important;
	border-color: rgba(197, 69, 62, 0.3) !important;
}
html[data-theme="dark"] .ucd-ap-feature-card, html.dark .ucd-ap-feature-card {
	background: #161922 !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .ucd-ap-feature-card:hover, html.dark .ucd-ap-feature-card:hover {
	border-color: rgba(197, 69, 62, 0.5) !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4) !important;
}

.ucd-ap-feature-icon {
	width: 52px !important;
	height: 52px !important;
	border-radius: 14px !important;
	background: rgba(197, 69, 62, 0.08) !important;
	color: #C5453E !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-bottom: 22px !important;
}
.ucd-ap-feature-title {
	font-size: 22px !important;
	font-weight: 700 !important;
	color: var(--ucd-dark, #191918) !important;
	margin: 0 0 12px !important;
}
html[data-theme="dark"] .ucd-ap-feature-title, html.dark .ucd-ap-feature-title { color: #FFFFFF !important; }
.ucd-ap-feature-desc {
	font-size: 15.5px !important;
	line-height: 1.65 !important;
	color: var(--ucd-muted, #6B7280) !important;
	margin: 0 !important;
}
html[data-theme="dark"] .ucd-ap-feature-desc, html.dark .ucd-ap-feature-desc { color: #94A3B8 !important; }

/* 3. Steps Section (Modern Numbered Cards) */
.ucd-ap-steps-sec {
	padding: 85px 0 !important;
	background: var(--ucd-bg, #FFFFFF) !important;
}
html[data-theme="dark"] .ucd-ap-steps-sec, html.dark .ucd-ap-steps-sec { background: #0E1015 !important; }

.ucd-ap-steps-list {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 28px !important;
	margin-top: 48px !important;
}

.ucd-ap-step-card {
	background: #FFFFFF !important;
	border: 1px solid #E5E7EB !important;
	border-radius: 20px !important;
	padding: 36px 30px !important;
	position: relative !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}
html[data-theme="dark"] .ucd-ap-step-card, html.dark .ucd-ap-step-card {
	background: #161922 !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
}

.ucd-ap-step-num {
	width: 44px !important;
	height: 44px !important;
	border-radius: 12px !important;
	background: #C5453E !important;
	color: #FFFFFF !important;
	font-family: var(--ucd-font) !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-bottom: 22px !important;
}

.ucd-ap-step-title {
	font-size: 21px !important;
	font-weight: 700 !important;
	color: var(--ucd-dark, #191918) !important;
	margin: 0 0 12px !important;
}
html[data-theme="dark"] .ucd-ap-step-title, html.dark .ucd-ap-step-title { color: #FFFFFF !important; }

.ucd-ap-step-desc {
	font-size: 15px !important;
	line-height: 1.65 !important;
	color: var(--ucd-muted, #6B7280) !important;
	margin: 0 !important;
}
html[data-theme="dark"] .ucd-ap-step-desc, html.dark .ucd-ap-step-desc { color: #94A3B8 !important; }

/* 4. Showcase 2-Col Grid */
.ucd-ap-showcase-sec {
	padding: 85px 0 !important;
}
.ucd-ap-showcase-grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 60px !important;
	align-items: center !important;
}
.ucd-ap-showcase-content {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
}
.ucd-ap-showcase-title {
	font-size: 38px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	color: var(--ucd-dark, #191918) !important;
	margin: 0 0 16px !important;
}
html[data-theme="dark"] .ucd-ap-showcase-title, html.dark .ucd-ap-showcase-title { color: #FFFFFF !important; }

.ucd-ap-showcase-desc {
	font-size: 16px !important;
	line-height: 1.65 !important;
	color: var(--ucd-muted, #6B7280) !important;
	margin: 0 0 28px !important;
}
html[data-theme="dark"] .ucd-ap-showcase-desc, html.dark .ucd-ap-showcase-desc { color: #94A3B8 !important; }

.ucd-ap-checklist {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 32px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 14px !important;
}
.ucd-ap-checklist li {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	font-size: 15.5px !important;
	font-weight: 500 !important;
	color: var(--ucd-dark, #191918) !important;
}
html[data-theme="dark"] .ucd-ap-checklist li, html.dark .ucd-ap-checklist li { color: #E2E8F0 !important; }

/* 5. Platforms Strip */
.ucd-ap-platforms-sec {
	padding: 50px 0 70px !important;
	text-align: center !important;
}
.ucd-ap-platforms-heading {
	font-size: 22px !important;
	font-weight: 700 !important;
	color: var(--ucd-dark, #191918) !important;
	margin: 0 0 28px !important;
}
html[data-theme="dark"] .ucd-ap-platforms-heading, html.dark .ucd-ap-platforms-heading { color: #FFFFFF !important; }

.ucd-ap-platforms-pills {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
}
.ucd-ap-platform-pill {
	background: #FFFFFF !important;
	border: 1px solid #E5E7EB !important;
	border-radius: 9999px !important;
	padding: 9px 22px !important;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	color: #374151 !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
	transition: border-color 0.2s, transform 0.2s !important;
}
.ucd-ap-platform-pill:hover {
	border-color: #C5453E !important;
	transform: translateY(-2px) !important;
}
html[data-theme="dark"] .ucd-ap-platform-pill, html.dark .ucd-ap-platform-pill {
	background: #161922 !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
	color: #CBD5E1 !important;
}

/* 6. CTA Card */
.ucd-ap-cta-sec {
	padding: 40px 0 90px !important;
}
.ucd-ap-cta-card {
	background: linear-gradient(135deg, rgba(197, 69, 62, 0.09), rgba(197, 69, 62, 0.02)) !important;
	border: 1px solid rgba(197, 69, 62, 0.25) !important;
	border-radius: 28px !important;
	padding: 65px 40px !important;
	text-align: center !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.04) !important;
}
html[data-theme="dark"] .ucd-ap-cta-card, html.dark .ucd-ap-cta-card {
	background: linear-gradient(135deg, rgba(197, 69, 62, 0.2), rgba(22, 25, 34, 0.95)) !important;
	border-color: rgba(197, 69, 62, 0.4) !important;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

.ucd-ap-cta-title {
	font-size: 42px !important;
	font-weight: 800 !important;
	color: var(--ucd-dark, #191918) !important;
	margin: 0 0 16px !important;
}
html[data-theme="dark"] .ucd-ap-cta-title, html.dark .ucd-ap-cta-title { color: #FFFFFF !important; }

.ucd-ap-cta-desc {
	font-size: 17px !important;
	line-height: 1.65 !important;
	color: var(--ucd-muted, #6B7280) !important;
	max-width: 620px !important;
	margin: 0 0 32px !important;
}
html[data-theme="dark"] .ucd-ap-cta-desc, html.dark .ucd-ap-cta-desc { color: #94A3B8 !important; }

.ucd-ap-btn-lg {
	padding: 16px 40px !important;
	font-size: 17px !important;
}

/* RESPONSIVENESS */
@media (max-width: 991px) {
	.ucd-ap-hero-title { font-size: 42px !important; }
	.ucd-ap-features-grid { grid-template-columns: 1fr !important; }
	.ucd-ap-steps-list { grid-template-columns: 1fr !important; }
	.ucd-ap-showcase-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
}

@media (max-width: 768px) {
	.ucd-ap-hero-title { font-size: 34px !important; }
	.ucd-ap-hero-cta-group { flex-direction: column !important; width: 100% !important; }
	.ucd-ap-btn-chrome, .ucd-ap-btn-privacy { width: 100% !important; }
	.ucd-ap-cta-card { padding: 40px 20px !important; }
	.ucd-ap-cta-title { font-size: 30px !important; }
}

/* ==========================================================================
   UCDREAMS COMPLETE SCOPED AUXILIARY PAGES SYSTEM
   - Apply Pilot (/apply-pilot/)
   - Career (/career/)
   - About Us (/about-us/)
   - Contact Us (/contact-us/)
   - Universal Component Isolation & Dark Mode Parity
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. APPLY PILOT PAGE STYLES (.ucd-ap-*)
   -------------------------------------------------------------------------- */
.ucd-ap-page-wrapper {
	width: 100%;
	background-color: #FFFFFF;
	color: #191918;
	font-family: var(--ucd-font, 'Inter', sans-serif);
	overflow-x: hidden;
}
html.dark .ucd-ap-page-wrapper,
html[data-theme="dark"] .ucd-ap-page-wrapper {
	background-color: #0A0C10;
	color: #F8FAFC;
}

.ucd-ap-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 24px;
	box-sizing: border-box;
}

/* AP Hero */
.ucd-ap-hero-sec {
	padding: 70px 0 60px;
	text-align: center;
	background-image: radial-gradient(#E2E8F0 1.2px, transparent 1.2px);
	background-size: 24px 24px;
}
html.dark .ucd-ap-hero-sec,
html[data-theme="dark"] .ucd-ap-hero-sec {
	background-image: radial-gradient(#1E293B 1.2px, transparent 1.2px);
}

.ucd-ap-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 16px;
	background: #FEE2E2;
	color: #C5453E;
	border-radius: 9999px;
	font-size: 13.5px;
	font-weight: 600;
	margin-bottom: 20px;
}
html.dark .ucd-ap-badge,
html[data-theme="dark"] .ucd-ap-badge {
	background: rgba(197, 69, 62, 0.18);
	color: #F87171;
}

.ucd-ap-hero-title {
	font-size: 56px;
	font-weight: 800;
	line-height: 1.12;
	letter-spacing: -0.035em;
	color: #191918;
	margin: 0 0 16px;
}
html.dark .ucd-ap-hero-title,
html[data-theme="dark"] .ucd-ap-hero-title {
	color: #FFFFFF;
}

.ucd-ap-highlight {
	color: #C5453E;
}

.ucd-ap-hero-tagline {
	font-size: 20px;
	font-weight: 600;
	color: #4B5563;
	margin: 0 0 14px;
	line-height: 1.4;
}
html.dark .ucd-ap-hero-tagline,
html[data-theme="dark"] .ucd-ap-hero-tagline {
	color: #CBD5E1;
}

.ucd-ap-hero-desc {
	font-size: 16px;
	line-height: 1.65;
	color: #6B7280;
	max-width: 760px;
	margin: 0 auto 28px;
}
html.dark .ucd-ap-hero-desc,
html[data-theme="dark"] .ucd-ap-hero-desc {
	color: #94A3B8;
}

.ucd-ap-hero-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin-bottom: 28px;
	flex-wrap: wrap;
}

.ucd-ap-btn-primary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #C5453E;
	color: #FFFFFF !important;
	font-size: 15.5px;
	font-weight: 600;
	padding: 13px 28px;
	border-radius: 9999px;
	text-decoration: none !important;
	transition: all 0.25s ease;
	box-shadow: 0 4px 14px rgba(197, 69, 62, 0.25);
}
.ucd-ap-btn-primary:hover {
	background: #B03832;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(197, 69, 62, 0.35);
	color: #FFFFFF !important;
}

.ucd-ap-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #F3F4F6;
	color: #374151 !important;
	font-size: 15px;
	font-weight: 600;
	padding: 13px 24px;
	border-radius: 9999px;
	text-decoration: none !important;
	transition: all 0.25s ease;
	border: 1px solid #E5E7EB;
}
.ucd-ap-btn-secondary:hover {
	background: #E5E7EB;
	color: #111827 !important;
	transform: translateY(-2px);
}
html.dark .ucd-ap-btn-secondary,
html[data-theme="dark"] .ucd-ap-btn-secondary {
	background: #1E2430;
	color: #E2E8F0 !important;
	border-color: #334155;
}
html.dark .ucd-ap-btn-secondary:hover,
html[data-theme="dark"] .ucd-ap-btn-secondary:hover {
	background: #2D3748;
	color: #FFFFFF !important;
}

.ucd-ap-trust-pills {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.ucd-ap-pill {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 14px;
	font-weight: 500;
	color: #4B5563;
}
html.dark .ucd-ap-pill,
html[data-theme="dark"] .ucd-ap-pill {
	color: #94A3B8;
}

/* MacOS Mockup Frame */
.ucd-ap-mockup-frame {
	background: #FFFFFF;
	border: 1px solid #E5E7EB;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.03);
	max-width: 1040px;
	margin: 0 auto;
}
html.dark .ucd-ap-mockup-frame,
html[data-theme="dark"] .ucd-ap-mockup-frame {
	background: #151922;
	border-color: #262D3D;
	box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.ucd-ap-mockup-bar {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 18px;
	background: #F8FAFC;
	border-bottom: 1px solid #E5E7EB;
}
html.dark .ucd-ap-mockup-bar,
html[data-theme="dark"] .ucd-ap-mockup-bar {
	background: #11141B;
	border-bottom-color: #262D3D;
}

.ucd-ap-dot {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	display: inline-block;
}
.ucd-ap-dot.red { background: #FF5F56 !important; }
.ucd-ap-dot.yellow { background: #FFBD2E !important; }
.ucd-ap-dot.green { background: #27C93F !important; }

.ucd-ap-mockup-url {
	margin-left: 12px;
	background: #FFFFFF;
	border: 1px solid #E5E7EB;
	border-radius: 6px;
	padding: 4px 14px;
	font-size: 12.5px;
	color: #6B7280;
	font-family: monospace;
	max-width: 320px;
	width: 100%;
	text-align: left;
}
html.dark .ucd-ap-mockup-url,
html[data-theme="dark"] .ucd-ap-mockup-url {
	background: #181D27;
	border-color: #262D3D;
	color: #94A3B8;
}

.ucd-ap-hero-img,
.ucd-ap-showcase-img {
	width: 100%;
	height: auto;
	display: block;
}

/* AP Section Headers */
.ucd-ap-sec-header {
	text-align: center;
	margin-bottom: 45px;
}
.ucd-ap-sec-tag {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #C5453E;
	margin-bottom: 10px;
	display: inline-block;
}
.ucd-ap-sec-title {
	font-size: 38px;
	font-weight: 800;
	letter-spacing: -0.03em;
	color: #191918;
	margin: 0 0 12px;
}
html.dark .ucd-ap-sec-title,
html[data-theme="dark"] .ucd-ap-sec-title {
	color: #FFFFFF;
}
.ucd-ap-sec-desc {
	font-size: 16px;
	color: #6B7280;
	margin: 0;
	max-width: 680px;
	margin: 0 auto;
}
html.dark .ucd-ap-sec-desc,
html[data-theme="dark"] .ucd-ap-sec-desc {
	color: #94A3B8;
}

/* AP Features Grid (2x2) */
.ucd-ap-features-sec {
	padding: 70px 0;
}
.ucd-ap-features-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}
.ucd-ap-feature-card {
	background: #FFFFFF;
	border: 1px solid #ECECEC;
	border-radius: 16px;
	padding: 32px 28px;
	box-sizing: border-box;
	transition: all 0.25s ease;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);
}
.ucd-ap-feature-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
	border-color: #DCDCDC;
}
html.dark .ucd-ap-feature-card,
html[data-theme="dark"] .ucd-ap-feature-card {
	background: #141720;
	border-color: #242938;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}
html.dark .ucd-ap-feature-card:hover,
html[data-theme="dark"] .ucd-ap-feature-card:hover {
	border-color: #3B4459;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);
}
.ucd-ap-feat-icon {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: rgba(197, 69, 62, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
}
html.dark .ucd-ap-feat-icon,
html[data-theme="dark"] .ucd-ap-feat-icon {
	background: rgba(197, 69, 62, 0.16);
}
.ucd-ap-feat-title {
	font-size: 20px;
	font-weight: 700;
	color: #191918;
	margin: 0 0 10px;
}
html.dark .ucd-ap-feat-title,
html[data-theme="dark"] .ucd-ap-feat-title {
	color: #FFFFFF;
}
.ucd-ap-feat-desc {
	font-size: 15px;
	line-height: 1.62;
	color: #6B7280;
	margin: 0;
}
html.dark .ucd-ap-feat-desc,
html[data-theme="dark"] .ucd-ap-feat-desc {
	color: #94A3B8;
}

/* AP Steps Grid (3 Columns) */
.ucd-ap-steps-sec {
	padding: 70px 0;
	background: #FAFAFA;
}
html.dark .ucd-ap-steps-sec,
html[data-theme="dark"] .ucd-ap-steps-sec {
	background: #0E1015;
}
.ucd-ap-steps-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.ucd-ap-step-card {
	background: #FFFFFF;
	border: 1px solid #ECECEC;
	border-radius: 16px;
	padding: 32px 26px;
	box-sizing: border-box;
	transition: all 0.25s ease;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);
}
.ucd-ap-step-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
	border-color: #DCDCDC;
}
html.dark .ucd-ap-step-card,
html[data-theme="dark"] .ucd-ap-step-card {
	background: #141720;
	border-color: #242938;
}
.ucd-ap-step-num {
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background: #C5453E;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
}
.ucd-ap-step-title {
	font-size: 18px;
	font-weight: 700;
	color: #191918;
	margin: 0 0 10px;
}
html.dark .ucd-ap-step-title,
html[data-theme="dark"] .ucd-ap-step-title {
	color: #FFFFFF;
}
.ucd-ap-step-desc {
	font-size: 14.5px;
	line-height: 1.6;
	color: #6B7280;
	margin: 0;
}
html.dark .ucd-ap-step-desc,
html[data-theme="dark"] .ucd-ap-step-desc {
	color: #94A3B8;
}

/* AP Showcase Section (2-Column Desktop Grid) */
.ucd-ap-showcase-sec {
	padding: 70px 0;
}
.ucd-ap-showcase-wrap {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	align-items: center;
	gap: 48px;
}
.ucd-ap-showcase-media {
	width: 100%;
}
.ucd-ap-showcase-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.ucd-ap-checklist {
	list-style: none;
	padding: 0;
	margin: 20px 0 28px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.ucd-ap-checklist li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 15px;
	color: #374151;
	line-height: 1.5;
}
html.dark .ucd-ap-checklist li,
html[data-theme="dark"] .ucd-ap-checklist li {
	color: #E2E8F0;
}
.ucd-ap-checklist li::before {
	content: "✓";
	color: #22C55E;
	font-weight: bold;
	font-size: 16px;
}

/* AP Platforms Pills */
.ucd-ap-platforms-sec {
	padding: 50px 0;
	text-align: center;
	border-top: 1px solid #ECECEC;
}
html.dark .ucd-ap-platforms-sec,
html[data-theme="dark"] .ucd-ap-platforms-sec {
	border-top-color: #242938;
}
.ucd-ap-platforms-title {
	font-size: 18px;
	font-weight: 700;
	color: #191918;
	margin: 0 0 24px;
}
html.dark .ucd-ap-platforms-title,
html[data-theme="dark"] .ucd-ap-platforms-title {
	color: #FFFFFF;
}
.ucd-ap-platforms-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	max-width: 900px;
	margin: 0 auto;
}
.ucd-ap-platform-badge {
	background: #FFFFFF;
	border: 1px solid #E5E7EB;
	border-radius: 8px;
	padding: 8px 16px;
	font-size: 13.5px;
	font-weight: 500;
	color: #4B5563;
	transition: all 0.2s ease;
}
.ucd-ap-platform-badge:hover {
	border-color: #C5453E;
	color: #C5453E;
	transform: translateY(-2px);
}
html.dark .ucd-ap-platform-badge,
html[data-theme="dark"] .ucd-ap-platform-badge {
	background: #141720;
	border-color: #242938;
	color: #CBD5E1;
}
html.dark .ucd-ap-platform-badge:hover,
html[data-theme="dark"] .ucd-ap-platform-badge:hover {
	border-color: #F87171;
	color: #F87171;
}

/* AP CTA Section */
.ucd-ap-cta-sec {
	padding: 60px 0 80px;
}
.ucd-ap-cta-box {
	background: #FDF4F4;
	border: 1px solid #FED7D7;
	border-radius: 20px;
	padding: 50px 30px;
	text-align: center;
	box-shadow: 0 10px 30px rgba(197, 69, 62, 0.05);
}
html.dark .ucd-ap-cta-box,
html[data-theme="dark"] .ucd-ap-cta-box {
	background: #161216;
	border-color: #382024;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.ucd-ap-cta-title {
	font-size: 36px;
	font-weight: 800;
	color: #191918;
	margin: 0 0 14px;
	letter-spacing: -0.025em;
}
html.dark .ucd-ap-cta-title,
html[data-theme="dark"] .ucd-ap-cta-title {
	color: #FFFFFF;
}
.ucd-ap-cta-desc {
	font-size: 16px;
	color: #6B7280;
	margin: 0 auto 28px;
	max-width: 600px;
}
html.dark .ucd-ap-cta-desc,
html[data-theme="dark"] .ucd-ap-cta-desc {
	color: #94A3B8;
}


/* --------------------------------------------------------------------------
   2. CAREER PAGE STYLES (.ucd-career-*)
   -------------------------------------------------------------------------- */
.ucd-career-hero-sec {
	padding: 65px 0 35px;
	background: #FFFFFF;
	text-align: center;
	background-image: radial-gradient(#E2E8F0 1.2px, transparent 1.2px);
	background-size: 24px 24px;
}
html.dark .ucd-career-hero-sec,
html[data-theme="dark"] .ucd-career-hero-sec {
	background: #0A0C10;
	background-image: radial-gradient(#1E293B 1.2px, transparent 1.2px);
}

.ucd-career-hero-inner {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 20px;
}

.ucd-career-breadcrumb {
	font-size: 13.5px;
	color: #6B7280;
	margin-bottom: 14px;
}
.ucd-career-breadcrumb a {
	color: #4B5563;
	text-decoration: none;
}
.ucd-career-breadcrumb a:hover {
	color: #C5453E;
}
.ucd-career-breadcrumb .sep {
	margin: 0 8px;
	color: #9CA3AF;
}

.ucd-career-hero-tag {
	display: inline-block;
	background: #FEE2E2;
	color: #C5453E;
	padding: 5px 16px;
	border-radius: 9999px;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 16px;
}
html.dark .ucd-career-hero-tag,
html[data-theme="dark"] .ucd-career-hero-tag {
	background: rgba(197, 69, 62, 0.18);
	color: #F87171;
}

.ucd-career-hero-title {
	font-size: 52px;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.035em;
	color: #191918;
	margin: 0 0 16px;
}
html.dark .ucd-career-hero-title,
html[data-theme="dark"] .ucd-career-hero-title {
	color: #FFFFFF;
}

.ucd-career-hero-desc {
	font-size: 16.5px;
	line-height: 1.65;
	color: #6B7280;
	margin: 0;
}
html.dark .ucd-career-hero-desc,
html[data-theme="dark"] .ucd-career-hero-desc {
	color: #94A3B8;
}

/* Career Section Headers */
.ucd-career-sec-header {
	text-align: center;
	margin-bottom: 45px;
}
.ucd-career-sec-badge {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #C5453E;
	margin-bottom: 10px;
	display: inline-block;
}
.ucd-career-sec-title {
	font-size: 38px;
	font-weight: 800;
	letter-spacing: -0.03em;
	color: #191918;
	margin: 0 0 12px;
}
html.dark .ucd-career-sec-title,
html[data-theme="dark"] .ucd-career-sec-title {
	color: #FFFFFF;
}
.ucd-career-sec-desc {
	font-size: 16px;
	color: #6B7280;
	margin: 0;
	max-width: 680px;
	margin: 0 auto;
}
html.dark .ucd-career-sec-desc,
html[data-theme="dark"] .ucd-career-sec-desc {
	color: #94A3B8;
}

/* Perks (Culture) 4-Column Grid */
.ucd-career-perks-sec {
	padding: 65px 0;
	background: #FFFFFF;
}
html.dark .ucd-career-perks-sec,
html[data-theme="dark"] .ucd-career-perks-sec {
	background: #0A0C10;
}
.ucd-career-perks-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.ucd-career-perks-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
.ucd-career-perk-card {
	background: #FFFFFF;
	border: 1px solid #ECECEC;
	border-radius: 16px;
	padding: 30px 24px;
	box-sizing: border-box;
	transition: all 0.25s ease;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);
}
.ucd-career-perk-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
	border-color: #DCDCDC;
}
html.dark .ucd-career-perk-card,
html[data-theme="dark"] .ucd-career-perk-card {
	background: #141720;
	border-color: #242938;
}
.ucd-career-perk-icon {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: rgba(197, 69, 62, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #C5453E;
	margin-bottom: 18px;
}
html.dark .ucd-career-perk-icon,
html[data-theme="dark"] .ucd-career-perk-icon {
	background: rgba(197, 69, 62, 0.16);
	color: #F87171;
}
.ucd-career-perk-title {
	font-size: 18px;
	font-weight: 700;
	color: #191918;
	margin: 0 0 10px;
}
html.dark .ucd-career-perk-title,
html[data-theme="dark"] .ucd-career-perk-title {
	color: #FFFFFF;
}
.ucd-career-perk-text {
	font-size: 14.5px;
	line-height: 1.6;
	color: #6B7280;
	margin: 0;
}
html.dark .ucd-career-perk-text,
html[data-theme="dark"] .ucd-career-perk-text {
	color: #94A3B8;
}

/* Disciplines 2x2 Grid */
.ucd-career-domains-sec {
	padding: 65px 0;
	background: #FAFAFA;
}
html.dark .ucd-career-domains-sec,
html[data-theme="dark"] .ucd-career-domains-sec {
	background: #0E1015;
}
.ucd-career-domains-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.ucd-career-domains-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}
.ucd-career-domain-card {
	background: #FFFFFF;
	border: 1px solid #ECECEC;
	border-radius: 16px;
	padding: 32px 28px;
	box-sizing: border-box;
	transition: all 0.25s ease;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);
}
.ucd-career-domain-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
	border-color: #DCDCDC;
}
html.dark .ucd-career-domain-card,
html[data-theme="dark"] .ucd-career-domain-card {
	background: #141720;
	border-color: #242938;
}
.ucd-career-domain-badge {
	display: inline-block;
	background: rgba(197, 69, 62, 0.08);
	color: #C5453E;
	font-size: 12px;
	font-weight: 700;
	padding: 4px 12px;
	border-radius: 9999px;
	margin-bottom: 12px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
html.dark .ucd-career-domain-badge,
html[data-theme="dark"] .ucd-career-domain-badge {
	background: rgba(197, 69, 62, 0.18);
	color: #F87171;
}
.ucd-career-domain-title {
	font-size: 21px;
	font-weight: 700;
	color: #191918;
	margin: 0 0 10px;
}
html.dark .ucd-career-domain-title,
html[data-theme="dark"] .ucd-career-domain-title {
	color: #FFFFFF;
}
.ucd-career-domain-desc {
	font-size: 15px;
	line-height: 1.62;
	color: #6B7280;
	margin: 0 0 18px;
}
html.dark .ucd-career-domain-desc,
html[data-theme="dark"] .ucd-career-domain-desc {
	color: #94A3B8;
}
.ucd-career-skill-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.ucd-career-tag {
	background: #F3F4F6;
	color: #4B5563;
	font-size: 12.5px;
	font-weight: 500;
	padding: 4px 11px;
	border-radius: 6px;
	border: 1px solid #E5E7EB;
}
html.dark .ucd-career-tag,
html[data-theme="dark"] .ucd-career-tag {
	background: #1E2430;
	color: #CBD5E1;
	border-color: #334155;
}

/* Career Application Form Section */
.ucd-career-form-sec {
	padding: 70px 0;
	background: #FFFFFF;
}
html.dark .ucd-career-form-sec,
html[data-theme="dark"] .ucd-career-form-sec {
	background: #0A0C10;
}
.ucd-career-form-inner {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
}
.ucd-career-form-header {
	text-align: center;
	margin-bottom: 40px;
}
.ucd-career-form-title {
	font-size: 38px;
	font-weight: 800;
	letter-spacing: -0.03em;
	color: #191918;
	margin: 0 0 12px;
}
html.dark .ucd-career-form-title,
html[data-theme="dark"] .ucd-career-form-title {
	color: #FFFFFF;
}
.ucd-career-form-desc {
	font-size: 16px;
	color: #6B7280;
	margin: 0 auto;
	max-width: 680px;
}
html.dark .ucd-career-form-desc,
html[data-theme="dark"] .ucd-career-form-desc {
	color: #94A3B8;
}
.ucd-career-form-wrap {
	background: #FFFFFF;
	border: 1px solid #ECECEC;
	border-radius: 20px;
	padding: 40px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
}
html.dark .ucd-career-form-wrap,
html[data-theme="dark"] .ucd-career-form-wrap {
	background: #141720;
	border-color: #242938;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

/* Hiring Process (4-Column Grid) */
.ucd-career-steps-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.ucd-career-step-num {
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background: #C5453E;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
}


/* --------------------------------------------------------------------------
   3. ABOUT US PAGE STYLES (.ucd-about-*)
   -------------------------------------------------------------------------- */
.ucd-about-hero-sec {
	padding: 65px 0 35px;
	background: #FFFFFF;
	text-align: center;
	background-image: radial-gradient(#E2E8F0 1.2px, transparent 1.2px);
	background-size: 24px 24px;
}
html.dark .ucd-about-hero-sec,
html[data-theme="dark"] .ucd-about-hero-sec {
	background: #0A0C10;
	background-image: radial-gradient(#1E293B 1.2px, transparent 1.2px);
}
.ucd-about-hero-inner {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 20px;
}
.ucd-about-breadcrumb {
	font-size: 13.5px;
	color: #6B7280;
	margin-bottom: 14px;
}
.ucd-about-breadcrumb a {
	color: #4B5563;
	text-decoration: none;
}
.ucd-about-breadcrumb a:hover {
	color: #C5453E;
}
.ucd-about-breadcrumb .sep {
	margin: 0 8px;
	color: #9CA3AF;
}
.ucd-about-hero-tag {
	display: inline-block;
	background: #FEE2E2;
	color: #C5453E;
	padding: 5px 16px;
	border-radius: 9999px;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 16px;
}
html.dark .ucd-about-hero-tag,
html[data-theme="dark"] .ucd-about-hero-tag {
	background: rgba(197, 69, 62, 0.18);
	color: #F87171;
}
.ucd-about-hero-title {
	font-size: 50px;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.035em;
	color: #191918;
	margin: 0 0 16px;
}
html.dark .ucd-about-hero-title,
html[data-theme="dark"] .ucd-about-hero-title {
	color: #FFFFFF;
}
.ucd-about-hero-desc {
	font-size: 16.5px;
	line-height: 1.65;
	color: #6B7280;
	margin: 0;
}
html.dark .ucd-about-hero-desc,
html[data-theme="dark"] .ucd-about-hero-desc {
	color: #94A3B8;
}

/* About Stats 4-Grid */
.ucd-about-stats-sec {
	padding: 40px 0;
	background: #FFFFFF;
}
html.dark .ucd-about-stats-sec,
html[data-theme="dark"] .ucd-about-stats-sec {
	background: #0A0C10;
}
.ucd-about-stats-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.ucd-about-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.ucd-about-stat-card {
	background: #F9FAFB;
	border: 1px solid #ECECEC;
	border-radius: 16px;
	padding: 24px 20px;
	text-align: center;
	transition: all 0.25s ease;
}
.ucd-about-stat-card:hover {
	transform: translateY(-3px);
	border-color: #DCDCDC;
}
html.dark .ucd-about-stat-card,
html[data-theme="dark"] .ucd-about-stat-card {
	background: #141720;
	border-color: #242938;
}
.ucd-about-stat-num {
	font-size: 38px;
	font-weight: 800;
	color: #C5453E;
	line-height: 1;
	margin-bottom: 8px;
	letter-spacing: -0.03em;
}
.ucd-about-stat-label {
	font-size: 14.5px;
	font-weight: 600;
	color: #4B5563;
}
html.dark .ucd-about-stat-label,
html[data-theme="dark"] .ucd-about-stat-label {
	color: #CBD5E1;
}

/* About Split 2-Column Section */
.ucd-about-split-sec {
	padding: 70px 0;
	background: #FFFFFF;
}
.ucd-about-split-sec.bg-alt {
	background: #FAFAFA;
}
html.dark .ucd-about-split-sec,
html[data-theme="dark"] .ucd-about-split-sec {
	background: #0A0C10;
}
html.dark .ucd-about-split-sec.bg-alt,
html[data-theme="dark"] .ucd-about-split-sec.bg-alt {
	background: #0E1015;
}
.ucd-about-split-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	align-items: center;
	gap: 50px;
}
.ucd-about-split-inner.reverse {
	grid-template-columns: 0.9fr 1.1fr;
}
.ucd-about-split-inner.reverse .ucd-about-split-content {
	order: 2;
}
.ucd-about-split-inner.reverse .ucd-about-split-media {
	order: 1;
}
.ucd-about-split-badge {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #C5453E;
	margin-bottom: 12px;
	display: inline-block;
}
.ucd-about-split-title {
	font-size: 38px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.03em;
	color: #191918;
	margin: 0 0 18px;
}
html.dark .ucd-about-split-title,
html[data-theme="dark"] .ucd-about-split-title {
	color: #FFFFFF;
}
.ucd-about-split-text {
	font-size: 15.5px;
	line-height: 1.7;
	color: #6B7280;
	margin: 0 0 16px;
}
html.dark .ucd-about-split-text,
html[data-theme="dark"] .ucd-about-split-text {
	color: #94A3B8;
}
.ucd-about-split-media {
	display: flex;
	justify-content: center;
}
.ucd-about-split-media img {
	width: 100%;
	max-width: 480px;
	height: auto;
	border-radius: 16px;
	object-fit: contain;
}

/* About Services (3x2 Grid) */
.ucd-about-services-sec {
	padding: 70px 0;
	background: #FFFFFF;
}
html.dark .ucd-about-services-sec,
html[data-theme="dark"] .ucd-about-services-sec {
	background: #0A0C10;
}
.ucd-about-services-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.ucd-about-services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.ucd-about-service-card {
	background: #FFFFFF;
	border: 1px solid #ECECEC;
	border-radius: 16px;
	padding: 30px 24px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: all 0.25s ease;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);
}
.ucd-about-service-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
	border-color: #DCDCDC;
}
html.dark .ucd-about-service-card,
html[data-theme="dark"] .ucd-about-service-card {
	background: #141720;
	border-color: #242938;
}
.ucd-about-service-icon {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: rgba(197, 69, 62, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #C5453E;
	margin-bottom: 18px;
}
html.dark .ucd-about-service-icon,
html[data-theme="dark"] .ucd-about-service-icon {
	background: rgba(197, 69, 62, 0.16);
	color: #F87171;
}
.ucd-about-service-title {
	font-size: 19px;
	font-weight: 700;
	color: #191918;
	margin: 0 0 10px;
}
html.dark .ucd-about-service-title,
html[data-theme="dark"] .ucd-about-service-title {
	color: #FFFFFF;
}
.ucd-about-service-desc {
	font-size: 14.5px;
	line-height: 1.62;
	color: #6B7280;
	margin: 0;
}
html.dark .ucd-about-service-desc,
html[data-theme="dark"] .ucd-about-service-desc {
	color: #94A3B8;
}
.ucd-about-service-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #C5453E !important;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none !important;
	margin-top: 18px;
	transition: gap 0.2s ease;
}
.ucd-about-service-link:hover {
	gap: 10px;
}
html.dark .ucd-about-service-link,
html[data-theme="dark"] .ucd-about-service-link {
	color: #F87171 !important;
}

/* About Team (4-Column Grid) */
.ucd-about-team-sec {
	padding: 70px 0;
	background: #FAFAFA;
}
html.dark .ucd-about-team-sec,
html[data-theme="dark"] .ucd-about-team-sec {
	background: #0E1015;
}
.ucd-about-team-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.ucd-about-team-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
.ucd-about-team-card {
	background: #FFFFFF;
	border: 1px solid #ECECEC;
	border-radius: 16px;
	overflow: hidden;
	transition: all 0.25s ease;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);
	display: flex;
	flex-direction: column;
}
.ucd-about-team-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
	border-color: #DCDCDC;
}
html.dark .ucd-about-team-card,
html[data-theme="dark"] .ucd-about-team-card {
	background: #141720;
	border-color: #242938;
}
.ucd-about-team-photo {
	width: 100%;
	aspect-ratio: 3/4;
	overflow: hidden;
	background: #F3F4F6;
}
html.dark .ucd-about-team-photo,
html[data-theme="dark"] .ucd-about-team-photo {
	background: #1E2430;
}
.ucd-about-team-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}
.ucd-about-team-card:hover .ucd-about-team-photo img {
	transform: scale(1.04);
}
.ucd-about-team-info {
	padding: 20px 16px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.ucd-about-team-role-tag {
	font-size: 11.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #C5453E;
	background: rgba(197, 69, 62, 0.08);
	padding: 4px 10px;
	border-radius: 9999px;
	display: inline-block;
	margin-bottom: 8px;
}
html.dark .ucd-about-team-role-tag,
html[data-theme="dark"] .ucd-about-team-role-tag {
	background: rgba(197, 69, 62, 0.18);
	color: #F87171;
}
.ucd-about-team-name {
	font-size: 18px;
	font-weight: 700;
	color: #191918;
	margin: 0 0 4px;
}
html.dark .ucd-about-team-name,
html[data-theme="dark"] .ucd-about-team-name {
	color: #FFFFFF;
}
.ucd-about-team-designation {
	font-size: 13.5px;
	color: #6B7280;
	margin: 0 0 14px;
}
html.dark .ucd-about-team-designation,
html[data-theme="dark"] .ucd-about-team-designation {
	color: #94A3B8;
}
.ucd-about-team-socials {
	display: flex;
	justify-content: center;
	gap: 8px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ucd-about-team-socials a {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background: #F3F4F6;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #4B5563;
	text-decoration: none;
	transition: all 0.2s ease;
}
.ucd-about-team-socials a:hover {
	background: #C5453E;
	color: #FFFFFF;
	transform: translateY(-2px);
}
html.dark .ucd-about-team-socials a,
html[data-theme="dark"] .ucd-about-team-socials a {
	background: #1E2430;
	color: #94A3B8;
}
html.dark .ucd-about-team-socials a:hover,
html[data-theme="dark"] .ucd-about-team-socials a:hover {
	background: #C5453E;
	color: #FFFFFF;
}

/* About CTA Section */
.ucd-about-cta-sec {
	padding: 70px 0;
	background: #FFFFFF;
	text-align: center;
}
html.dark .ucd-about-cta-sec,
html[data-theme="dark"] .ucd-about-cta-sec {
	background: #0A0C10;
}
.ucd-about-cta-inner {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 20px;
}
.ucd-about-cta-title {
	font-size: 38px;
	font-weight: 800;
	letter-spacing: -0.03em;
	color: #191918;
	margin: 0 0 14px;
}
html.dark .ucd-about-cta-title,
html[data-theme="dark"] .ucd-about-cta-title {
	color: #FFFFFF;
}
.ucd-about-cta-desc {
	font-size: 16.5px;
	line-height: 1.65;
	color: #6B7280;
	margin: 0 0 32px;
}
html.dark .ucd-about-cta-desc,
html[data-theme="dark"] .ucd-about-cta-desc {
	color: #94A3B8;
}
.ucd-about-cta-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
}
.ucd-about-btn-primary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #C5453E;
	color: #FFFFFF !important;
	font-size: 15px;
	font-weight: 600;
	padding: 13px 28px;
	border-radius: 9999px;
	text-decoration: none !important;
	transition: all 0.25s ease;
	box-shadow: 0 4px 14px rgba(197, 69, 62, 0.25);
}
.ucd-about-btn-primary:hover {
	background: #B03832;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(197, 69, 62, 0.35);
}
.ucd-about-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #F3F4F6;
	color: #374151 !important;
	font-size: 15px;
	font-weight: 600;
	padding: 13px 26px;
	border-radius: 9999px;
	text-decoration: none !important;
	border: 1px solid #E5E7EB;
	transition: all 0.25s ease;
}
.ucd-about-btn-secondary:hover {
	background: #E5E7EB;
	transform: translateY(-2px);
}
html.dark .ucd-about-btn-secondary,
html[data-theme="dark"] .ucd-about-btn-secondary {
	background: #1E2430;
	color: #E2E8F0 !important;
	border-color: #334155;
}
html.dark .ucd-about-btn-secondary:hover,
html[data-theme="dark"] .ucd-about-btn-secondary:hover {
	background: #2D3748;
}

/* --------------------------------------------------------------------------
   4. RESPONSIVE MEDIA QUERIES FOR AUXILIARY PAGES
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
	.ucd-career-perks-grid,
	.ucd-about-stats-grid,
	.ucd-about-team-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.ucd-about-services-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.ucd-career-steps-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 768px) {
	.ucd-ap-hero-title,
	.ucd-career-hero-title,
	.ucd-about-hero-title,
	.ucd-contact-hero-title {
		font-size: 36px !important;
	}
	.ucd-ap-features-grid,
	.ucd-ap-steps-grid,
	.ucd-career-perks-grid,
	.ucd-career-domains-grid,
	.ucd-career-steps-grid,
	.ucd-about-stats-grid,
	.ucd-about-services-grid,
	.ucd-about-team-grid {
		grid-template-columns: 1fr !important;
	}
	.ucd-ap-showcase-wrap,
	.ucd-about-split-inner,
	.ucd-about-split-inner.reverse,
	.ucd-contact-about-inner {
		grid-template-columns: 1fr !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 32px !important;
		text-align: center !important;
	}
	.ucd-ap-showcase-content,
	.ucd-about-split-content,
	.ucd-contact-about-content {
		align-items: center !important;
		text-align: center !important;
	}
	.ucd-career-form-wrap {
		padding: 24px 16px !important;
	}
}


/* ==================== COMPACT & BALANCED FAQ STYLING ==================== */
.ucd-faq-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	width: 100% !important;
	max-width: 100% !important;
}

.ucd-faq-item {
	background: var(--ucd-card-bg, #FFFFFF) !important;
	border: 1px solid var(--ucd-border, #EAEAEA) !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
	box-sizing: border-box !important;
	width: 100% !important;
	margin-bottom: 0 !important;
}

.ucd-faq-item:hover {
	border-color: rgba(197, 69, 62, 0.35) !important;
}

.ucd-faq-item.active {
	border-color: rgba(197, 69, 62, 0.5) !important;
	box-shadow: 0 4px 16px rgba(197, 69, 62, 0.06) !important;
}

.ucd-faq-btn {
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	background: transparent !important;
	border: none !important;
	padding: 16px 20px !important;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: var(--ucd-dark, #191918) !important;
	text-align: left !important;
	cursor: pointer !important;
	gap: 16px !important;
	box-sizing: border-box !important;
	line-height: 1.4 !important;
	outline: none !important;
}

.ucd-faq-btn:hover {
	background: transparent !important;
}

.ucd-faq-arrow,
.ucd-faq-chevron,
.ucd-faq-btn svg {
	width: 20px !important;
	min-width: 20px !important;
	max-width: 20px !important;
	height: 20px !important;
	min-height: 20px !important;
	max-height: 20px !important;
	flex-shrink: 0 !important;
	fill: none !important;
	stroke: var(--ucd-muted, #7A7A7A) !important;
	stroke-width: 2.2 !important;
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), stroke 0.2s ease !important;
	display: block !important;
}

.ucd-faq-item.active .ucd-faq-arrow,
.ucd-faq-item.active .ucd-faq-chevron,
.ucd-faq-item.active .ucd-faq-btn svg {
	transform: rotate(180deg) !important;
	stroke: var(--ucd-primary, #C5453E) !important;
}

.ucd-faq-item.active .ucd-faq-btn {
	color: var(--ucd-primary, #C5453E) !important;
}

.ucd-faq-panel {
	max-height: 0;
	overflow: hidden !important;
	transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important;
	box-sizing: border-box !important;
}

.ucd-faq-item.active .ucd-faq-panel {
	max-height: 500px !important;
}

.ucd-faq-content {
	padding: 0 20px 18px !important;
	box-sizing: border-box !important;
}

.ucd-faq-content p {
	margin: 0 !important;
	font-family: var(--ucd-font, 'Inter', sans-serif) !important;
	font-size: 14.5px !important;
	color: var(--ucd-muted, #555555) !important;
	line-height: 1.65 !important;
}

/* Dark Mode FAQ */
html[data-theme="dark"] .ucd-faq-item,
html.dark .ucd-faq-item {
	background: #141720 !important;
	border-color: #242938 !important;
}
html[data-theme="dark"] .ucd-faq-item.active,
html.dark .ucd-faq-item.active {
	border-color: rgba(197, 69, 62, 0.6) !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}
html[data-theme="dark"] .ucd-faq-btn,
html.dark .ucd-faq-btn {
	color: #FFFFFF !important;
}
html[data-theme="dark"] .ucd-faq-item.active .ucd-faq-btn,
html.dark .ucd-faq-item.active .ucd-faq-btn {
	color: #F87171 !important;
}
html[data-theme="dark"] .ucd-faq-content p,
html.dark .ucd-faq-content p {
	color: #94A3B8 !important;
}