/**
 * WPBakery Custom Addons Styles
 * 
 * Professional, SEO-optimized, fully responsive styles
 * 
 * @package IOTA-Diagnostic
 * @author Prashant Gohil
 * @since 1.0.0
 */

/* ==========================================================================
   Mobile Animation Disable (All animations disabled on mobile for performance)
   ========================================================================== */

.about-iota-info-content-style .custom_color {
    color: #2487ab;
    font-weight: 500;
}

.iota-team-grid-slider-wrapper {
	display: none;
}

.iota-team-grid-slider-wrapper.iota-team-grid-use-slider {
	display: block;
}

.iota-timeline-progress>div {
	display: inline;
}

.archive .vc_row {
	margin-left: auto;
	margin-right: auto;
}

.archive .vc_column_container>.vc_column-inner {
	padding-left: 0;
	padding-right: 0;
}

.iota-stats-subtitle {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

/* .iota-rethink-image-container .iota-rethink-caption code {
    font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    text-align: center;
    margin: 0 auto;
    padding-top: 15px;
    display: block;
} */

@media screen and (max-width: 1024px) {

	/* Disable all CSS animations on mobile */
	*,
	*::before,
	*::after {
		animation-duration: 0s !important;
		animation-delay: 0s !important;
		transition-duration: 0s !important;
		transition-delay: 0s !important;
	}

	/* Exception: Keep marquee animation running on mobile */
	.iota-marquee-content,
	.iota-marquee-content * {
		animation-duration: 30s !important;
		animation-delay: 0s !important;
		animation-name: iota-marquee-scroll !important;
		animation-timing-function: linear !important;
		animation-iteration-count: infinite !important;
	}

	/* Ensure all animated elements are visible on mobile */
	.iota-values-title-animate,
	.iota-value-card-animate,
	.iota-products-title-animate,
	.iota-product-image-animate,
	.iota-product-content-animate,
	.iota-step-item-animate,
	.iota-partners-left-animate,
	.iota-partners-right-animate,
	.iota-partners-title-animate,
	.iota-partner-logo-animate,
	.iota-stories-graphic-animate,
	.iota-stories-title-animate,
	.iota-story-card-animate,
	.iota-blog-title-animate,
	.iota-blog-post-left-animate,
	.iota-blog-post-right-animate,
	.iota-recognized-title-animate,
	.iota-recognized-logos-animate,
	.iota-footer-col-animate,
	.iota-footer-middle-animate,
	.iota-footer-bottom-animate,
	.wow {
		opacity: 1 !important;
		transform: none !important;
		visibility: visible !important;
		animation: none !important;
	}

	/* Disable WOW.js animations on mobile */
	.wow {
		animation-name: none !important;
	}

	/* Ensure GSAP-ready elements are visible */
	.iota-about-section.gsap-ready .iota-about-title,
	.iota-about-section.gsap-ready .iota-about-image-wrapper,
	.iota-about-section.gsap-ready .iota-about-text,
	.iota-about-section.gsap-ready .iota-about-button-wrapper {
		opacity: 1 !important;
		transform: none !important;
	}

	.iota-about-iota-section.gsap-ready .iota-about-iota-title,
	.iota-about-iota-section.gsap-ready .iota-about-iota-subtitle,
	.iota-about-iota-section.gsap-ready .iota-about-iota-slider-wrapper,
	.iota-about-iota-section.gsap-ready .iota-about-iota-description {
		opacity: 1 !important;
		transform: none !important;
	}

	/* Ensure all slider slides are visible on mobile (remove animations from slider items) */
	.iota-stories-slider .slick-slide .iota-story-card-animate,
	.iota-stories-slider .slick-slide .iota-story-card,
	.iota-partners-slider .iota-partner-logo-animate,
	.iota-partners-slider .iota-partner-card,
	.iota-recognized-logos .iota-recognized-logo-item,
	.iota-recognized-logos.slick-slider .slick-slide .iota-recognized-logo-item {
		opacity: 1 !important;
		transform: none !important;
		visibility: visible !important;
	}
}

/* ==========================================================================
   Global Button Styles
   ========================================================================== */

/* Remove outline on focus for all buttons and links */
button:focus,
a:focus,
input:focus,
textarea:focus,
select:focus,
.iota-hero-btn:focus,
.iota-about-btn:focus,
.iota-product-btn:focus,
[class*="btn"]:focus {
	outline: none !important;
	box-shadow: none !important;
}

/* Remove transform and shadow on hover for all buttons */
button:hover,
.iota-product-btn:hover,
[class*="btn"]:hover {
	transform: none !important;
	box-shadow: none !important;
}

/* ==========================================================================
   Hero Section Addon
   ========================================================================== */

.iota-hero-section {
	padding: 0px 0px 0 100px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

/* Hero Section - GSAP animations removed, using WOW.js */
/* Border-radius scroll animation remains active via JavaScript */
.iota-hero-section .container {
	max-width: 100%;
	padding: 0;
}

.iota-hero-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0px;
	max-width: 100%;
}

/* Content Column */
.iota-hero-content {
	flex: 1;
	max-width: 50%;
	padding: 100px 128px 100px 0;
}

/* Title Styles - Using class for styling flexibility */
.hero-title-style {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 90px;
	line-height: 90px;
	letter-spacing: -0.03em;
	color: #003547;
	margin: 0;
}

/* Subtitle Styles - Using class for styling flexibility */
.hero-subtitle-style {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 50px;
	line-height: 60px;
	letter-spacing: -0.02em;
	vertical-align: middle;
	color: #000000;
	margin: 0;
}

/* Buttons Container */
.iota-hero-buttons {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 30px;
}

/* Base Button Styles */
.iota-hero-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0;
	padding: 18px 30px;
	border-radius: 30px;
	text-decoration: none;
	transition: all 0.3s ease;
	cursor: pointer;
	border: none;
	white-space: nowrap;
}

/* Primary Button (Filled) */
.iota-hero-btn-primary {
	background-color: #2487AB;
	color: #FFFFFF;
	border: 2px solid #2487AB;
}

.iota-hero-btn-primary:hover {
	background-color: transparent;
	color: #2487AB !important;
	border: 2px solid #2487AB;
}

/* Secondary Button (Outline) */
.iota-hero-btn-secondary {
	background-color: transparent;
	color: #2487AB;
	border: 2px solid #2487AB;
}

.iota-hero-btn-secondary:hover {
	background-color: #2487AB;
	color: #FFFFFF !important;
	border: 2px solid #2487AB;
}

/* Custom Button Style */
.iota-hero-btn-custom {
	border: 2px solid transparent;
}

.iota-hero-btn-custom:hover {
	background-color: transparent;
	border: 2px solid currentColor;
}

/* Media Column */
.iota-hero-media {
	flex: 1;
	max-width: 50%;
}

/* Image Wrapper */
.iota-hero-image-wrapper {
	position: relative;
	overflow: hidden;
	border-radius: 200px;
}

.iota-hero-image {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

/* Video Wrapper */
.iota-hero-video-wrapper {
	position: relative;
	overflow: hidden;
	border-radius: 200px;
}

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

/* ==========================================================================
   Hero Slider Styles
   ========================================================================== */

.iota-hero-slider {
	position: relative;
	box-shadow: none !important;
}

.iota-hero-slider .iota-hero-slide {
	outline: none;
}

.iota-hero-slider .iota-hero-image {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

/* Hide default slick arrow text */
.iota-hero-slider .slick-arrow:before {
	display: none !important;
	content: '' !important;
	opacity: 0 !important;
}

/* Slick Slider Arrows - Bottom Center Positioned */
.iota-hero-slider .slick-arrow {
	position: absolute;
	bottom: 20px;
	top: auto;
	z-index: 10;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	cursor: pointer;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0;
	margin: 0;
	line-height: 1;
	overflow: visible;
}

/* Prev Button - White with Border */
.iota-hero-slider .slick-prev {
	left: 50%;
	transform: translateX(-54px);
	background-color: #FFFFFF;
	border: 2px solid #FFFFFF;
}

.iota-hero-slider .slick-prev:hover,
.iota-hero-slider .slick-prev:focus {
	background-color: #2487AB;
	border-color: #2487AB;
	color: #FFFFFF;
	transform: translateX(-54px) !important;
}

/* Next Button - Filled Teal */
.iota-hero-slider .slick-next {
	left: 50%;
	transform: translateX(6px);
	background-color: #FFFFFF;
	border: 2px solid #FFFFFF;
}

.iota-hero-slider .slick-next:hover,
.iota-hero-slider .slick-next:focus {
	background-color: #1d7394;
	border-color: #1d7394;
	color: #FFFFFF;
	transform: translateX(6px) !important;
}

/* Arrow SVG Icons */
.iota-hero-slider .slick-arrow svg {
	width: 14px;
	height: 12px;
	display: block;
}

.iota-hero-slider .slick-prev {
	color: #2487AB;
}

.iota-hero-slider .slick-next {
	color: #2487AB;
}

.iota-hero-slider .slick-prev:hover {
	color: #FFFFFF;
}

/* Focus States */
.iota-hero-slider .slick-arrow:focus {
	outline: none;
}

/* Slick Slider Dots */
.iota-hero-slider .slick-dots {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	display: flex !important;
	gap: 8px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.iota-hero-slider .slick-dots li {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}

.iota-hero-slider .slick-dots li button {
	width: 10px;
	height: 10px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: all 0.3s ease;
}

.iota-hero-slider .slick-dots li button:before {
	display: none;
}



.iota-hero-slider .slick-dots li button:hover {
	background-color: #FFFFFF;
}

/* When arrows are shown, move dots down */
.iota-hero-slider.has-arrows .slick-dots {
	bottom: -35px;
}

/* ==========================================================================
   Responsive Utilities
   ========================================================================== */

/* Hide on Mobile */
@media screen and (max-width: 767px) {
	.iota-hide-mobile {
		display: none !important;
	}
}

/* Hide on Tablet */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.iota-hide-tablet {
		display: none !important;
	}
}

/* Hide on Desktop */
@media screen and (min-width: 1025px) {
	.iota-hide-desktop {
		display: none !important;
	}
}

/* ==========================================================================
   Responsive Design - Large Screens (1366px - 1500px)
   ========================================================================== */

@media screen and (max-width: 1500px) {
	.iota-hero-section {
		padding: 0 0 0 80px;
	}

	.iota-hero-content {
		padding: 80px 100px 80px 0;
	}

	.hero-title-style {
		font-size: 80px;
		line-height: 85px;
	}

	.hero-subtitle-style {
		font-size: 40px;
		line-height: 50px;
	}

	.iota-hero-btn {
		font-size: 17px;
		padding: 16px 28px;
	}
}

@media screen and (max-width: 1440px) {
	.iota-hero-section {
		padding: 0 0 0 70px;
	}

	.iota-hero-content {
		padding: 70px 90px 70px 0;
	}

	.hero-title-style {
		font-size: 70px;
		line-height: 75px;
	}

	.hero-subtitle-style {
		font-size: 36px;
		line-height: 46px;
	}

	.iota-hero-btn {
		font-size: 16px;
		padding: 15px 26px;
	}

	.iota-hero-buttons {
		gap: 25px !important;
	}
}

@media screen and (max-width: 1366px) {
	.iota-hero-section {
		padding: 0 0 0 60px;
	}

	.iota-hero-content {
		padding: 60px 80px 60px 0;
	}

	.hero-title-style {
		font-size: 65px;
		line-height: 70px;
	}

	.hero-subtitle-style {
		font-size: 32px;
		line-height: 42px;
	}

	.iota-hero-btn {
		font-size: 16px;
		padding: 14px 24px;
	}

	.iota-hero-buttons {
		gap: 20px !important;
	}

	.iota-hero-image-wrapper,
	.iota-hero-video-wrapper {
		border-radius: 150px;
	}
}

@media screen and (max-width: 1280px) {
	.hero-title-style {
		font-size: 55px;
		line-height: 70px;
	}

	.hero-subtitle-style {
		font-size: 28px;
		line-height: 42px;
	}
}

/* ==========================================================================
   Responsive Design - Tablet
   ========================================================================== */

@media screen and (max-width: 1024px) {

	.iota-hero-section {
		padding: 0 0 50px 50px;
	}

	.iota-hero-wrapper {
		flex-direction: column;
		gap: 35px;
	}

	/* Image First */
	.iota-hero-media {
		order: 1;
		max-width: 100%;
		width: 100%;
	}

	/* Content Second */
	.iota-hero-content {
		order: 2;
		max-width: 100%;
		padding: 0;
		text-align: center;
	}

	/* Title Responsive */
	.hero-title-style {
		font-size: 56px;
		line-height: 60px;
	}

	/* Subtitle Responsive */
	.hero-subtitle-style {
		font-size: 28px;
		line-height: 36px;
		margin-top: 15px !important;
	}

	/* Button Responsive */
	.iota-hero-btn {
		font-size: 16px;
		padding: 15px 25px;
	}

	.iota-hero-buttons {
		justify-content: center;
		gap: 18px !important;
		margin-top: 25px !important;
	}

	.iota-hero-image-wrapper,
	.iota-hero-video-wrapper {
		border-radius: 100px;
	}
}

/* ==========================================================================
   Responsive Design - Stack Layout (991px and below)
   ========================================================================== */

@media screen and (max-width: 991px) {

	.iota-hero-section {
		padding: 0 0 40px 30px;
	}

	.iota-hero-wrapper {
		flex-direction: column;
		gap: 40px;
	}

	/* Image First */
	.iota-hero-media {
		order: 1;
		max-width: 100%;
		width: 100%;
	}

	/* Content Second */
	.iota-hero-content {
		order: 2;
		max-width: 100%;
		padding: 0;
		text-align: center;
	}

	/* Title Responsive */
	.hero-title-style {
		font-size: 40px;
		line-height: 65px;
	}

	/* Subtitle Responsive */
	.hero-subtitle-style {
		font-size: 25px;
		line-height: 38px;
	}

	/* Button Responsive */
	.iota-hero-btn {
		font-size: 16px;
		padding: 15px 28px;
	}

	.iota-hero-buttons {
		justify-content: center;
		gap: 20px !important;
	}

	.iota-hero-image-wrapper,
	.iota-hero-video-wrapper {
		border-radius: 100px;
	}
}

/* ==========================================================================
   Responsive Design - Mobile
   ========================================================================== */

@media screen and (max-width: 768px) {

	.iota-hero-section {
		padding: 0 20px 40px 20px;
	}

	.iota-hero-wrapper {
		flex-direction: column;
		gap: 30px;
		text-align: center;
	}

	/* Image First */
	.iota-hero-media {
		order: 1;
	}

	/* Content Second */
	.iota-hero-content {
		order: 2;
		max-width: 100%;
		padding: 0;
	}

	/* Title Mobile */
	.hero-title-style {
		font-size: 48px;
		line-height: 52px;
		letter-spacing: -0.02em;
	}

	/* Subtitle Mobile */
	.hero-subtitle-style {
		font-size: 24px;
		line-height: 32px;
		margin-top: 15px !important;
	}

	/* Buttons Mobile */
	.iota-hero-buttons {
		justify-content: center;
		flex-direction: row;
		width: 100%;
		margin-top: 20px !important;
		gap: 15px !important;
	}

	.iota-hero-btn {
		width: 100%;
		max-width: 200px;
		font-size: 16px;
		padding: 15px 25px;
	}

	.iota-hero-media {
		max-width: 100%;
		width: 100%;
	}

	/* Adjust border radius for mobile */
	.iota-hero-image-wrapper,
	.iota-hero-video-wrapper {
		border-radius: 100px 0px 0px 0px !important;
	}
}

/* ==========================================================================
   Small Mobile (< 480px)
   ========================================================================== */

@media screen and (max-width: 480px) {

	.iota-hero-section {
		padding: 0px 20px 30px 20px;
	}

	.iota-hero-wrapper {
		gap: 25px;
	}

	/* Title Small Mobile */
	.hero-title-style {
		font-size: 36px;
		line-height: 40px;
	}

	/* Subtitle Small Mobile */
	.hero-subtitle-style {
		font-size: 20px;
		line-height: 28px;
	}

	.iota-hero-btn {
		font-size: 15px;
		padding: 14px 20px;
	}

	/* Smaller border radius for small screens */
	.iota-hero-image-wrapper,
	.iota-hero-video-wrapper {
		border-radius: 0px 0px 0px 0px !important;
	}
}

/* ==========================================================================
   Accessibility
   ========================================================================== */

/* Focus States for Keyboard Navigation */
.iota-hero-btn:focus {
	outline: none;
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {

	.iota-hero-btn,
	.iota-hero-video {
		transition: none;
		animation: none;
	}
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
	.iota-hero-btn-primary {
		border: 2px solid currentColor;
	}

	.iota-hero-btn-secondary {
		border-width: 3px;
	}
}

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
	.iota-hero-section {
		page-break-inside: avoid;
	}

	.iota-hero-btn {
		border: 1px solid #000;
	}

	.iota-hero-video-wrapper {
		display: none;
	}
}

/* ==========================================================================
   Statistics Section Addon
   ========================================================================== */

.iota-statistics-section {
	width: 100%;
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 80px;
	box-sizing: border-box;
}

/* Statistics Section - Two-Column Wrapper */
.iota-stats-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 60px;
	align-items: center;
}

/* Left Graphic Column */
.iota-stats-graphic {
	flex: 0 0 auto;
	max-width: 200px;
}

.iota-stats-graphic-img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
}

/* Right Content Column */
.iota-stats-content {
	flex: 1;
	min-width: 0;
}

/* Subtitle Box */
.iota-stats-subtitle {
	display: inline-block;
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0;
	border: 1px solid #2487AB;
	border-radius: 30px;
	background-color: #FFFFFF;
	color: #2487AB;
	font-size: 45px;
	line-height: 45px;
	letter-spacing: 0;
}

/* Statistics Section - No Animations */

/* Statistics Section - Base Styles */

/* Section Title */
.stats-title-style {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: 0px;
	color: #000000;
	margin: 0 0 50px 0;
	text-align: center;
}

/* Statistics Grid */
.iota-stats-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px 24px;
	width: 100%;
}

/* 2 Columns Layout */
/* .iota-stats-cols-2 .iota-stats-grid {
	grid-template-columns: repeat(2, 1fr);
} */

/* 3 Columns Layout */
.iota-stats-cols-3 .iota-stats-grid {
	grid-template-columns: repeat(3, 1fr);
}

/* 4 Columns Layout */
.iota-stats-cols-4 .iota-stats-grid {
	grid-template-columns: repeat(4, 1fr);
}

/* Stat Pill */
.iota-stat-pill {
	min-height: 186px;
	border-top-left-radius: 150px;
	border-bottom-left-radius: 150px;
	background: linear-gradient(90deg, #EAF3F7 50.2%, #FFFFFF 100%);
	padding: 40px 00px 40px 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
	border: 1px solid transparent;
	border-right: none;
}

.iota-stat-pill:hover {
	border: 1px solid #2487ab66;
}

/* Stat Content */
.iota-stat-content {
	text-align: left;
	width: 100%;
}

/* Stat Number */
.stats-number-style {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	color: #2487AB;
	margin: 0 0 15px 0;
	display: block;
}

.iota-stat-suffix {
	font-size: 70px;
	line-height: 70px;
}

/* Stat Description */
.stats-description-style {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0;
	color: #555555;
	margin: 0;
}

/* ==========================================================================
   Statistics Section - Responsive
   ========================================================================== */

/* 1440px */
@media screen and (max-width: 1440px) {
	.iota-statistics-section {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}

	.iota-about-section {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}

	.iota-core-values-section {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}

	.iota-products-zigzag-section {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}

	.iota-how-it-works-section {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}

	.iota-partners-section {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}

	.iota-blog-posts-section {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}

	.iota-recognized-by-section {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}

	.stats-title-style {
		font-size: 32px;
		line-height: 36px;
		margin-bottom: 25px !important;
	}

	.iota-stats-wrapper {
		gap: 50px !important;
	}

	.iota-stats-graphic {
		max-width: 180px;
	}

	.iota-stats-subtitle {
		font-size: 16px;
		line-height: 16px;
		padding: 10px 20px;
		margin-bottom: 40px !important;
	}

	.iota-stat-pill {
		min-height: 170px;
		padding: 35px 50px 35px 70px;
		border-top-left-radius: 90px;
		border-bottom-left-radius: 90px;
	}

	.stats-number-style {
		font-size: 60px;
		line-height: 60px;
		margin-bottom: 12px;
	}

	.iota-stat-suffix {
		font-size: 60px;
		line-height: 60px;
	}

	.stats-description-style {
		font-size: 17px;
		line-height: 24px;
	}

	.iota-stats-grid {
		gap: 18px 22px;
	}
}

/* 1280px */
@media screen and (max-width: 1280px) {
	.iota-statistics-section {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}

	.iota-about-section {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}

	.iota-core-values-section {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}

	.iota-products-zigzag-section {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}

	.iota-how-it-works-section {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}

	.iota-partners-section {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}

	.iota-blog-posts-section {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}

	.iota-recognized-by-section {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}

	.stats-title-style {
		font-size: 30px;
		line-height: 34px;
		margin-bottom: 70px !important;
	}

	.iota-stat-pill {
		min-height: 160px;
		padding: 32px 45px 32px 65px;
		border-top-left-radius: 85px;
		border-bottom-left-radius: 85px;
	}

	.stats-number-style {
		font-size: 55px;
		line-height: 55px;
		margin-bottom: 10px;
	}

	.iota-stat-suffix {
		font-size: 55px;
		line-height: 55px;
	}

	.stats-description-style {
		font-size: 16px;
		line-height: 22px;
	}

	.iota-stats-grid {
		gap: 16px 20px;
	}
}

/* Tablet */
@media screen and (max-width: 1024px) {
	.iota-statistics-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	.iota-about-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	.iota-core-values-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	.iota-products-zigzag-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	.iota-how-it-works-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	.iota-partners-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	.iota-blog-posts-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	.iota-recognized-by-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	.stats-title-style {
		font-size: 28px;
		line-height: 34px;
		margin-bottom: 20px !important;
	}

	/* Stack columns vertically on tablet */
	.iota-stats-wrapper {
		flex-direction: column;
		gap: 40px !important;
	}

	.iota-stats-graphic {
		max-width: 150px;
	}

	.iota-stats-subtitle {
		font-size: 15px;
		line-height: 15px;
		padding: 10px 18px;
		margin-bottom: 30px !important;
	}

	.iota-stats-grid,
	.iota-stats-cols-3 .iota-stats-grid,
	.iota-stats-cols-4 .iota-stats-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px 20px;
	}

	.iota-stat-pill {
		min-height: 150px;
		padding: 30px 40px;
		border-top-left-radius: 75px;
		border-bottom-left-radius: 75px;
	}

	.stats-number-style {
		font-size: 50px;
		line-height: 50px;
		margin-bottom: 10px;
	}

	.iota-stat-suffix {
		font-size: 50px;
		line-height: 50px;
	}

	.stats-description-style {
		font-size: 16px;
		line-height: 22px;
	}
}

/* Mobile */
@media screen and (max-width: 768px) {
	.iota-statistics-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-about-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.iota-core-values-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.iota-products-zigzag-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.iota-how-it-works-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.iota-partners-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.iota-blog-posts-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.iota-recognized-by-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.stats-title-style {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 18px !important;
	}

	/* Stack columns vertically on mobile */
	.iota-stats-wrapper {
		flex-direction: column;
		gap: 30px !important;
	}

	.iota-stats-graphic {
		max-width: 120px;
	}

	.iota-stats-subtitle {
		font-size: 20px;
		line-height: 14px;
		padding: 3px 16px;
		margin-bottom: 25px !important;
	}

	.iota-stats-grid,
	.iota-stats-cols-2 .iota-stats-grid,
	.iota-stats-cols-3 .iota-stats-grid,
	.iota-stats-cols-4 .iota-stats-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px !important;
	}

	.iota-stat-pill {
		min-height: 130px;
		padding: 25px 30px;
		border-top-left-radius: 50px;
		border-bottom-left-radius: 50px;
	}

	.stats-number-style {
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 8px;
	}

	.iota-stat-suffix {
		font-size: 40px;
		line-height: 40px;
	}

	.stats-description-style {
		font-size: 15px;
		line-height: 20px;
	}
}

/* Small Mobile */
@media screen and (max-width: 480px) {
	.iota-statistics-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-about-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-core-values-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-products-zigzag-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-how-it-works-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-partners-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-blog-posts-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-recognized-by-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
		margin-top: 0 !important;
	}

	.iota-stats-wrapper {
		gap: 20px !important;
	}

	.iota-stats-graphic {
		max-width: 100px;
	}


	.iota-stat-pill {
		min-height: 120px;
		padding: 10px 15px;
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
	}

	.stats-number-style {
		font-size: 25px;
		line-height: 30px;
	}

	.iota-stat-suffix {
		font-size: 25px;
		line-height: 30px;
	}

	.stats-description-style {
		font-size: 14px;
		line-height: 18px;
	}
}

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

.iota-about-section {
	position: relative;
	width: 100%;
}

/* About Section - No animations, only Parallax on graphics */

/* When GSAP animation completes */
.iota-about-section.gsap-ready .iota-about-title,
.iota-about-section.gsap-ready .iota-about-image-wrapper,
.iota-about-section.gsap-ready .iota-about-text,
.iota-about-section.gsap-ready .iota-about-button-wrapper {
	opacity: 1 !important;
	transform: translate(0, 0) !important;
	will-change: auto;
}

/* Ensure graphics don't interfere */
.iota-about-section .iota-about-graphic {
	opacity: 1 !important;
	visibility: visible !important;
}

@keyframes fadeInUpFallback {
	from {
		opacity: 0;
		transform: translateY(50px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Parallax Background Effect */
.iota-about-section.iota-about-parallax {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {

	.iota-about-section.iota-about-animate .iota-about-title,
	.iota-about-section.iota-about-animate .iota-about-image-wrapper,
	.iota-about-section.iota-about-animate .iota-about-text,
	.iota-about-section.iota-about-animate .iota-about-button-wrapper {
		opacity: 1;
		transform: none;
		transition: none;
		animation: none;
	}
}

/* Decorative Graphics */
.iota-about-graphic {
	position: absolute;
	z-index: 1;
	pointer-events: none;
}

.iota-about-graphic img {
	display: block;
	max-width: 100%;
	height: auto;
}

.iota-about-graphic-top-left {
	top: 0;
	left: 100px;
	max-width: 150px;
}

.iota-about-graphic-bottom-right {
	bottom: 0px;
	right: 100px;
	max-width: 150px;
}

/* Content Wrapper */
.about-title-style {
	position: relative;
	z-index: 2;
	max-width: 725px;
	margin: 0 auto;
	text-align: center;
}

/* Title Styles */
.about-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 100px;
	line-height: 100px;
	letter-spacing: -0.03em;
	text-align: center;
	color: #000000;
	margin: 0 auto 50px auto;
}

/* Image Wrapper */
.iota-about-image-wrapper {
	width: 100%;
	overflow: hidden;
	margin: 0 0 50px 0;
	border-top-left-radius: 150px;
	border-bottom-right-radius: 150px;
	position: relative;
	/* For clip-path animation */
	will-change: clip-path;
	/* Optimize for clip-path animation */
}

.iota-about-image {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	/* Initial border-radius for animation (will be animated to WPBakery values) */
	border-radius: 20px 0 20px 0;
	/* top-left and bottom-right = 20px */
	/* Remove margin-bottom and box-shadow */
	margin-bottom: 0 !important;
	box-shadow: none !important;
}

/* Content Text */
.about-content-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	text-align: center;
	color: #555555;
	margin: 0 0 30px 0;
}

.about-content-style p {
	margin: 0 0 20px 0;
}

.about-content-style p:last-child {
	margin-bottom: 0;
}

/* Highlighted Text (M-Strip™, BioSampler®) */
.about-content-style .highlight-text {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #2487AB;
}

/* ==========================================================================
   About IOTA Section Styles
   ========================================================================== */

.iota-about-iota-section {
	position: relative;
	width: 100%;
	overflow-x: hidden;
}

/* Content Wrapper */
.iota-about-iota-content-wrapper {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

/* Title Styles */
.about-iota-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 100px;
	line-height: 100px;
	letter-spacing: -0.03em;
	text-align: left;
	color: #000000;
	margin: 0;
}

/* Subtitle Styles */
.about-iota-subtitle-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.02em;
	text-align: left;
	color: #000000;
	margin: 0;
}

/* Description Styles */
.about-iota-description-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-align: left;
	color: #555555;
	margin: 0;
}

.about-iota-description-style p {
	margin: 0 0 20px 0;
}

.about-iota-description-style p:last-child {
	margin-bottom: 0;
}

/* Slider Wrapper */
.iota-about-iota-slider-wrapper {
	/* width: calc(100% + 40px);
	max-width: calc(100% + 40px);
	margin-left: -20px;
	margin-right: -20px; */
	position: relative;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

.iota-about-iota-slider {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

.iota-about-iota-slide {
	width: 100% !important;
	max-width: 100% !important;
	outline: none;
	box-sizing: border-box;
}

.iota-about-iota-slide-image,
.iota-about-iota-slide-video {
	width: 100%;
	max-width: 100%;
	height: 840px;
	object-fit: cover;
	display: block;
	box-sizing: border-box;
}

.iota-about-iota-slide-gif {
	width: 100%;
	max-width: 100%;
	height: 840px;
	object-fit: cover;
	display: block;
	box-sizing: border-box;
}

/* Slick Slider Styles for About IOTA */
.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider {
	display: block;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-list {
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-track {
	display: flex;
	align-items: center;
	width: 100%;
}

.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-slide {
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
	height: auto;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-slide>div {
	width: 100%;
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Remove Default Slick Slider Styles for About IOTA */
.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-arrow:before {
	display: none !important;
	content: '' !important;
	opacity: 0 !important;
}

.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-arrow {
	position: absolute;
	top: inherit;
	bottom: 50px;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #FFFFFF;
	border: 2px solid #2487AB;
	cursor: pointer;
	z-index: 10;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	padding: 0;
	margin: 0;
	line-height: 1;
	text-indent: 0;
	overflow: visible;

}

.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-arrow:hover {
	background-color: #2487AB;
	border-color: #2487AB;
	transform: translateY(-50%) !important;
}

.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-prev {
	left: calc(50% - 50px);
}

.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-next {
	right: calc(50% - 50px);
}

/* Bottom Center Navigation */
.iota-about-iota-slider-wrapper.iota-nav-bottom-center .iota-about-iota-slider.slick-slider .slick-arrow {
	top: auto;
	bottom: 50px;
	transform: none !important;
}

.iota-about-iota-slider-wrapper.iota-nav-bottom-center .iota-about-iota-slider.slick-slider .slick-prev {
	left: calc(50% - 40px - 7.5px);
	/* Center - width - half gap */
}

.iota-about-iota-slider-wrapper.iota-nav-bottom-center .iota-about-iota-slider.slick-slider .slick-next {
	right: auto;
	left: calc(50% + 7.5px);
	/* Center + half gap */
}


/* Slide Overlay */
.iota-slide-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 32.76%, rgba(0, 0, 0, 0.5) 69.71%);
	z-index: 1;
	pointer-events: none;
	display: block !important;
}

/* Slide Content */
.iota-slide-content {
	position: absolute;
	bottom: 120px;
	/* Above arrows (50px + 40px + spacer) */
	left: 0;
	right: 0;
	width: 100%;
	z-index: 2;
	text-align: center;
	padding: 0 40px;
}

.iota-slide-title {
	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 100px;
	line-height: 100px;
	letter-spacing: -0.03em;
	color: #FFFFFF;
	margin: 0 0 30px 0;
}

.iota-slide-description {
	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.03em;
	color: #FFFFFF;
	margin: 0 0 40px 0;
}

/* Responsive adjustments for Slide Content */
@media screen and (max-width: 1200px) {
	.iota-slide-title {
		font-size: 80px;
		line-height: 80px;
	}

	.iota-slide-description {
		font-size: 30px;
		line-height: 36px;
	}
}

@media screen and (max-width: 991px) {
	.iota-slide-title {
		font-size: 60px;
		line-height: 60px;
	}

	.iota-slide-description {
		font-size: 24px;
		line-height: 30px;
	}

	.iota-slide-content {
		bottom: 100px;
	}
}

@media screen and (max-width: 768px) {
	.iota-slide-title {
		font-size: 30px;
		line-height: 34px;
		margin-bottom: 20px;
	}

	.iota-slide-description {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 30px;
	}

	.iota-slide-content {
		bottom: 80px;
		padding: 0 20px;
	}

	/* Adjust nav position on mobile slightly */
	.iota-about-iota-slider-wrapper.iota-nav-bottom-center .iota-about-iota-slider.slick-slider .slick-arrow {
		bottom: 30px;
	}
}



.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-arrow:focus {
	outline: none;
	box-shadow: 0 4px 12px rgba(36, 135, 171, 0.3);
}

.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-arrow.slick-disabled {
	opacity: 0.5;
	cursor: not-allowed;
	transform: translateY(-50%) !important;
}

.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-arrow svg {
	width: 12px;
	height: 10px;
	display: block;
	position: relative;
	z-index: 1;
}

.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-arrow svg path {
	transition: fill 0.3s ease;
	fill: #2487AB;
}

.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-arrow:hover svg path {
	fill: #FFFFFF;
}

.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-prev {
	left: calc(50% - 50px);
}

.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-next {
	right: calc(50% - 50px);
}

/* Slick Slider Dots for About IOTA - Remove Default Styles */
.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-dots {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	display: flex !important;
	justify-content: center;
	align-items: center;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 10;
	width: auto;
	text-align: center;
}

.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-dots li {
	margin: 0 5px;
	padding: 0;
	width: auto;
	height: auto;
	display: inline-block;
	vertical-align: middle;
}

.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-dots li button {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5);
	border: 2px solid #2487AB;
	cursor: pointer;
	font-size: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	transition: background-color 0.3s ease, border-color 0.3s ease;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	line-height: 0;
	position: relative;
}

.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-dots li button:before {
	display: none !important;
	content: '' !important;
	opacity: 0 !important;
}

.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-dots li button:hover {
	background-color: rgba(36, 135, 171, 0.7);
	border-color: #2487AB;
}

.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-dots li.slick-active button {
	background-color: #2487AB;
	border-color: #2487AB;
	width: 12px;
	height: 12px;
}

.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-dots li.slick-active button:before {
	display: none !important;
	content: '' !important;
	opacity: 0 !important;
}

/* Animation Initial States */
.iota-about-iota-title {
	opacity: 0;
	transform: translateX(-150px);
	will-change: transform, opacity;
}

.iota-about-iota-subtitle {
	opacity: 0;
	transform: translateX(150px);
	will-change: transform, opacity;
}

.iota-about-iota-slider-wrapper {
	opacity: 0;
	transform: translateX(100px);
}

.iota-about-iota-description {
	opacity: 0;
	transform: translateX(-100px);
}

/* Ensure description is visible if GSAP fails or on mobile */
@media screen and (max-width: 1024px) {
	.iota-about-iota-description {
		opacity: 1 !important;
		transform: none !important;
	}
}

/* When GSAP animation completes */
.iota-about-iota-section.gsap-ready .iota-about-iota-title,
.iota-about-iota-section.gsap-ready .iota-about-iota-subtitle,
.iota-about-iota-section.gsap-ready .iota-about-iota-slider-wrapper,
.iota-about-iota-section.gsap-ready .iota-about-iota-description {
	opacity: 1 !important;
	transform: translate(0, 0) !important;
	will-change: auto;
}

/* Fallback: Show description after page load if GSAP doesn't initialize */
.iota-about-iota-section:not(.gsap-ready) .iota-about-iota-description {
	animation: iota-fade-in-description 0.5s ease-in-out 1s forwards;
}

@keyframes iota-fade-in-description {
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/* ==========================================================================
   Interactive Cards Section Styles
   ========================================================================== */

.iota-interactive-cards-section {
	position: relative;
	width: 100%;
}

/* Top Left Graphic */
.iota-interactive-cards-graphic {
	position: absolute;
	z-index: 1;
	pointer-events: none;
}

.iota-interactive-cards-graphic-top-left {
	top: -135px;
	width: 150px;
	height: 150px;
}

.iota-interactive-cards-graphic-top-left img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.iota-interactive-cards-content-wrapper {
	width: 100%;
	max-width: 100%;
	position: relative;
	z-index: 2;
	overflow-x: hidden;
	box-sizing: border-box;
}

/* Title Styles */
.interactive-cards-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	text-align: center;
	color: #000000;
	margin: 0;
	opacity: 0;
	transform: translateY(50px);
	width: 100%;
	margin: 0 auto;
}

@media screen and (min-width: 1024px) {
	.interactive-cards-title-style {
		width: 900px;
	}
}

/* Cards Container - Desktop Hover Expand */
.iota-interactive-cards-container {
	display: flex;
	align-items: stretch;
	width: 100%;
	max-width: 100%;
	flex-wrap: nowrap;
	overflow: hidden;
	box-sizing: border-box;
	/* Gap is set dynamically via inline styles from PHP template */
	/* justify-content removed - gap property handles spacing */
}

.iota-interactive-card {
	flex-shrink: 0;
	position: relative;
	border: 1px solid #DDDDDD;
	border-radius: 20px;
	padding: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	cursor: pointer;
	transition: width 400ms cubic-bezier(0.4, 0, 0.2, 1),
		flex-grow 400ms cubic-bezier(0.4, 0, 0.2, 1),
		border-color 300ms cubic-bezier(0.4, 0, 0.2, 1),
		transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
	opacity: 0;
	transform: translateY(50px);
	min-height: 500px;
	/* Default width - will be overridden by inline styles with calc() */
	width: 25%;
	box-sizing: border-box;
	/* Hardware acceleration */
	will-change: width, transform;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

/* Hover width changes are now handled by JavaScript */
.iota-interactive-card.is-hovered {
	border-color: #2487AB;
	transform: translateY(0);
}

.iota-interactive-card-inner {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	position: relative;
}

.iota-interactive-card-link {
	text-decoration: none;
	color: inherit;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.iota-interactive-card-image {
	width: 100%;
	height: 100%;
	min-height: 600px;
	overflow: hidden;
	flex: 1;
	position: relative;
}

.iota-interactive-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.iota-interactive-card.is-hovered .iota-interactive-card-image img {
	transform: scale(1.05);
}

/* Bottom Info Section */
.iota-interactive-card-info {
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 30px;
	position: absolute;
	z-index: 2;
	margin-top: auto;
	bottom: 15px;
	right: 15px;
	left: 15px;
	min-height: 200px;
	/* Hardware acceleration for smooth animations */
	will-change: transform, opacity;
	transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	/* Smooth transition for all properties */
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
		opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
		bottom 0.4s cubic-bezier(0.4, 0, 0.2, 1),
		left 0.4s cubic-bezier(0.4, 0, 0.2, 1),
		right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.iota-interactive-card-icon {
	width: 52.73px;
	height: 50px;
	margin-bottom: 30px;
	flex-shrink: 0;
}

.iota-interactive-card-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.iota-interactive-card-title-description-wrapper {
	display: flex;
	gap: 30px;
	align-items: flex-start;
	/* Prevent layout shift */
	width: 100%;
	/* No transitions - GSAP handles animations */
	transition: none;
}

.interactive-card-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0;
	/* Use flex-basis instead of width to prevent layout shift */
	flex: 0 0 58%;
	max-width: 58%;
	/* No transitions - GSAP handles animations */
	transition: none;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.interactive-card-description-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555555;
	margin: 0;
	/* Hidden by default - JavaScript will handle showing */
	opacity: 0;
	flex: 0 0 0;
	max-width: 0;
	overflow: hidden;
	white-space: nowrap;
	/* Hardware acceleration */
	will-change: max-width, opacity, transform, flex-basis;
	transform: translateX(-20px);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	/* No CSS transitions - GSAP handles all animations for smooth performance */
	transition: none;
}

/* GSAP handles all animations - these classes are just for state tracking */
/* No CSS transitions needed - GSAP provides smooth animations */

/* Mobile Slider Wrapper */
.iota-interactive-cards-slider-wrapper {
	display: none;
	width: 100%;
	max-width: 100%;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}

.iota-interactive-cards-slider {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

.iota-interactive-card-slide {
	width: 100%;
	outline: none;
	padding: 0 10px;
	box-sizing: border-box;
}

.iota-interactive-card-slide .iota-interactive-card {
	width: 100% !important;
	margin: 0 auto;
	max-width: 100%;
	box-sizing: border-box;
}

/* Slick Slider Styles for Interactive Cards */
.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider {
	display: block;
	width: 100%;
}

.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-list {
	margin: 0 -10px;
	overflow: hidden;
	padding: 0;
}

.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-track {
	display: flex;
	align-items: stretch;
	/* width: 100% !important; */
}

.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-slide {
	display: flex !important;
	align-items: stretch;
	justify-content: center;
	padding: 0;
	margin: 0;
	height: auto;
	opacity: 1 !important;
	transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-slide.slick-active {
	opacity: 1 !important;
}

.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-slide>div {
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: center;
}

/* Remove Default Slick Slider Styles */
.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-arrow:before {
	display: none !important;
	content: '' !important;
	opacity: 0 !important;
}

.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #FFFFFF;
	border: 2px solid #2487AB;
	cursor: pointer;
	z-index: 10;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	padding: 0;
	margin: 0;
	line-height: 1;
	text-indent: 0;
	overflow: visible;
}

.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-arrow:hover {
	background-color: #2487AB;
	border-color: #2487AB;
	box-shadow: 0 4px 12px rgba(36, 135, 171, 0.3);
	transform: translateY(-50%) !important;
}

.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-arrow.slick-disabled {
	opacity: 0.5;
	cursor: not-allowed;
	transform: translateY(-50%) !important;
}

.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-arrow svg {
	width: 12px;
	height: 10px;
	display: block;
	position: relative;
	z-index: 1;
}

.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-arrow svg path {
	transition: fill 0.3s ease;
	fill: #2487AB;
}

.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-arrow:hover svg path {
	fill: #FFFFFF;
}

.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-prev {
	left: 10px;
}

.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-next {
	right: 10px;
}

/* Slick Slider Dots */
.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-dots {
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	display: flex !important;
	justify-content: center;
	align-items: center;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 10;
	width: auto;
	text-align: center;
}

.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-dots li {
	margin: 0 5px;
	padding: 0;
	width: auto;
	height: auto;
	display: inline-block;
	vertical-align: middle;
}

.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-dots li button {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5);
	border: 2px solid #2487AB;
	cursor: pointer;
	font-size: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	transition: background-color 0.3s ease, border-color 0.3s ease;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	line-height: 0;
	position: relative;
}

.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-dots li button:before {
	display: none !important;
	content: '' !important;
	opacity: 0 !important;
}

.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-dots li button:hover {
	background-color: rgba(36, 135, 171, 0.7);
	border-color: #2487AB;
}

.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-dots li.slick-active button {
	background-color: #2487AB;
	border-color: #2487AB;
	width: 12px;
	height: 12px;
}

.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-dots li.slick-active button:before {
	display: none !important;
	content: '' !important;
	opacity: 0 !important;
}

/* ==========================================================================
   Responsive Styles for Interactive Cards
   ========================================================================== */

/* Large Desktop (max-width: 1500px) */
@media screen and (max-width: 1500px) {
	.iota-interactive-cards-section {
		padding-top: 90px !important;
		padding-bottom: 90px !important;
	}

	.iota-interactive-cards-content-wrapper {
		max-width: 100%;
		overflow-x: hidden;
	}

	.interactive-cards-title-style {
		font-size: 65px !important;
		line-height: 68px !important;
		margin-bottom: 45px !important;
	}

	.iota-interactive-card {
		min-height: 480px !important;
	}

	.iota-interactive-card-image {
		min-height: 580px !important;
	}

	.iota-interactive-card-info {
		padding: 28px !important;
		min-height: 190px !important;
	}

	.iota-interactive-card-icon {
		width: 50px !important;
		height: 48px !important;
		margin-bottom: 28px !important;
	}

	.interactive-card-title-style {
		font-size: 23px !important;
		line-height: 29px !important;
	}

	.interactive-card-description-style {
		font-size: 19px !important;
		line-height: 29px !important;
	}
}

/* Laptop (max-width: 1366px) */
@media screen and (max-width: 1366px) {
	.iota-interactive-cards-section {
		padding-top: 85px !important;
		padding-bottom: 85px !important;
	}

	.interactive-cards-title-style {
		font-size: 62px !important;
		line-height: 66px !important;
		margin-bottom: 42px !important;
	}

	.iota-interactive-card {
		min-height: 460px !important;
	}

	.iota-interactive-card-image {
		min-height: 560px !important;
	}

	.iota-interactive-card-info {
		padding: 26px !important;
		min-height: 185px !important;
	}

	.iota-interactive-card-icon {
		width: 48px !important;
		height: 46px !important;
		margin-bottom: 26px !important;
	}

	.interactive-card-title-style {
		font-size: 22px !important;
		line-height: 28px !important;
	}

	.interactive-card-description-style {
		font-size: 18px !important;
		line-height: 28px !important;
	}
}

/* Small Laptop (max-width: 1280px) */
@media screen and (max-width: 1280px) {
	.iota-interactive-cards-section {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}

	.interactive-cards-title-style {
		font-size: 60px !important;
		line-height: 64px !important;
		margin-bottom: 40px !important;
	}

	.iota-interactive-card {
		min-height: 440px !important;
	}

	.iota-interactive-card-image {
		min-height: 540px !important;
	}

	.iota-interactive-card-info {
		padding: 25px !important;
		min-height: 180px !important;
	}

	.iota-interactive-card-icon {
		width: 47px !important;
		height: 45px !important;
		margin-bottom: 25px !important;
	}

	.interactive-card-title-style {
		font-size: 21px !important;
		line-height: 27px !important;
	}

	.interactive-card-description-style {
		font-size: 18px !important;
		line-height: 27px !important;
	}
}

/* Tablet Landscape (max-width: 1024px) */
@media screen and (max-width: 1024px) {
	.iota-interactive-cards-section {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}

	.interactive-cards-title-style {
		font-size: 56px !important;
		line-height: 60px !important;
		margin-bottom: 38px !important;
	}

	.iota-interactive-card {
		min-height: 420px !important;
	}

	.iota-interactive-card-image {
		min-height: 520px !important;
	}

	.iota-interactive-card-info {
		padding: 24px !important;
		min-height: 175px !important;
	}

	.iota-interactive-card-icon {
		width: 46px !important;
		height: 44px !important;
		margin-bottom: 24px !important;
	}

	.interactive-card-title-style {
		font-size: 20px !important;
		line-height: 26px !important;
	}

	.interactive-card-description-style {
		font-size: 17px !important;
		line-height: 26px !important;
	}
}

/* Medium Tablet (max-width: 900px) */
@media screen and (max-width: 900px) {
	.iota-interactive-cards-section {
		padding-top: 65px !important;
		padding-bottom: 65px !important;
	}

	.interactive-cards-title-style {
		font-size: 52px !important;
		line-height: 56px !important;
		margin-bottom: 35px !important;
	}

	.iota-interactive-card {
		min-height: 400px !important;
	}

	.iota-interactive-card-image {
		min-height: 500px !important;
	}

	.iota-interactive-card-info {
		padding: 22px !important;
		min-height: 170px !important;
	}

	.iota-interactive-card-icon {
		width: 45px !important;
		height: 43px !important;
		margin-bottom: 22px !important;
	}

	.interactive-card-title-style {
		font-size: 19px !important;
		line-height: 25px !important;
	}

	.interactive-card-description-style {
		font-size: 16px !important;
		line-height: 25px !important;
	}
}

/* Tablet Portrait (max-width: 768px) - Switch to Slider */
@media screen and (max-width: 768px) {
	.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-list {
		margin: 0;
		overflow: hidden;
	}

	.iota-interactive-cards-slider.slick-initialized.slick-slider.slick-dotted {
		margin-bottom: 0;
		padding-bottom: 30px;
	}

	.iota-interactive-cards-section {
		padding-top: 55px !important;
		padding-bottom: 55px !important;
	}

	.iota-interactive-cards-graphic-top-left {
		display: none !important;
	}

	.iota-interactive-cards-content-wrapper {
		max-width: 100%;
		overflow-x: hidden;
	}

	.interactive-cards-title-style {
		font-size: 48px !important;
		line-height: 52px !important;
		margin-bottom: 32px !important;
		opacity: 1 !important;
		transform: none !important;
	}

	.iota-interactive-card {
		opacity: 1 !important;
		transform: none !important;
		border-radius: 15px !important;
		min-height: 380px !important;
		padding: 15px !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.iota-interactive-card:hover {
		width: 100% !important;
	}

	.iota-interactive-card-image {
		min-height: 480px !important;
	}

	.iota-interactive-card-info {
		padding: 20px !important;
		border-radius: 8px !important;
		bottom: 12px !important;
		left: 12px !important;
		right: 12px !important;
		min-height: 160px !important;
	}

	.iota-interactive-card-icon {
		width: 44px !important;
		height: 42px !important;
		margin-bottom: 20px !important;
	}

	.interactive-card-title-style {
		font-size: 18px !important;
		line-height: 24px !important;
		margin-bottom: 0 !important;
		width: 100% !important;
		flex: 1 !important;
		max-width: 100% !important;
	}

	.interactive-card-description-style {
		font-size: 15px !important;
		line-height: 23px !important;
		opacity: 1 !important;
		max-height: none !important;
		margin-top: 0 !important;
		width: 100% !important;
		flex: 1 !important;
		max-width: 100% !important;
		transform: none !important;
	}

	.iota-interactive-card-title-description-wrapper {
		flex-direction: column !important;
		gap: 15px !important;
	}

	/* Hide slider arrows on tablet */
	.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-arrow {
		display: none !important;
	}
}

/* Large Mobile (max-width: 640px) */
@media screen and (max-width: 640px) {
	.iota-interactive-cards-section {
		padding-top: 48px !important;
		padding-bottom: 48px !important;
	}

	.interactive-cards-title-style {
		font-size: 42px !important;
		line-height: 46px !important;
		margin-bottom: 28px !important;
	}

	.iota-interactive-card {
		border-radius: 14px !important;
		min-height: 350px !important;
		padding: 14px !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.iota-interactive-card-image {
		min-height: 450px !important;
	}

	.iota-interactive-card-info {
		padding: 18px !important;
		border-radius: 7px !important;
		bottom: 11px !important;
		left: 11px !important;
		right: 11px !important;
		min-height: 150px !important;
	}

	.iota-interactive-card-icon {
		width: 42px !important;
		height: 40px !important;
		margin-bottom: 18px !important;
	}

	.interactive-card-title-style {
		font-size: 17px !important;
		line-height: 23px !important;
		margin-bottom: 0 !important;
		width: 100% !important;
		flex: 1 !important;
		max-width: 100% !important;
	}

	.interactive-card-description-style {
		font-size: 14px !important;
		line-height: 22px !important;
		width: 100% !important;
		flex: 1 !important;
		max-width: 100% !important;
		opacity: 1 !important;
		transform: none !important;
	}

	.iota-interactive-card-title-description-wrapper {
		flex-direction: column !important;
		gap: 13px !important;
	}
}

/* Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {
	.iota-interactive-cards-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-interactive-cards-graphic-top-left {
		display: none !important;
	}

	.interactive-cards-title-style {
		font-size: 36px !important;
		line-height: 40px !important;
		margin-bottom: 25px !important;
	}

	.iota-interactive-card {
		border-radius: 12px !important;
		min-height: 330px !important;
		padding: 13px !important;
	}

	.iota-interactive-card-image {
		min-height: 430px !important;
	}

	.iota-interactive-card-info {
		padding: 16px !important;
		border-radius: 6px !important;
		bottom: 10px !important;
		left: 10px !important;
		right: 10px !important;
		min-height: 140px !important;
	}

	.iota-interactive-card-icon {
		width: 40px !important;
		height: 38px !important;
		margin-bottom: 16px !important;
	}

	.interactive-card-title-style {
		font-size: 16px !important;
		line-height: 22px !important;
		margin-bottom: 0 !important;
		width: 100% !important;
		flex: 1 !important;
		max-width: 100% !important;
	}

	.interactive-card-description-style {
		font-size: 13px !important;
		line-height: 20px !important;
		width: 100% !important;
		flex: 1 !important;
		max-width: 100% !important;
		opacity: 1 !important;
		transform: none !important;
	}

	.iota-interactive-card-title-description-wrapper {
		flex-direction: column !important;
		gap: 12px !important;
	}

	/* Hide slider arrows on mobile */
	.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-arrow {
		display: none !important;
	}
}

/* Extra Small Mobile (max-width: 375px) */
@media screen and (max-width: 375px) {
	.iota-interactive-cards-section {
		padding-top: 35px !important;
		padding-bottom: 35px !important;
	}

	.interactive-cards-title-style {
		font-size: 32px !important;
		line-height: 36px !important;
		margin-bottom: 22px !important;
	}

	.iota-interactive-card {
		border-radius: 10px !important;
		min-height: 310px !important;
		padding: 12px !important;
	}

	.iota-interactive-card-image {
		min-height: 410px !important;
	}

	.iota-interactive-card-info {
		padding: 15px !important;
		border-radius: 6px !important;
		bottom: 9px !important;
		left: 9px !important;
		right: 9px !important;
		min-height: 130px !important;
	}

	.iota-interactive-card-icon {
		width: 38px !important;
		height: 36px !important;
		margin-bottom: 15px !important;
	}

	.interactive-card-title-style {
		font-size: 15px !important;
		line-height: 21px !important;
	}

	.interactive-card-description-style {
		font-size: 12px !important;
		line-height: 19px !important;
	}

	.iota-interactive-card-title-description-wrapper {
		gap: 10px !important;
	}

	.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-dots {
		bottom: 15px !important;
	}

	.iota-interactive-cards-slider-wrapper .iota-interactive-cards-slider.slick-slider .slick-dots li button {
		width: 10px !important;
		height: 10px !important;
	}
}

/* Button Styles */
.iota-about-button-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}

.iota-about-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 155px;
	height: 54px;
	padding: 18px 30px;
	border-radius: 30px;
	background-color: #2487AB;
	color: #FFFFFF;
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0;
	text-decoration: none;
	text-align: center;
	border: 2px solid #2487AB;
	cursor: pointer;
	transition: all 0.3s ease;
	-webkit-appearance: button;
	appearance: button;
}

.iota-about-btn:hover {
	background-color: transparent;
	border: 2px solid #2487AB;
	color: #2487AB;
}

.iota-about-btn:active {
	background-color: transparent;
	border: 2px solid #2487AB;
	color: #2487AB;
}

.iota-about-btn:focus {
	outline: 2px solid #2487AB;
	outline-offset: 2px;
}

/* Button Style Variations */
.iota-about-btn-primary {
	background-color: #2487AB;
	color: #FFFFFF;
	border: 2px solid #2487AB;
}

.iota-about-btn-primary:hover {
	background-color: transparent;
	color: #2487AB;
	border: 2px solid #2487AB;
}

.iota-about-btn-secondary {
	background-color: transparent;
	color: #2487AB;
	border: 2px solid #2487AB;
}

.iota-about-btn-secondary:hover {
	background-color: #2487AB;
	color: #FFFFFF;
	border: 2px solid #2487AB;
}



/* ==========================================================================
   Core Values Section
   ========================================================================== */

.iota-core-values-section {
	position: relative;
	width: 100%;
	overflow: hidden;
}

/* Top Right Graphic */
.iota-values-graphic {
	position: absolute;
	z-index: 1;
}

.iota-values-graphic img {
	display: block;
	max-width: 100%;
	height: auto;
}

.iota-values-graphic-top-right {
	top: 0;
	right: 100px;
	max-width: 150px;
}

/* Content Wrapper */
.iota-values-content-wrapper {
	position: relative;
	z-index: 2;
	width: 100%;
}

/* Title Styles */
.values-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0 0 50px 0;
	text-align: center;
}

/* Animation Initial States */
.iota-values-title-animate {
	opacity: 0;
	transform: translateY(30px);
}

/* Values Grid */
.iota-values-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	width: 100%;
}

/* Value Card */
.iota-value-card {
	width: 100%;
	height: 365px;
	padding: 50px;
	border-radius: 20px;
	background: linear-gradient(90deg, #EAF3F7 50.2%, #FFFFFF 100%);
	border: 1px solid #EAF3F7;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	transition: transform 0.3s ease, border-color 0.3s ease;
}

.iota-value-card-animate {
	opacity: 0;
	transform: translateY(40px);
}

.iota-value-card:hover {
	border-color: #2487AB;
}

/* Icon */
.iota-value-icon {
	width: 106.84px;
	height: 100px;
	margin-bottom: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.iota-value-icon img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.iota-value-svg-icon {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.iota-value-svg-icon svg {
	max-width: 100%;
	max-height: 100%;
}

/* Card Title */
.values-card-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0 0 15px 0;
}

/* Card Description */
.values-card-description-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555555;
	margin: 0;
}

/* ==========================================================================
   Responsive - Large Desktop (max-width: 1500px)
   ========================================================================== */
@media screen and (max-width: 1500px) {
	.iota-about-iota-section {
		overflow-x: hidden;
		overflow-y: visible;
		padding-top: 100px !important;
		padding-bottom: 100px !important;
	}

	.iota-about-iota-title {
		margin-bottom: 25px !important;
	}

	.about-iota-title-style {
		font-size: 90px !important;
		line-height: 90px !important;
	}

	.iota-about-iota-subtitle {
		margin-bottom: 45px !important;
	}

	.about-iota-subtitle-style {
		font-size: 32px !important;
		line-height: 38px !important;
	}

	.iota-about-iota-slider-wrapper {
		margin-bottom: 45px !important;
	}

	.iota-about-iota-slide-image,
	.iota-about-iota-slide-video,
	.iota-about-iota-slide-gif {
		height: 750px !important;
	}

	.about-iota-description-style {
		font-size: 18px !important;
		line-height: 28px !important;
		margin-top: 0 !important;
	}
}

/* ==========================================================================
   Responsive - Laptop (max-width: 1366px)
   ========================================================================== */
@media screen and (max-width: 1366px) {
	.iota-about-iota-section {
		padding-top: 90px !important;
		padding-bottom: 90px !important;
	}

	.iota-about-iota-title {
		margin-bottom: 22px !important;
	}

	.about-iota-title-style {
		font-size: 80px !important;
		line-height: 80px !important;
	}

	.iota-about-iota-subtitle {
		margin-bottom: 40px !important;
	}

	.about-iota-subtitle-style {
		font-size: 30px !important;
		line-height: 36px !important;
	}

	.iota-about-iota-slider-wrapper {
		margin-bottom: 40px !important;
	}

	.iota-about-iota-slide-image,
	.iota-about-iota-slide-video,
	.iota-about-iota-slide-gif {
		height: 700px !important;
	}

	.about-iota-description-style {
		font-size: 18px !important;
		line-height: 28px !important;
		margin-top: 0 !important;
	}
}

/* ==========================================================================
   Responsive - Small Laptop (max-width: 1280px)
   ========================================================================== */
@media screen and (max-width: 1280px) {
	.iota-about-iota-section {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}

	.iota-about-iota-title {
		margin-bottom: 20px !important;
	}

	.about-iota-title-style {
		font-size: 75px !important;
		line-height: 78px !important;
	}

	.iota-about-iota-subtitle {
		margin-bottom: 38px !important;
	}

	.about-iota-subtitle-style {
		font-size: 28px !important;
		line-height: 34px !important;
	}

	.iota-about-iota-slider-wrapper {
		margin-bottom: 38px !important;
	}

	.iota-about-iota-slide-image,
	.iota-about-iota-slide-video,
	.iota-about-iota-slide-gif {
		height: 650px !important;
	}

	.about-iota-description-style {
		font-size: 17px !important;
		line-height: 27px !important;
		margin-top: 0 !important;
	}
}

/* ==========================================================================
   Responsive - Tablet Landscape (max-width: 1024px)
   ========================================================================== */
@media screen and (max-width: 1024px) {
	.iota-about-section {
		overflow: visible;
	}

	.iota-about-iota-section {
		overflow-x: hidden;
		overflow-y: visible;
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}


	.iota-about-iota-title {
		margin-bottom: 18px !important;
	}

	.about-iota-title-style {
		font-size: 70px !important;
		line-height: 75px !important;
	}

	.iota-about-iota-subtitle {
		margin-bottom: 35px !important;
	}

	.about-iota-subtitle-style {
		font-size: 26px !important;
		line-height: 32px !important;
	}

	.iota-about-iota-slider-wrapper {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 35px !important;
	}

	.iota-about-iota-slide-image,
	.iota-about-iota-slide-video,
	.iota-about-iota-slide-gif {
		height: 600px !important;
		border-top-left-radius: 100px !important;
		border-bottom-right-radius: 100px !important;
	}

	.about-iota-description-style {
		font-size: 16px !important;
		line-height: 26px !important;
		margin-top: 0 !important;
		padding-left: 0 !important;
	}

	.iota-about-content-wrapper {
		max-width: 100%;
	}

	.iota-about-image-wrapper {
		border-top-left-radius: 100px;
		border-bottom-right-radius: 100px;
		margin-bottom: 35px;
	}

	.about-content-style {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 40px !important;
	}

	.about-content-style .highlight-text {
		font-size: 18px;
		line-height: 28px;
	}

	.iota-about-graphic-top-left,
	.iota-about-graphic-bottom-right {
		max-width: 120px;
	}

	.iota-about-graphic-top-left {
		left: 20px;
	}

	.iota-about-graphic-bottom-right {
		right: 20px;
	}

	/* Core Values Section - Tablet */
	.values-title-style {
		font-size: 55px;
		line-height: 60px;
		margin-bottom: 40px;
	}

	.iota-values-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.iota-value-card {
		height: auto;
		min-height: 350px;
		padding: 40px;
	}

	.iota-value-icon {
		width: 90px;
		height: 85px;
		margin-bottom: 40px;
	}

	.values-card-title-style {
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 12px;
	}

	.values-card-description-style {
		font-size: 18px;
		line-height: 28px;
	}

	.iota-values-graphic-top-right {
		right: 50px;
		max-width: 120px;
	}
}

/* ==========================================================================
   Responsive - Medium Tablet (max-width: 900px)
   ========================================================================== */
@media screen and (max-width: 900px) {
	.iota-about-iota-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	.iota-about-iota-title {
		margin-bottom: 16px !important;
	}

	.about-iota-title-style {
		font-size: 65px !important;
		line-height: 70px !important;
	}

	.iota-about-iota-subtitle {
		margin-bottom: 30px !important;
	}

	.about-iota-subtitle-style {
		font-size: 24px !important;
		line-height: 30px !important;
	}

	.iota-about-iota-slider-wrapper {
		margin-bottom: 30px !important;
	}

	.iota-about-iota-slide-image,
	.iota-about-iota-slide-video,
	.iota-about-iota-slide-gif {
		height: 550px !important;
		border-top-left-radius: 90px !important;
		border-bottom-right-radius: 90px !important;
	}

	.about-iota-description-style {
		font-size: 16px !important;
		line-height: 25px !important;
		margin-top: 0 !important;
		padding-left: 0 !important;
	}
}

/* ==========================================================================
   Responsive - Tablet Portrait (max-width: 768px)
   ========================================================================== */
@media screen and (max-width: 768px) {

	.about-title-style {
		font-size: 50px;
		line-height: 55px;
		margin-bottom: 40px;
	}

	.about-iota-title-style {
		font-size: 50px;
		line-height: 55px;
		margin-bottom: 30px;
	}

	.iota-about-iota-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.iota-about-iota-title {
		margin-bottom: 15px !important;
	}

	.about-iota-title-style {
		font-size: 55px !important;
		line-height: 60px !important;

	}

	.iota-about-iota-subtitle {
		margin-bottom: 28px !important;
	}

	.about-iota-subtitle-style {
		font-size: 22px !important;
		line-height: 28px !important;
	}

	.iota-about-iota-slider-wrapper {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 28px !important;
	}

	.iota-about-iota-slide-image,
	.iota-about-iota-slide-video,
	.iota-about-iota-slide-gif {
		height: 450px !important;
		border-top-left-radius: 70px !important;
		border-bottom-right-radius: 70px !important;
	}

	.about-iota-description-style {
		font-size: 15px !important;
		line-height: 24px !important;
		padding-left: 0 !important;
		margin-top: 0 !important;
	}

	.iota-about-content-wrapper {
		max-width: 100%;
	}

	.iota-about-image-wrapper {
		border-top-left-radius: 80px;
		border-bottom-right-radius: 80px;
		margin-bottom: 30px;
	}

	.iota-about-image {
		border-radius: 0 !important;
	}

	.about-content-style {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 35px;
	}

	.about-content-style .highlight-text {
		font-size: 16px;
		line-height: 26px;
	}

	.iota-about-btn {
		min-width: 140px;
		height: 48px;
		padding: 15px 25px;
		font-size: 16px;
		line-height: 16px;
	}

	.iota-about-graphic-top-left,
	.iota-about-graphic-bottom-right {
		max-width: 100px;
	}

	/* Core Values Section - Mobile */
	.values-title-style {
		font-size: 40px;
		line-height: 45px;
		margin-bottom: 35px;
	}

	.iota-values-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.iota-value-card {
		height: auto;
		min-height: 300px;
		padding: 35px;
	}

	.iota-value-icon {
		width: 75px;
		height: 70px;
		margin-bottom: 30px;
	}

	.values-card-title-style {
		font-size: 26px;
		line-height: 32px;
		margin-bottom: 10px;
	}

	.values-card-description-style {
		font-size: 16px;
		line-height: 26px;
	}

	.iota-values-graphic-top-right {
		right: 20px;
		max-width: 100px;
	}
}

/* ==========================================================================
   Responsive - Large Mobile (max-width: 640px)
   ========================================================================== */
@media screen and (max-width: 640px) {
	.iota-about-iota-section {
		padding-top: 45px !important;
		padding-bottom: 45px !important;
	}

	.iota-about-iota-title {
		margin-bottom: 12px !important;
	}

	.about-iota-title-style {
		font-size: 45px !important;
		line-height: 50px !important;
	}

	.iota-about-iota-subtitle {
		margin-bottom: 25px !important;
	}

	.about-iota-subtitle-style {
		font-size: 20px !important;
		line-height: 26px !important;
	}

	.iota-about-iota-slider-wrapper {
		margin-bottom: 25px !important;
	}

	.iota-about-iota-slide-image,
	.iota-about-iota-slide-video,
	.iota-about-iota-slide-gif {
		height: 380px !important;
		border-top-left-radius: 10px !important;
		border-bottom-right-radius: 10px !important;
	}

	.about-iota-description-style {
		font-size: 14px !important;
		line-height: 22px !important;
		padding-left: 0 !important;
		margin-top: 0 !important;
	}
}

/* ==========================================================================
   Responsive - Mobile (max-width: 480px)
   ========================================================================== */
@media screen and (max-width: 480px) {
	.about-title-style {
		font-size: 36px;
		line-height: 40px;
		margin-bottom: 30px !important;
	}

	.iota-about-iota-section {
		padding-top: 35px !important;
		padding-bottom: 35px !important;
	}

	.iota-about-iota-title {
		margin-bottom: 10px !important;
	}

	.about-iota-title-style {
		font-size: 38px !important;
		line-height: 42px !important;
	}

	.iota-about-iota-subtitle {
		margin-bottom: 22px !important;
	}

	.about-iota-subtitle-style {
		font-size: 18px !important;
		line-height: 24px !important;
	}

	.iota-about-image-wrapper {
		border-top-left-radius: 60px !important;
		border-bottom-right-radius: 60px !important;
		margin-bottom: 25px !important;
	}

	.iota-about-iota-slider-wrapper {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		overflow: hidden;
		margin-bottom: 0px !important;
	}

	.iota-about-iota-slide-image,
	.iota-about-iota-slide-video,
	.iota-about-iota-slide-gif {
		height: 420px !important;
		border-top-left-radius: 10px !important;
		border-bottom-right-radius: 10px !important;
	}

	.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-slide>div {
		border-top-left-radius: 10px !important;
		border-bottom-right-radius: 10px !important;
	}

	.about-iota-description-style {
		font-size: 14px !important;
		line-height: 21px !important;
		padding-left: 0 !important;
		margin-top: 0 !important;
	}

	/* About IOTA Slider - Mobile Responsive */
	.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider {
		overflow: hidden;
	}

	.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-list {
		overflow: hidden;
	}

	.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-arrow {
		width: 40px;
		height: 40px;
		opacity: 1 !important;
		visibility: visible !important;
	}

	.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-arrow svg {
		width: 12px;
		height: 10px;
	}

	.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-prev {
		bottom: 20px;
		z-index: 10;
	}

	.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-next {
		bottom: 20px;
		z-index: 10;
	}

	.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-dots {
		bottom: 20px;
		opacity: 1 !important;
		visibility: visible !important;
	}

	.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-dots li {
		margin: 0 5px;
	}

	.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-dots li button {
		width: 12px;
		height: 12px;
		border-width: 2px;
	}
}

/* ==========================================================================
   Responsive - Extra Small Mobile (max-width: 375px)
   ========================================================================== */
@media screen and (max-width: 375px) {
	.iota-about-iota-section {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}

	.iota-about-iota-title {
		margin-bottom: 8px !important;
	}

	.about-iota-title-style {
		font-size: 32px !important;
		line-height: 36px !important;
	}

	.iota-about-iota-subtitle {
		margin-bottom: 20px !important;
	}

	.about-iota-subtitle-style {
		font-size: 16px !important;
		line-height: 22px !important;

	}

	.iota-about-iota-slider-wrapper {
		margin-bottom: 20px !important;
	}

	.iota-about-iota-slide-image,
	.iota-about-iota-slide-video,
	.iota-about-iota-slide-gif {
		height: 280px !important;
		border-top-left-radius: 35px !important;
		border-bottom-right-radius: 35px !important;
	}

	.about-iota-description-style {
		font-size: 13px !important;
		line-height: 20px !important;
		margin-top: 0 !important;
	}

	.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-arrow {
		width: 35px !important;
		height: 35px !important;
	}

	.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-arrow svg {
		width: 10px !important;
		height: 8px !important;
	}

	.iota-about-iota-slider-wrapper .iota-about-iota-slider.slick-slider .slick-dots li button {
		width: 10px !important;
		height: 10px !important;
	}
}

/* ==========================================================================
   Interactive Cards Section - Mobile Styles
   ========================================================================== */
@media screen and (max-width: 480px) {

	/* Interactive Cards Section - Tablet */
	.iota-interactive-cards-graphic-top-left {
		display: none !important;
	}


	.iota-interactive-card {
		padding: 25px;
	}

	.iota-interactive-card-image {
		height: 180px;
		margin-bottom: 0px;
		min-height: 500px;
	}

	.interactive-card-title-style {
		font-size: 22px;
		line-height: 26px;
	}

	.interactive-card-description-style {
		font-size: 15px;
		line-height: 23px;
	}

	.about-content-style {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 20px !important;
	}

	.iota-about-graphic-bottom-right {
		right: 20px;
	}

	.about-content-style p {
		margin: 0 0 10px 0;
	}

	.about-content-style .highlight-text {
		font-size: 14px;
		line-height: 24px;
	}

	.iota-about-btn {
		min-width: 130px;
		height: 44px;
		padding: 13px 20px;
		font-size: 14px;
		line-height: 14px;
	}

	.iota-about-graphic-top-left,
	.iota-about-graphic-bottom-right {
		max-width: 50px;
	}

	.iota-about-graphic-top-left {
		left: 20px;
		top: -15px;
	}

	/* Core Values Section - Small Mobile */
	.values-title-style {
		font-size: 32px;
		line-height: 36px;
		margin-bottom: 30px !important;
		text-align: center;
	}

	.iota-values-grid {
		gap: 12px;
	}

	.iota-value-card {
		min-height: 200px;
		padding: 30px;
		align-items: center;
	}

	.iota-value-icon {
		width: 65px;
		height: 60px;
		margin-bottom: 25px;
	}

	.values-card-title-style {
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 8px;
	}

	.values-card-description-style {
		font-size: 14px;
		line-height: 22px;
		align-items: center;
	}

	.iota-values-graphic-top-right {
		right: 10px;
		max-width: 80px;
	}
}

/* ==========================================================================
   Products Zigzag Section
   ========================================================================== */

.iota-products-zigzag-section {
	position: relative;
	width: 100%;
	overflow: hidden;
}

/* Main Background Title */
.products-main-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 300px;
	line-height: 250px;
	letter-spacing: -0.03em;
	text-align: center;
	color: #EAF3F7;
	margin: 0 0 150px 0;
	opacity: 0.5;
}

/* Animation Initial States */
.iota-products-title-animate {
	opacity: 0;
	transform: translateY(80px);
}

.iota-product-image-animate {
	opacity: 0;
}

.iota-product-content-animate {
	opacity: 0;
}

/* Products List */
.iota-products-list {
	width: 100%;
}

/* Product Item */
.iota-product-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 60px;
	margin-bottom: 80px;
}

.iota-product-item:last-child {
	margin-bottom: 0;
}

/* Image Left Layout */
.iota-product-image-left {
	flex-direction: row;
}

.iota-product-image-left .iota-product-content {
	text-align: left;
}

/* Image Right Layout */
.iota-product-image-right {
	flex-direction: row-reverse;
}

.iota-product-image-right .iota-product-content {
	text-align: left;
}

/* Product Image Wrapper */
.iota-product-image-wrapper {
	flex: 0 0 auto;
	max-width: 50%;
}

.iota-product-image {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	border-radius: 20px;
}

/* Product Content */
.iota-product-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

/* Product Title */
.products-product-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0 0 50px 0;
}

/* Description */
.products-description-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555555;
	margin: 0 0 20px 0;
}

/* Features List */
.products-features-list {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555555;
	margin: 0 0 30px 0;
	padding-left: 25px;
	list-style: disc;
}

.products-features-list li {
	margin-bottom: 8px;
}

.products-features-list li:last-child {
	margin-bottom: 0;
}

/* Product Button */
.iota-product-button-wrapper {
	margin-top: 0;
}

.iota-product-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 147px;
	height: 54px;
	padding: 18px 30px;
	gap: 15px;
	border-radius: 30px;
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0;
	text-decoration: none;
	transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;
	cursor: pointer;
}

/* Button Style Variations */
.iota-product-btn-primary {
	background-color: #2487AB !important;
	color: #FFFFFF !important;
	border: 2px solid #2487AB !important;
}

.iota-product-btn-primary:hover {
	background-color: transparent !important;
	color: #2487AB !important;
	border: 2px solid #2487AB !important;
}

.iota-product-btn-secondary {
	background-color: transparent !important;
	color: #2487AB !important;
	border: 2px solid #2487AB !important;
}

.iota-product-btn-secondary:hover {
	background-color: #2487AB !important;
	color: #FFFFFF !important;
	border: 2px solid #2487AB !important;
}

.iota-product-btn-custom {
	border: 2px solid transparent !important;
}

.iota-product-btn-custom:hover {
	background-color: transparent !important;
	border: 2px solid currentColor !important;
}

/* ==========================================================================
   Recognized for Innovation Section - Responsive
   ========================================================================== */

/* 1440px */
@media screen and (max-width: 1440px) {
	.iota-recognized-innovation-section {
		padding: 80px 0 !important;
	}

	.recognized-innovation-title-style {
		font-size: 32px;
		line-height: 38px;
		margin-bottom: 25px !important;
	}

	.recognized-innovation-subtitle-style {
		font-size: 16px;
		line-height: 16px;
		padding: 10px 20px;
		margin-bottom: 30px !important;
	}

	.recognized-innovation-description-style {
		font-size: 18px;
		line-height: 28px;
		max-width: 700px;
		margin-bottom: 50px !important;
	}

	.iota-recognized-innovation-wrapper {
		margin-bottom: 60px;
	}

	.iota-recognized-innovation-slider .slick-prev {
		left: -40px;
	}

	.iota-recognized-innovation-slider .slick-next {
		right: -40px;
	}
}

/* 1280px */
@media screen and (max-width: 1280px) {
	.iota-recognized-innovation-section {
		padding: 70px 0 !important;
	}

	.recognized-innovation-title-style {
		font-size: 30px;
		line-height: 36px;
	}

	.recognized-innovation-description-style {
		font-size: 17px;
		line-height: 26px;
		max-width: 650px;
		margin-bottom: 45px !important;
	}

	.iota-recognized-innovation-wrapper {
		margin-bottom: 50px;
	}
}

/* Tablet - 1024px */
@media screen and (max-width: 1024px) {
	.iota-recognized-innovation-section {
		padding: 60px 0 !important;
	}

	.recognized-innovation-title-style {
		font-size: 28px;
		line-height: 34px;
		margin-bottom: 20px !important;
	}

	.recognized-innovation-subtitle-style {
		font-size: 15px;
		line-height: 15px;
		padding: 10px 18px;
		margin-bottom: 25px !important;
	}

	.recognized-innovation-description-style {
		font-size: 16px;
		line-height: 24px;
		max-width: 600px;
		margin-bottom: 40px !important;
	}

	.iota-recognized-innovation-wrapper {
		margin-bottom: 40px;
	}

	.iota-recognized-innovation-slider {
		padding: 0 40px;
	}

	.iota-recognized-innovation-slider .slick-prev {
		left: 0;
	}

	.iota-recognized-innovation-slider .slick-next {
		right: 0;
	}
}

/* Mobile - 768px */
@media screen and (max-width: 768px) {
	.iota-recognized-innovation-section {
		padding: 50px 0 !important;
	}

	.recognized-innovation-title-style {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 15px !important;
	}

	.recognized-innovation-subtitle-style {
		font-size: 14px;
		line-height: 14px;
		padding: 8px 16px;
		margin-bottom: 20px !important;
	}

	.recognized-innovation-description-style {
		font-size: 15px;
		line-height: 22px;
		max-width: 100%;
		margin-bottom: 30px !important;
	}

	.iota-recognized-innovation-wrapper {
		margin-bottom: 30px;
	}

	.iota-recognized-innovation-slider {
		padding: 0;
	}

	/* Use dots on mobile instead of arrows */
	.iota-recognized-innovation-slider .slick-arrow {
		display: none !important;
	}
}

/* Small Mobile - 480px */
@media screen and (max-width: 480px) {
	.iota-recognized-innovation-section {
		padding: 40px 0 !important;
	}

	.recognized-innovation-title-style {
		font-size: 20px;
		line-height: 26px;
	}

	.recognized-innovation-subtitle-style {
		font-size: 13px;
		line-height: 13px;
		padding: 6px 14px;
		margin-bottom: 15px !important;
	}

	.recognized-innovation-description-style {
		font-size: 14px;
		line-height: 20px;
	}
}

/* ==========================================================================
   Products Zigzag Section - Responsive
   ========================================================================== */

/* 1440px */
@media screen and (max-width: 1440px) {
	.products-main-title-style {
		font-size: 250px !important;
		line-height: 220px !important;
		margin-bottom: 120px !important;
	}

	.iota-product-item {
		gap: 50px !important;
	}

	.products-product-title-style {
		font-size: 60px !important;
		line-height: 65px !important;
		margin-bottom: 45px !important;
	}

	.products-description-style {
		font-size: 19px !important;
		line-height: 29px !important;
		margin-bottom: 18px !important;
	}

	.products-features-list {
		font-size: 19px !important;
		line-height: 29px !important;
		margin-bottom: 28px !important;
	}

	.iota-product-image-left .iota-product-content,
	.iota-product-image-right .iota-product-content {
		max-width: 550px !important;
	}
}

/* 1280px */
@media screen and (max-width: 1280px) {
	.products-main-title-style {
		font-size: 220px !important;
		line-height: 200px !important;
		margin-bottom: 110px !important;
	}

	.iota-product-item {
		gap: 45px !important;
	}

	.products-product-title-style {
		font-size: 55px !important;
		line-height: 60px !important;
		margin-bottom: 42px !important;
	}

	.products-description-style {
		font-size: 18px !important;
		line-height: 28px !important;
		margin-bottom: 17px !important;
	}

	.products-features-list {
		font-size: 18px !important;
		line-height: 28px !important;
		margin-bottom: 26px !important;
	}

	.iota-product-image-left .iota-product-content,
	.iota-product-image-right .iota-product-content {
		max-width: 520px !important;
	}
}

/* 1200px */
@media screen and (max-width: 1200px) {
	.products-main-title-style {
		font-size: 200px !important;
		line-height: 180px !important;
		margin-bottom: 100px !important;
	}

	.iota-product-item {
		gap: 40px !important;
	}

	.products-product-title-style {
		font-size: 50px !important;
		line-height: 55px !important;
		margin-bottom: 40px !important;
	}

	.products-description-style {
		font-size: 18px !important;
		line-height: 28px !important;
		margin-bottom: 16px !important;
	}

	.products-features-list {
		font-size: 18px !important;
		line-height: 28px !important;
		margin-bottom: 25px !important;
	}

	.iota-product-image-left .iota-product-content,
	.iota-product-image-right .iota-product-content {
		max-width: 480px !important;
	}
}

/* Tablet (max-width: 1024px) */
@media screen and (max-width: 1024px) {
	.products-main-title-style {
		font-size: 180px !important;
		line-height: 160px !important;
		margin-bottom: 90px !important;
	}

	.iota-product-item {
		gap: 35px !important;
	}

	.products-product-title-style {
		font-size: 48px !important;
		line-height: 52px !important;
		margin-bottom: 35px !important;
	}

	.products-description-style {
		font-size: 17px !important;
		line-height: 27px !important;
		margin-bottom: 16px !important;
	}

	.products-features-list {
		font-size: 17px !important;
		line-height: 27px !important;
		margin-bottom: 24px !important;
	}

	.iota-product-image-left .iota-product-content,
	.iota-product-image-right .iota-product-content {
		max-width: 450px !important;
	}
}

/* 900px */
@media screen and (max-width: 900px) {
	.products-main-title-style {
		font-size: 150px !important;
		line-height: 140px !important;
		margin-bottom: 80px !important;
	}

	.iota-product-item {
		gap: 30px !important;
	}

	.products-product-title-style {
		font-size: 42px !important;
		line-height: 48px !important;
		margin-bottom: 32px !important;
	}

	.products-description-style {
		font-size: 16px !important;
		line-height: 26px !important;
		margin-bottom: 15px !important;
	}

	.products-features-list {
		font-size: 16px !important;
		line-height: 26px !important;
		margin-bottom: 22px !important;
	}

	.iota-product-image-left .iota-product-content,
	.iota-product-image-right .iota-product-content {
		max-width: 100% !important;
	}
}

/* Mobile (max-width: 768px) */
@media screen and (max-width: 768px) {
	.products-main-title-style {
		font-size: 120px !important;
		line-height: 110px !important;
		margin-bottom: 60px !important;
	}

	.iota-product-item {
		flex-direction: column !important;
		gap: 30px !important;
		margin-bottom: 60px !important;
	}

	.iota-product-item:last-child {
		margin-bottom: 0 !important;
	}

	.iota-product-image-wrapper {
		max-width: 100% !important;
		width: 100% !important;
	}

	.iota-product-image-left .iota-product-content,
	.iota-product-image-right .iota-product-content {
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: left !important;
	}

	.products-product-title-style {
		font-size: 40px !important;
		line-height: 45px !important;
		margin-bottom: 30px !important;
	}

	.products-description-style {
		font-size: 16px !important;
		line-height: 26px !important;
		margin-bottom: 16px !important;
	}

	.products-features-list {
		font-size: 16px !important;
		line-height: 26px !important;
		margin-bottom: 20px !important;
	}

	.iota-product-btn {
		min-width: 140px !important;
		height: 48px !important;
		padding: 15px 25px !important;
		font-size: 16px !important;
		line-height: 16px !important;
	}
}

/* Small Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {
	.products-main-title-style {
		font-size: 80px !important;
		line-height: 75px !important;
		margin-bottom: 40px !important;
		opacity: 0.6 !important;
	}

	.iota-product-item {
		gap: 25px !important;
		margin-bottom: 50px !important;
	}

	.iota-product-item:last-child {
		margin-bottom: 0 !important;
	}

	.products-product-title-style {
		font-size: 32px !important;
		line-height: 36px !important;
		margin-bottom: 25px !important;
	}

	.products-description-style {
		font-size: 14px !important;
		line-height: 22px !important;
		margin-bottom: 14px !important;
	}

	.products-features-list {
		font-size: 14px !important;
		line-height: 22px !important;
		margin-bottom: 18px !important;
		padding-left: 20px !important;
	}

	.iota-product-btn {
		min-width: 130px !important;
		height: 44px !important;
		padding: 13px 20px !important;
		font-size: 14px !important;
		line-height: 14px !important;
	}
}

/* ==========================================================================
   How It Works Section
   ========================================================================== */

.iota-how-it-works-section {
	position: relative;
	width: 100%;
}

/* Top Left Graphic */
.iota-how-it-works-graphic {
	position: absolute;
	z-index: 1;
}

.iota-how-it-works-graphic img {
	display: block;
	max-width: 100%;
	height: auto;
}

.iota-how-it-works-graphic-top-left {
	top: 0;
	left: 100px;
	max-width: 150px;
}

/* Content Wrapper */
.iota-how-it-works-content-wrapper {
	position: relative;
	z-index: 2;
	width: 100%;
}

/* Title Styles */
.how-it-works-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0 0 60px 0;
}

/* Steps Grid */
.iota-steps-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	width: 100%;
	overflow: hidden;
}

/* Step Item */
.iota-step-item {
	padding: 50px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	border-right: 1px solid #DDDDDD;
	transition: border-color 0.3s ease;
}

.iota-step-item:last-child {
	border-right: none;
}

.iota-step-item:hover {
	border-color: #2487AB;
}

/* Animation Initial States */
.iota-step-item-animate {
	opacity: 0;
	transform: translateY(40px);
}

/* Step Header (Number + Title on same line) */
.iota-step-header {
	display: flex;
	align-items: center;
	gap: 15px;
	margin: 0 0 50px 0;
	width: 100%;
}

/* Step Number */
.iota-step-number {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 30px;
	line-height: 36px;
	letter-spacing: -0.03em;
	color: #2487AB;
	margin: 0;
	flex-shrink: 0;
}

/* Step Title */
.how-it-works-step-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 30px;
	line-height: 36px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0;
	flex: 1;
}

/* Icon Wrapper */
.iota-step-icon-wrapper {
	width: 100%;
	margin: 0 0 50px 0;
	display: flex;
}

.iota-step-icon-align-left {
	justify-content: flex-start;
}

.iota-step-icon-align-center {
	justify-content: center;
}

.iota-step-icon-align-right {
	justify-content: flex-end;
}

.iota-step-icon-image {
	width: 107.85px;
	height: 100px;
	object-fit: contain;
}

.iota-step-icon-gif {
	width: 107.85px;
	height: 100px;
	object-fit: contain;
}

.iota-step-icon-video {
	width: 107.85px;
	height: 100px;
	object-fit: contain;
}

.iota-step-svg-icon {
	width: 107.85px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.iota-step-svg-icon svg {
	max-width: 100%;
	max-height: 100%;
}

/* Description */
.how-it-works-description-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555555;
	margin: 0;
}

/* ==========================================================================
   How It Works Section - Responsive
   ========================================================================== */

/* Tablet (max-width: 1024px) */
@media screen and (max-width: 1024px) {

	.how-it-works-title-style {
		font-size: 55px;
		line-height: 60px;
		margin-bottom: 50px !important;
	}

	.iota-steps-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.iota-step-item {
		padding: 40px;
		border-right: 1px solid #DDDDDD;
		border-bottom: 1px solid #DDDDDD;
	}

	.iota-step-item:nth-child(2n) {
		border-right: none;
	}

	.iota-step-item:nth-last-child(-n+2) {
		border-bottom: none;
	}

	.iota-step-header {
		margin-bottom: 40px;
	}

	.iota-step-number {
		font-size: 26px;
		line-height: 32px;
	}

	.how-it-works-step-title-style {
		font-size: 26px;
		line-height: 32px;
	}

	.iota-step-icon-wrapper {
		margin-bottom: 40px;
	}

	.iota-step-icon-image {
		width: 90px;
		height: 85px;
	}

	.iota-step-svg-icon {
		width: 90px;
		height: 85px;
	}

	.how-it-works-description-style {
		font-size: 18px;
		line-height: 28px;
	}

	.iota-how-it-works-graphic-top-left {
		left: 50px;
		max-width: 120px;
	}
}

/* Mobile (max-width: 768px) */
@media screen and (max-width: 768px) {

	.how-it-works-title-style {
		font-size: 40px;
		line-height: 45px;
		margin-bottom: 40px !important;
	}

	.iota-steps-grid {
		grid-template-columns: 1fr;
	}

	.iota-step-item {
		padding: 35px;
		border-right: none;
		border-bottom: 1px solid #DDDDDD;
	}

	.iota-step-item:last-child {
		border-bottom: none;
	}

	.iota-step-header {
		margin-bottom: 30px;
	}

	.iota-step-number {
		font-size: 22px;
		line-height: 28px;
	}

	.how-it-works-step-title-style {
		font-size: 22px;
		line-height: 28px;
	}

	.iota-step-icon-wrapper {
		margin-bottom: 30px;
	}

	.iota-step-icon-image {
		width: 75px;
		height: 70px;
	}

	.iota-step-svg-icon {
		width: 75px;
		height: 70px;
	}

	.how-it-works-description-style {
		font-size: 16px;
		line-height: 26px;
	}

	.iota-how-it-works-graphic-top-left {
		left: 20px;
		max-width: 100px;
	}

	.iota-step-item:nth-last-child(-n+2) {
		border-bottom: inherit;
	}
}

/* Small Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {
	.iota-step-item:nth-last-child(-n+2) {
		border-bottom: inherit;
	}

	.iota-how-it-works-section {
		overflow: visible;
	}

	.how-it-works-title-style {
		font-size: 32px;
		line-height: 36px;
		margin-bottom: 30px !important;
	}

	.iota-step-item {
		padding: 30px;
		align-items: center;
	}

	.iota-step-header {
		margin-bottom: 25px;
		justify-content: center;
	}

	.iota-step-number {
		font-size: 20px;
		line-height: 24px;
	}

	.how-it-works-step-title-style {
		font-size: 20px;
		line-height: 24px;
		flex: inherit
	}

	.iota-step-icon-wrapper {
		margin-bottom: 25px;
	}

	.iota-step-icon-image {
		width: 65px;
		height: 60px;
	}

	.iota-step-svg-icon {
		width: 65px;
		height: 60px;
	}

	.how-it-works-description-style {
		font-size: 14px;
		line-height: 22px;
		text-align: center;
	}

	.iota-how-it-works-graphic-top-left {
		left: 20px;
		max-width: 50px;
		top: -15px;
	}
}

/* ==========================================================================
   Partners Section
   ========================================================================== */

.iota-partners-section {
	position: relative;
	width: 100%;
	overflow: hidden;
}

/* Top Content Section */
.iota-partners-top-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0;
	width: 100%;
}



.iota-partners-top-center-top {
	width: 100%;
	text-align: center;
}

.iota-partners-top-center-bottom {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

/* Main Title */
.partners-main-title-style {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0;
	width: auto;
	margin: 0 auto;
	margin-bottom: 50px;
}

/* Description */
.partners-description-style {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555555;
	margin: 0;
}

.partners-description-style p {
	margin: 0;
}

/* Partners Section Title */
.partners-section-title-style {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 50px;
	line-height: 50px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0 0 30px 0;
}

/* Partners Section - Animation Initial States */
.iota-partners-left-animate {
	opacity: 0;
	transform: translateX(-80px);
}

.iota-partners-right-animate {
	opacity: 0;
	transform: translateX(80px);
}

.iota-partners-title-animate {
	opacity: 0;
	transform: translateY(40px);
}

.iota-partner-logo-animate {
	opacity: 0;
	transform: translateY(40px);
}

/* Partners Slider Wrapper */
.iota-partners-slider-wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
}

/* Partners Slider */


/* Slick Slide Gap */
.iota-partners-slider .slick-slide {
	margin: 0 12px;
}

.iota-partners-slider .slick-list {
	margin: 0 -12px;
}

.slider-enabled .iota-partners-slider {
	animation: none;
}


/* Partner Card */
.iota-partner-card {
	border: 1px solid #DDDDDD;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	/* Reduced padding for better logo space */
	flex-shrink: 0;
	background: #FFFFFF;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	opacity: 1 !important;
	/* Ensure all slider items are visible */
	visibility: visible !important;
	/* Ensure all slider items are visible */
	transform: none !important;
	/* Remove any transform animations from individual items */
	height: 120px;
	/* Force fixed height */
	width: 100%;
}

/* Remove animations from slider items - only animate parent elements */
.iota-partners-slider .iota-partner-logo-animate,
.iota-partners-slider .iota-partner-card {
	opacity: 1 !important;
	transform: none !important;
	visibility: visible !important;
	aspect-ratio: 2 / 1;
	height: auto !important;
}

.iota-partners-slider .slick-dots {
	display: none !important;
}

.iota-partner-card:hover {
	border-color: #2487AB !important;
}

.iota-partner-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.iota-partner-logo {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
	margin: 0 auto;
}



/* ==========================================================================
   Partners Section - Responsive
   ========================================================================== */

/* Tablet (max-width: 1024px) */
@media screen and (max-width: 1024px) {
	.iota-partners-top-content {
		gap: 100px;
	}

	.partners-main-title-style {
		font-size: 55px;
		line-height: 60px;
		width: 100%;
	}

	.partners-description-style {
		font-size: 18px;
		line-height: 28px;
	}

	.partners-section-title-style {
		font-size: 40px;
		line-height: 45px;
		margin-bottom: 25px;
	}

	.iota-partner-card {
		width: 240px;
		height: 140px;
	}
}

/* Mobile (max-width: 768px) */
@media screen and (max-width: 768px) {
	.iota-partners-top-content {
		flex-direction: column;
		gap: 20px;
		margin-bottom: 30px !important;

	}

	.iota-partners-top-center-top,
	.iota-partners-top-center-bottom {
		max-width: 100%;
	}

	.partners-main-title-style {
		font-size: 40px;
		line-height: 45px;
	}

	.partners-description-style {
		font-size: 16px;
		line-height: 26px;
	}

	.partners-section-title-style {
		font-size: 32px;
		line-height: 36px;
		margin-bottom: 20px !important;
	}

	.iota-partner-card {
		width: 200px;
		height: 120px;
	}
}

/* Small Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {

	.iota-partners-top-content:empty,
	.iota-partners-top-center-top:empty,
	.iota-partners-top-center-bottom:empty {
		display: none;
	}

	.partners-main-title-style {
		font-size: 32px;
		line-height: 36px;
	}

	.iota-partners-slider-wrapper .slick-list.draggable {
		max-width: 70%;
		margin: 0 auto;
	}

	.partners-description-style {
		font-size: 14px;
		line-height: 22px;
	}

	.partners-section-title-style {
		font-size: 30px;
		line-height: 32px;
		margin-bottom: 25px !important;
	}

	.iota-partners-slider {
		gap: 15px;
	}

	.iota-partner-card {
		width: 180px;
		height: 100px;
		padding: 15px;
		border-radius: 15px;
	}

	.iota-partners-dots {
		gap: 8px;
		margin-top: 20px;
	}

	.iota-partner-dot {
		width: 8px;
		height: 8px;
	}
}

/* ==========================================================================
   Stories of Impact Section
   ========================================================================== */

.iota-stories-section {
	position: relative;
	width: 100%;
	overflow: visible;
}

/* Stories Section - Animation Initial States */
.iota-stories-graphic-animate {
	opacity: 0;
	transform: translateY(-40px);
}

.iota-partners-top-center-bottom:empty,
.iota-partners-right-animate:empty {
    display: none;
}

.iota-stories-title-animate {
	opacity: 0;
	transform: translateY(40px);
}

.iota-story-card-animate {
	opacity: 0;
	transform: translateY(40px);
}

/* Top Right Graphic */
.iota-stories-graphic-top-right {
	position: absolute;
	top: -135px;
	right: 100px;
	z-index: 1;
	max-width: 150px;
	pointer-events: none;
	will-change: transform;
	/* Optimize for parallax performance */
}

.iota-stories-slider-wrapper .slick-arrow:before {
	opacity: 0;
	display: none;
}

.iota-stories-graphic-top-right img {
	width: 100%;
	height: auto;
	display: block;
}

/* Section Title */
.stories-title-style {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: 0;
	text-align: center;
	color: #000000;
	margin-top: 0;
}

/* Stories Slider Wrapper */
.iota-stories-slider-wrapper {
	width: 100%;
	position: relative;
	/* margin-bottom: 200px; */
}

/* Slick Slider Overrides */
.iota-stories-slider {
	width: 100%;
}

.iota-stories-slider .slick-list {
	margin: 0 -15px;
}

.iota-stories-slider .slick-slide {
	padding: 0 15px;
	opacity: 1 !important;
	/* Ensure all slides are visible */
	visibility: visible !important;
	/* Ensure all slides are visible */
	transform: none !important;
	/* Remove any transform animations */
}

.iota-stories-slider .slick-track {
	display: flex;
	align-items: stretch;
}

.iota-stories-slider .slick-slide>div {
	height: 100%;
}

/* Remove animations from slider slides - only animate parent elements */
.iota-stories-slider .slick-slide .iota-story-card,
.iota-stories-slider .slick-slide .iota-story-card-animate {
	opacity: 1 !important;
	transform: none !important;
	visibility: visible !important;
}

/* Story Card */
.iota-story-card {
	background: transparent;
	height: 100%;
	display: flex !important;
	flex-direction: column;
}

/* Story Thumbnail */
.iota-story-thumbnail {
	position: relative;
	width: 100%;
	border-radius: 20px;
	cursor: pointer;
	margin-bottom: 30px;
}

.iota-story-thumbnail::before {
	content: "";
	display: block;
	padding-top: 75%;
}

.iota-story-image {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 20px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

/* .iota-story-card:hover .iota-story-image {
	transform: scale(1.05);
} */

/* Play Icon */
.iota-play-icon {
	position: absolute;
	bottom: -25px;
	right: 25px;
	width: 50px;
	height: 50px;
	border: none;
	background: transparent;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 2;
}

.iota-play-icon svg {
	width: 50px;
	height: 50px;
	display: block;
}

.iota-play-icon .play-icon-circle,
.iota-play-icon .play-icon-path {
	transition: fill 0.3s ease;
}

.iota-story-card:hover .iota-play-icon {
	bottom: 50%;
	right: 50%;
	transform: translate(50%, 50%) !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	border-radius: 50%;
}

.iota-story-card:hover .iota-play-icon .play-icon-circle {
	fill: #FFFFFF;
}

.iota-story-card:hover .iota-play-icon .play-icon-path {
	fill: #2487AB;
}

/* Story Content */
.iota-story-content {
	flex: 1;
	display: flex;
	flex-direction: column;
}

/* Story Title */
.stories-story-title-style {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 30px;
	line-height: 36px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0 0 20px 0;
}

/* Story Divider */
.iota-story-divider {
	width: 100%;
	height: 1px;
	background-color: #DDDDDD;
	margin: 0 0 10px 0;
}

/* Story Description */
.stories-description-style {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555555;
	margin: 0;
}

/* Slider Arrows */
.iota-stories-slider-wrapper .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	border-radius: 30px;
	background-color: #FFFFFF;
	border: none;
	cursor: pointer;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.iota-stories-slider-wrapper .slick-arrow:hover {
	background-color: #2487AB;
	transform: translateY(-50%) !important;
}

.iota-stories-slider-wrapper .slick-arrow svg {
	width: 12px;
	height: 10px;
}

.iota-stories-slider-wrapper .slick-arrow svg path {
	transition: fill 0.3s ease;
}

.iota-stories-slider-wrapper .slick-arrow:hover svg path {
	fill: #FFFFFF;
}

.iota-stories-slider-wrapper .slick-prev {
	left: -50px;
}

.iota-stories-slider-wrapper .slick-next {
	right: -50px;
}

.iota-stories-slider-wrapper .slick-arrow.slick-disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Slider Dots */
.iota-stories-slider-wrapper .slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 40px;
	padding: 0;
	list-style: none;
}

.iota-stories-slider-wrapper.auto-hide-dots .slick-dots {
	display: none;
}

.iota-stories-slider-wrapper .slick-dots li {
	margin: 0;
	padding: 0;
}

.iota-stories-slider-wrapper .slick-dots li button {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #DDDDDD;
	border: none;
	cursor: pointer;
	font-size: 0;
	padding: 0;
	transition: background 0.3s ease, transform 0.3s ease;
}

.iota-stories-slider-wrapper .slick-dots li button:hover {
	background: #2487AB;
}

.iota-stories-slider-wrapper .slick-dots li.slick-active button {
	background: #2487AB;
	transform: scale(1.3);
}

/* Video Popup */
.iota-video-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.iota-video-popup.active {
	display: flex;
	opacity: 1;
}

.iota-video-popup-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	cursor: pointer;
}

.iota-video-popup-content {
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: auto;
	z-index: 10000;
}

.iota-video-popup-close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #FFFFFF;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease, transform 0.3s ease;
	color: #000000;
	padding: 10px;
	z-index: 1;
}

.iota-video-popup-close:hover {
	background-color: #2487AB;
	color: #FFFFFF;
	transform: rotate(90deg);
}

.iota-video-popup-inner {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	background: #000000;
	border-radius: 10px;
	overflow: hidden;
}

.iota-video-popup-inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.iota-stories-section .container {
	max-width: 100%;
	margin: 0 auto;
	padding: 0 100px;
}

/* ==========================================================================
   Stories Section - Responsive
   ========================================================================== */

@media screen and (max-width: 1800px) {
	.stories-story-title-style {
		font-size: 25px !important;
		line-height: 30px !important;
		margin: 0 0 10px 0 !important;
	}

	.stories-description-style {
		font-size: 15px !important;
		line-height: 25px !important;
	}
}

@media screen and (max-width: 1620px) {
	.stories-story-title-style {
		font-size: 22px !important;
		line-height: 26px !important;
		margin: 0 0 10px 0 !important;
	}

	.stories-description-style {
		font-size: 14px !important;
		line-height: 18px !important;
	}

	.iota-story-thumbnail {
		margin-bottom: 20px !important;
	}
}



/* 1200px */
@media screen and (max-width: 1200px) {
	.iota-stories-section {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}

	.iota-stories-section .container {
		padding: 0 80px;
	}

	.iota-stories-graphic-top-right {
		top: -60px;
		right: 80px;
		max-width: 130px;
	}

	.stories-title-style {
		font-size: 60px;
		line-height: 60px;
		margin-top: 0;
		margin-bottom: 40px !important;
	}

	.iota-story-thumbnail {
		margin-bottom: 25px;
	}

	.stories-story-title-style {
		font-size: 28px;
		line-height: 34px;
		margin-bottom: 20px;
	}

	.stories-description-style {
		font-size: 19px;
		line-height: 28px;
	}

	.iota-stories-slider-wrapper .slick-prev {
		left: -45px;
	}

	.iota-stories-slider-wrapper .slick-next {
		right: -45px;
	}
}

/* Tablet (max-width: 1024px) */
@media screen and (max-width: 1024px) {
	.iota-stories-section {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}

	.iota-stories-section .container {
		padding: 0 60px;
	}

	.iota-stories-graphic-top-right {
		top: -50px;
		right: 60px;
		max-width: 120px;
	}

	.stories-title-style {
		font-size: 55px;
		line-height: 60px;
		margin-top: 0;
		margin-bottom: 35px !important;
	}

	.iota-story-thumbnail {
		margin-bottom: 22px;
	}

	.iota-play-icon {
		right: 200px;
	}

	.stories-story-title-style {
		font-size: 26px;
		line-height: 32px;
		margin-bottom: 18px;
	}

	.stories-description-style {
		font-size: 18px;
		line-height: 28px;
	}

	.iota-stories-slider-wrapper .slick-prev {
		left: -40px;
	}

	.iota-stories-slider-wrapper .slick-next {
		right: -40px;
	}

	.iota-video-popup-close {
		top: -35px;
		width: 35px;
		height: 35px;
	}
}

/* 900px */
@media screen and (max-width: 900px) {
	.iota-stories-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	.iota-stories-section .container {
		padding: 0 50px;
	}

	.stories-title-style {
		font-size: 48px;
		line-height: 52px;
		margin-bottom: 30px !important;
	}

	.iota-story-thumbnail {
		margin-bottom: 20px;
	}

	.stories-story-title-style {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 16px;
	}

	.stories-description-style {
		font-size: 17px;
		line-height: 26px;
	}
}

/* Mobile (max-width: 768px) */
@media screen and (max-width: 768px) {
	.iota-stories-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.iota-stories-section .container {
		padding: 0 40px;
	}

	.iota-stories-graphic-top-right {
		top: -40px;
		right: 30px;
		max-width: 80px;
	}

	.stories-title-style {
		font-size: 40px;
		line-height: 45px;
		margin-top: 0;
		margin-bottom: 25px !important;
	}

	.iota-story-thumbnail {
		margin-bottom: 18px;
	}

	.iota-play-icon {
		bottom: -20px;
		right: 50px;
		width: 45px;
		height: 45px;
	}

	.stories-story-title-style {
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 16px;
	}

	.stories-description-style {
		font-size: 16px;
		line-height: 24px;
	}

	.iota-stories-slider-wrapper .slick-arrow {
		width: 28px;
		height: 28px;
	}

	.iota-stories-slider-wrapper .slick-prev {
		left: 10px;
	}

	.iota-stories-slider-wrapper .slick-next {
		right: 10px;
	}

	.iota-video-popup-content {
		width: 95%;
	}

	.iota-video-popup-close {
		top: -30px;
		width: 30px;
		height: 30px;
	}
}

/* Small Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {
	.iota-stories-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
		margin: 0 !important;
	}

	.iota-stories-section .container {
		padding: 0 20px !important;
	}

	.iota-stories-graphic-top-right {
		top: -35px;
		right: 20px;
		max-width: 60px;
		display: none;
	}

	.stories-title-style {
		font-size: 32px;
		line-height: 36px;
		margin-top: 0;
		margin-bottom: 30px !important;
		padding-top: 0px !important;
	}

	.iota-stories-slider-wrapper {
		padding-bottom: 10px !important;
	}

	.iota-story-thumbnail {
		margin-bottom: 15px;
	}

	.iota-play-icon {
		bottom: -18px;
		right: 50px;
		width: 40px;
		height: 40px;
	}

	.stories-story-title-style {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 14px;
	}

	.stories-description-style {
		font-size: 14px;
		line-height: 20px;
	}

	.iota-stories-slider-wrapper .slick-arrow {
		width: 26px;
		height: 26px;
		top: 40%;
		transform: translateY(-40%);
	}

	.iota-stories-slider-wrapper .slick-arrow svg {
		width: 10px;
		height: 8px;
	}

	.iota-stories-slider-wrapper .slick-dots {
		gap: 8px;
		margin-top: 25px;
	}

	.iota-stories-slider-wrapper .slick-dots li button {
		width: 8px;
		height: 8px;
	}

	.iota-video-popup-close svg {
		width: 18px;
		height: 18px;
	}
}

/* ==========================================================================
   Blog Posts Section (The IOTA Perspective)
   ========================================================================== */

.iota-blog-posts-section {
	position: relative;
	width: 100%;
}

/* Blog Section - Animation Initial States */
.iota-blog-title-animate {
	opacity: 0;
	transform: translateY(40px);
}

.iota-blog-post-left-animate {
	opacity: 0;
	transform: translateX(-80px);
}

.iota-blog-post-right-animate {
	opacity: 0;
	transform: translateX(80px);
}

/* Section Title */
.blog-section-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	text-align: left;
	color: #000000;
	margin: 0 0 50px 0;
}

/* Blog Posts Grid */
.iota-blog-posts-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 152px;
	width: 100%;
}

/* Blog Post Item */
.iota-blog-post-item {
	display: flex;
	flex-direction: column;
	background: transparent;
}

/* Featured Image */
.blog-post-image {
	width: 100%;
	margin-bottom: 30px;
	border-radius: 20px;
	overflow: hidden;
}

.blog-post-image a {
	display: block;
	position: relative;
	overflow: hidden;
}

.blog-post-thumbnail {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 20px;
	transition: transform 0.3s ease;
}

/* Second Post - Specific Image Size (616×342) */
.iota-blog-post-item:nth-child(2) .blog-post-image {
	max-width: 616px;
}

.iota-blog-post-item:nth-child(2) .blog-post-image a {
	aspect-ratio: 616 / 342;
	border-radius: 20px;
}

.iota-blog-post-item:nth-child(2) .blog-post-thumbnail {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blog-post-image a:hover .blog-post-thumbnail {
	transform: scale(1.05);
}

/* Post Content */
.blog-post-content {
	flex: 1;
	display: flex;
	flex-direction: column;
}

/* Post Meta (Date & Category) */
.blog-post-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 15px;
}

.blog-post-date {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555555;
}

.blog-meta-separator {
	color: #555555;
	font-size: 20px;
	line-height: 30px;
}

.blog-post-category {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #2487AB;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.blog-post-category:hover {
	opacity: 0.8;
}

/* Post Title */
.blog-post-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0 0 30px 0;
}

.blog-post-title-style a {
	color: inherit;
	text-decoration: none;
	transition: color 0.3s ease;
}

.blog-post-title-style a:hover {
	color: #2487AB;
}

/* Read More Link */
.blog-read-more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0;
	color: #2487AB;
	text-decoration: none;
	padding-bottom: 11px;
	border-bottom: 1px solid #2487AB;
	width: fit-content;
	/* Border only as wide as content */
	transition: gap 0.3s ease, border-color 0.3s ease;
}

.blog-read-more:hover {
	gap: 12px;
	border-bottom-color: #1a6a8a;
}

.blog-read-more svg {
	width: 10px;
	height: 10px;
	flex-shrink: 0;
	transition: transform 0.3s ease;
}

.blog-read-more:hover svg {
	transform: translate(2px, -2px);
}

.blog-read-more svg path {
	stroke: #2487AB;
	transition: stroke 0.3s ease;
}

/* No Posts Found */
.no-posts-found {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: #555555;
	text-align: center;
	padding: 40px 0;
}

/* ==========================================================================
   Blog Posts Section - Responsive
   ========================================================================== */

/* Tablet (max-width: 1024px) */
@media screen and (max-width: 1024px) {
	.blog-section-title-style {
		font-size: 55px;
		line-height: 60px;
		margin-bottom: 40px !important;
	}

	.iota-blog-posts-grid {
		gap: 100px !important;
	}

	.blog-post-title-style {
		font-size: 32px;
		line-height: 36px;
		margin-bottom: 25px;
	}

	.blog-post-date,
	.blog-post-category,
	.blog-meta-separator {
		font-size: 18px;
		line-height: 28px;
	}
}

/* Mobile (max-width: 768px) */
@media screen and (max-width: 768px) {
	.blog-section-title-style {
		font-size: 40px;
		line-height: 45px;
		margin-bottom: 30px !important;
	}

	.iota-blog-posts-grid {
		grid-template-columns: 1fr;
		gap: 60px !important;
	}

	.blog-post-image {
		margin-bottom: 20px;
	}

	.iota-blog-post-item:nth-child(2) .blog-post-image {
		max-width: 100%;
	}

	.blog-post-meta {
		margin-bottom: 12px;
	}

	.blog-post-title-style {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 20px;
	}

	.blog-post-date,
	.blog-post-category,
	.blog-meta-separator {
		font-size: 16px;
		line-height: 26px;
	}

	.blog-read-more {
		font-size: 16px;
	}
}

/* Small Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {
	.blog-section-title-style {
		font-size: 32px;
		line-height: 36px;
		margin-bottom: 25px !important;
	}

	.iota-blog-posts-grid {
		gap: 30px !important;
	}

	.blog-post-title-style {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 12px;
	}

	.blog-post-date,
	.blog-post-category,
	.blog-meta-separator {
		font-size: 14px;
		line-height: 22px;
	}

	.blog-read-more {
		font-size: 14px;
	}
}

/* ==========================================================================
   Blog Listing Section
   ========================================================================== */

.iota-blog-listing-section {
	position: relative;
	width: 100%;
}

/* Section Title */
.blog-listing-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	text-align: left;
	color: #000000;
	margin: 0 0 50px 0;
}

/* Blog Posts Grid */
.iota-blog-listing-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 152px 100px;
	width: 100%;
}

/* Blog Post Item */
.iota-blog-listing-item {
	display: flex;
	flex-direction: column;
	background: transparent;
}

/* Featured Image */
.blog-listing-image {
	width: 100%;
	margin-bottom: 30px;
	border-radius: 20px;
	overflow: hidden;
}

.blog-listing-image a {
	display: block;
	position: relative;
	overflow: hidden;
}

.blog-listing-thumbnail {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 20px;
	transition: transform 0.3s ease;
	object-fit: cover;
}

/* Image Size Classes */
.blog-listing-image-large .blog-listing-image {
	max-width: 744px;
}

.blog-listing-image-large .blog-listing-image a {
	aspect-ratio: 744 / 414;
}

.blog-listing-image-small .blog-listing-image {
	max-width: 616px;
}

.blog-listing-image-small .blog-listing-image a {
	aspect-ratio: 616 / 342;
}

.blog-listing-image a:hover .blog-listing-thumbnail {
	transform: scale(1.05);
}

/* Post Content */
.blog-listing-content {
	flex: 1;
	display: flex;
	flex-direction: column;
}

/* Date */
.blog-listing-date {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #2487AB;
	margin-bottom: 15px;
}

/* Post Title */
.blog-listing-post-title {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0 0 30px 0;
}

.blog-listing-post-title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.3s ease;
}

.blog-listing-post-title a:hover {
	color: #2487AB;
}

/* Read More Link */
.blog-listing-read-more {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0;
	color: #2487AB;
	text-decoration: none;
	padding-bottom: 16px;
	border-bottom: 1px solid #2487AB;
	width: fit-content;
	transition: gap 0.3s ease, border-color 0.3s ease;
}

.blog-listing-read-more:hover {
	gap: 12px;
	border-bottom-color: #1a6a8a;
}

.blog-listing-read-more svg {
	width: 10px;
	height: 10px;
	flex-shrink: 0;
	transition: transform 0.3s ease;
}

.blog-listing-read-more:hover svg {
	transform: translate(2px, -2px);
}

.blog-listing-read-more svg path {
	stroke: #2487AB;
	transition: stroke 0.3s ease;
}

/* Bottom Border */
.iota-blog-listing-bottom-border {
	border-bottom: 1px solid #DDDDDD;
	width: 100%;
}

/* Pagination */
.iota-blog-listing-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 15px;
	width: 100%;
}

.blog-listing-pagination-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border: 1px solid #DDDDDD;
	border-radius: 0;
	background: transparent;
	color: #2487AB;
	text-decoration: none;
	transition: all 0.3s ease;
	cursor: pointer;
	border-radius: 50px;
}

.blog-listing-pagination-arrow:hover:not(.disabled) {
	border-color: #2487AB;
	background-color: #f0f8fa;
}

.blog-listing-pagination-arrow.disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.blog-listing-pagination-arrow svg {
	width: 24px;
	height: 24px;
}

.blog-listing-pagination-arrow svg path {
	stroke: currentColor;
}

.blog-listing-pagination-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border: 1px solid #DDDDDD;
	border-radius: 0;
	background: transparent;
	color: #2487AB;
	text-decoration: none;
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0;
	vertical-align: middle;
	transition: all 0.3s ease;
	border-radius: 50px
}

.blog-listing-pagination-number:not(.current):hover {
	border-color: #2487AB !important;
	background-color: #2487AB !important;
	color: #FFFFFF !important;
}

.blog-listing-pagination-number.current {
	background-color: #2487AB;
	color: #FFFFFF;
	border-color: #2487AB;
}

.blog-listing-pagination-text {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0;
	vertical-align: middle;
	color: #2487AB;
	margin-left: 0;
}

/* No Posts Found */
.iota-blog-listing-section .no-posts-found {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: #555555;
	text-align: center;
	padding: 40px 0;
}

.navigation .nav-links {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.navigation .nav-links .nav-title {
	display: none;
}

.navigation .nav-links a {
	text-decoration: none;
	font-family: Exo;
	font-weight: 500;
	font-size: 18px;
	line-height: 18px;
	color: #2487AB;
	display: inline-block;
	position: relative;
	padding-bottom: 11px;
}

.navigation .nav-links a:after {
	content: "";
	background: #2487AB;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* ==========================================================================
   Blog Listing Section - Responsive
   ========================================================================== */

/* Tablet (max-width: 1024px) */
@media screen and (max-width: 1024px) {
	.blog-listing-title-style {
		font-size: 55px;
		line-height: 60px;
		margin-bottom: 40px !important;
	}

	.iota-blog-listing-grid {
		gap: 80px 60px !important;
	}

	.blog-listing-post-title {
		font-size: 32px;
		line-height: 36px;
		margin-bottom: 25px;
	}

	.blog-listing-date {
		font-size: 18px;
		line-height: 28px;
	}

	.blog-listing-image-large .blog-listing-image,
	.blog-listing-image-small .blog-listing-image {
		max-width: 100%;
	}
}

/* Mobile (max-width: 768px) */
@media screen and (max-width: 768px) {
	.blog-listing-title-style {
		font-size: 40px;
		line-height: 45px;
		margin-bottom: 30px !important;
	}

	.iota-blog-listing-grid {
		grid-template-columns: 1fr;
		gap: 60px !important;
	}

	.blog-listing-image {
		margin-bottom: 20px;
	}

	.blog-listing-image-large .blog-listing-image,
	.blog-listing-image-small .blog-listing-image {
		max-width: 100%;
	}

	.blog-listing-image-large .blog-listing-image a,
	.blog-listing-image-small .blog-listing-image a {
		aspect-ratio: 16 / 9;
	}

	.blog-listing-date {
		margin-bottom: 12px;
		font-size: 16px;
		line-height: 26px;
	}

	.blog-listing-post-title {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 20px;
	}

	.blog-listing-read-more {
		font-size: 16px;
		padding-bottom: 12px;
	}

	.iota-blog-listing-pagination {
		gap: 10px;
	}

	.blog-listing-pagination-arrow,
	.blog-listing-pagination-number {
		width: 45px;
		height: 45px;
		font-size: 16px;
	}

	.blog-listing-pagination-text {
		font-size: 16px;
	}
}

/* Small Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {
	.blog-listing-title-style {
		font-size: 32px;
		line-height: 36px;
		margin-bottom: 25px !important;
	}

	.iota-blog-listing-grid {
		gap: 40px !important;
	}

	.blog-listing-post-title {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 15px;
	}

	.blog-listing-date {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 10px;
	}

	.blog-listing-read-more {
		font-size: 14px;
		padding-bottom: 10px;
		gap: 8px;
	}

	.iota-blog-listing-pagination {
		gap: 8px;
	}

	.blog-listing-pagination-arrow,
	.blog-listing-pagination-number {
		width: 40px;
		height: 40px;
		font-size: 14px;
	}

	.blog-listing-pagination-arrow svg {
		width: 20px;
		height: 20px;
	}

	.blog-listing-pagination-text {
		font-size: 14px;
	}
}

/* Hide on specific devices */
.iota-blog-listing-section.iota-hide-mobile {
	display: none;
}

@media screen and (min-width: 769px) {
	.iota-blog-listing-section.iota-hide-mobile {
		display: block;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.iota-blog-listing-section.iota-hide-tablet {
		display: none;
	}
}

@media screen and (min-width: 1025px) {
	.iota-blog-listing-section.iota-hide-desktop {
		display: none;
	}
}

/* ==========================================================================
   404 Error Page
   ========================================================================== */

.iota-404-page {
	position: relative;
	width: 100%;
	padding: 230px 0;
	min-height: 60vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.iota-404-page .container {
	max-width: 1512px;
	margin: 0 auto;
	padding: 0 20px;
	width: 100%;
}

.iota-404-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
}

/* 404 Image */
.iota-404-image {
	margin-bottom: 50px;
	width: 100%;
	max-width: 600px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.iota-404-image img {
	width: 100%;
	height: auto;
	display: block;
	max-width: 100%;
	object-fit: contain;
}

/* 404 Animation Initial States - Handled by JavaScript */
/* Elements are visible by default, JavaScript sets initial states when GSAP is available */

/* 404 Title */
.iota-404-title {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 100px;
	line-height: 100px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0 0 30px 0;
	text-align: center;
}

/* 404 Text */
.iota-404-text {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -0.03em;
	text-align: center;
	color: #000000;
	margin: 0 0 30px 0;
	max-width: 800px;
}

/* Button Wrapper */
.iota-404-button-wrapper {
	margin-top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Homepage Button */
.iota-404-homepage-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0;
	color: #FFFFFF;
	background-color: #2487AB;
	border: 2px solid #2487AB;
	border-radius: 30px;
	width: 156px;
	height: 54px;
	padding: 18px 30px;
	gap: 15px;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
	box-sizing: border-box;
	text-align: center;
}

.iota-404-homepage-button:hover {
	background: transparent !important;
	color: #2487AB !important;
	border: 2px solid #2487AB !important;
}

.iota-404-homepage-button:active {
	background: transparent !important;
	color: #2487AB !important;
	border: 2px solid #2487AB !important;
}

/* Responsive - Tablet (768px - 1024px) */
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.iota-404-page {
		padding: 180px 0 !important;
	}

	.iota-404-image {
		margin-bottom: 40px !important;
		max-width: 500px;
	}

	.iota-404-title {
		font-size: 80px !important;
		line-height: 80px !important;
		margin-bottom: 25px !important;
	}

	.iota-404-text {
		font-size: 22px !important;
		line-height: 28px !important;
		margin-bottom: 25px !important;
	}

	.iota-404-homepage-button {
		font-size: 16px !important;
		width: 140px !important;
		height: 50px !important;
		padding: 16px 28px !important;
	}
}

/* Responsive - Mobile (max-width: 768px) */
@media screen and (max-width: 768px) {
	.iota-404-page {
		padding: 120px 0 !important;
	}

	.iota-404-image {
		margin-bottom: 30px !important;
		max-width: 400px;
	}

	.iota-404-title {
		font-size: 60px !important;
		line-height: 60px !important;
		margin-bottom: 20px !important;
	}

	.iota-404-text {
		font-size: 20px !important;
		line-height: 26px !important;
		margin-bottom: 20px !important;
		padding: 0 20px;
	}

	.iota-404-homepage-button {
		font-size: 16px !important;
		width: 130px !important;
		height: 48px !important;
		padding: 14px 24px !important;
	}
}

/* Responsive - Small Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {
	.iota-404-page {
		padding: 80px 0 !important;
	}

	.iota-404-image {
		margin-bottom: 24px !important;
		max-width: 300px;
	}

	.iota-404-title {
		font-size: 48px !important;
		line-height: 48px !important;
		margin-bottom: 16px !important;
	}

	.iota-404-text {
		font-size: 18px !important;
		line-height: 24px !important;
		margin-bottom: 16px !important;
		padding: 0 15px;
	}

	.iota-404-homepage-button {
		font-size: 14px !important;
		width: 120px !important;
		height: 44px !important;
		padding: 12px 20px !important;
	}
}

/* ==========================================================================
   Archive Listing Section (Category/Tag Archives)
   ========================================================================== */

.iota-archive-listing-section {
	position: relative;
	width: 100%;
	padding: 100px 0;
}

.iota-archive-listing-section .container {
	max-width: 1512px;
	margin: 0 auto;
	padding: 0 20px;
}

.iota-archive-listing-section .page-header {
	margin-bottom: 50px;
}

.iota-archive-listing-section .archive-description {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: #555555;
	margin-top: 20px;
}

/* Archive listing section inherits styles from .iota-blog-listing-section */

/* Responsive styles for archive */
@media screen and (max-width: 1024px) {
	.iota-archive-listing-section {
		padding: 80px 0 !important;
	}

	.iota-archive-listing-section .blog-listing-title-style {
		font-size: 50px !important;
		line-height: 50px !important;
		margin-bottom: 40px !important;
	}

	.iota-archive-listing-section .iota-blog-listing-grid {
		gap: 80px 60px !important;
	}

	.iota-archive-listing-section .blog-listing-post-title {
		font-size: 32px !important;
		line-height: 36px !important;
	}
}

@media screen and (max-width: 768px) {
	.iota-archive-listing-section {
		padding: 60px 0 !important;
	}

	.iota-archive-listing-section .blog-listing-title-style {
		font-size: 36px !important;
		line-height: 40px !important;
		margin-bottom: 30px !important;
	}

	.iota-archive-listing-section .iota-blog-listing-grid {
		grid-template-columns: 1fr;
		gap: 60px !important;
	}

	.iota-archive-listing-section .blog-listing-image {
		margin-bottom: 20px !important;
	}

	.iota-archive-listing-section .blog-listing-date {
		font-size: 18px !important;
		line-height: 24px !important;
		margin-bottom: 12px !important;
	}

	.iota-archive-listing-section .blog-listing-post-title {
		font-size: 28px !important;
		line-height: 32px !important;
		margin-bottom: 20px !important;
	}

	.iota-archive-listing-section .blog-listing-read-more {
		font-size: 16px !important;
		padding-bottom: 12px !important;
	}

	.iota-archive-listing-section .iota-blog-listing-pagination {
		gap: 10px;
	}

	.iota-archive-listing-section .blog-listing-pagination-arrow,
	.iota-archive-listing-section .blog-listing-pagination-number {
		width: 45px;
		height: 45px;
		font-size: 16px;
	}

	.iota-archive-listing-section .blog-listing-pagination-text {
		font-size: 16px;
	}
}

@media screen and (max-width: 480px) {
	.iota-archive-listing-section {
		padding: 40px 0 !important;
	}

	.iota-archive-listing-section .blog-listing-title-style {
		font-size: 28px !important;
		line-height: 32px !important;
		margin-bottom: 24px !important;
	}

	.iota-archive-listing-section .iota-blog-listing-grid {
		gap: 40px !important;
	}

	.iota-archive-listing-section .blog-listing-post-title {
		font-size: 24px !important;
		line-height: 28px !important;
	}

	.iota-archive-listing-section .iota-blog-listing-pagination {
		gap: 8px;
	}

	.iota-archive-listing-section .blog-listing-pagination-arrow,
	.iota-archive-listing-section .blog-listing-pagination-number {
		width: 40px;
		height: 40px;
		font-size: 14px;
	}

	.iota-archive-listing-section .blog-listing-pagination-text {
		font-size: 14px;
	}
}

/* ==========================================================================
   Recognized By Section
   ========================================================================== */

.iota-recognized-by-section {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 0;
}

/* Recognized By Section - Animation Initial States */
.iota-recognized-title-animate {
	opacity: 0;
	transform: translateX(-80px);
}

.iota-recognized-logos-animate {
	opacity: 0;
	transform: translateX(80px);
}

/* Content Wrapper - Flex Layout */
.iota-recognized-content-wrapper {
	display: flex;
	align-items: center;
	gap: 156px;
	width: 100%;
}

/* Section Title */
.recognized-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 50px;
	line-height: 50px;
	letter-spacing: -0.03em;
	text-align: left;
	color: #000000;
	margin: 0;
	flex-shrink: 0;
	max-width: 340px;
}

/* Logos Wrapper */
.iota-recognized-logos-wrapper {
	flex: 1;
	overflow: hidden;
	position: relative;
	margin: 70px 0;
}

/* Logos Container - Slick Slider */
.iota-recognized-logos {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 116px;
	width: fit-content;
	min-width: 100%;
}

/* Slick Slider Styles for Recognized By */
.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider {
	display: block;
	width: 100%;
}

.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-list {
	margin: 0;
	overflow: visible;
	padding: 0;
}

.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-track {
	display: flex;
	align-items: center;
	width: 100% !important;
}

.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-slide {
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0 58px;
	/* Half of gap (116px / 2) for spacing between slides */
	height: auto;
	opacity: 1 !important;
	/* Ensure all slides are visible */
	visibility: visible !important;
	/* Ensure all slides are visible */
	transform: none !important;
	/* Remove any transform animations */
}

.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-slide:first-child {
	margin-left: 0;
}

.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-slide:last-child {
	margin-right: 0;
}

.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-slide>div {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Remove animations from slider slides - only animate parent elements */
.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-slide .iota-recognized-logo-item {
	opacity: 1 !important;
	transform: none !important;
	visibility: visible !important;
}

/* Disable animation when Slick is initialized */
.iota-recognized-logos-wrapper[data-slider-enabled="true"] .iota-recognized-logos {
	animation: none;
}

.iota-recognized-logos-wrapper .iota-recognized-logos.slick-initialized {
	animation: none !important;
}

/* Slick Slider Navigation Arrows for Recognized By */
.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #FFFFFF;
	border: 2px solid #2487AB;
	cursor: pointer;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-arrow:hover {
	background-color: #2487AB;
	border-color: #2487AB;
	box-shadow: 0 4px 12px rgba(36, 135, 171, 0.3);
}

.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-arrow svg {
	width: 12px;
	height: 10px;
}

.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-arrow svg path {
	transition: fill 0.3s ease;
}

.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-arrow:hover svg path {
	fill: #FFFFFF;
}

.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-prev {
	left: -60px;
}

.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-next {
	right: -60px;
}

.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-arrow.slick-disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Slick Slider Dots for Recognized By */
.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 30px;
	padding: 0;
	list-style: none;
}

.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-dots li {
	margin: 0;
	padding: 0;
}

.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-dots li button {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #DDDDDD;
	border: none;
	cursor: pointer;
	font-size: 0;
	padding: 0;
	transition: background 0.3s ease, transform 0.3s ease;
}

.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-dots li button:hover {
	background: #2487AB;
}

.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-dots li.slick-active button {
	background: #2487AB;
	transform: scale(1.3);
}

/* Logo Item */
.iota-recognized-logo-item {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.iota-recognized-logo-item:hover {

	opacity: 0.8;
}

.iota-recognized-logo-link {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.iota-recognized-logo-image {
	max-width: 150px;
	max-height: 80px;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
}

/* ==========================================================================
   Recognized By Section - Responsive
   ========================================================================== */

/* Tablet (max-width: 1024px) */
@media screen and (max-width: 1024px) {
	.iota-recognized-content-wrapper {
		gap: 100px !important;
	}

	.recognized-title-style {
		font-size: 40px;
		line-height: 45px;
	}

	.iota-recognized-logos-wrapper {
		margin: 50px 0 !important;
	}

	.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-slide {
		margin: 0 40px;
		/* Half of gap (80px / 2) */
	}

	.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-prev {
		left: -50px;
	}

	.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-next {
		right: -50px;
	}

	.iota-recognized-logo-image {
		max-width: 120px;
		max-height: 60px;
	}
}

/* Mobile (max-width: 768px) */
@media screen and (max-width: 768px) {
	.iota-recognized-content-wrapper {
		flex-direction: column;
		align-items: flex-start;
		gap: 40px !important;
	}

	.recognized-title-style {
		font-size: 32px;
		line-height: 36px;
		white-space: normal;
	}

	.iota-recognized-logos-wrapper {
		width: 100%;
		margin: 40px 0 !important;
	}

	.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-slide {
		margin: 0 25px;
		/* Half of gap (50px / 2) */
	}

	.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-arrow {
		width: 35px;
		height: 35px;
	}

	.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-prev {
		left: 10px;
	}

	.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-next {
		right: 10px;
	}

	.iota-recognized-logo-image {
		max-width: 100px;
		max-height: 50px;
	}
}

/* Small Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {
	.iota-recognized-content-wrapper {
		gap: 10px !important;
		align-items: center;

	}

	.recognized-title-style {
		font-size: 28px;
		line-height: 32px;
		padding-top: 10px;
	}

	.iota-recognized-logos-wrapper {
		margin: 10px 0 !important;
	}

	.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-slide {
		margin: 0 5px;
		/* Half of gap (10px / 2) */
	}

	.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-arrow {
		width: 30px;
		height: 30px;
	}

	.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-arrow svg {
		width: 10px;
		height: 8px;
	}

	.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-prev {
		left: 5px;
	}

	.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-next {
		right: 5px;
	}

	.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-dots {
		gap: 8px;
		margin-top: 20px;
	}

	.iota-recognized-logos-wrapper .iota-recognized-logos.slick-slider .slick-dots li button {
		width: 8px;
		height: 8px;
	}

	.iota-recognized-logo-image {
		max-width: 65%;
		max-height: 100%;
	}
}

/* ==========================================================================
   Founder Quote Section Styles
   ========================================================================== */

.iota-founder-quote-section {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.iota-founder-quote-wrapper {
	display: flex;
	align-items: center;
	gap: 100px;
	width: 100%;
}

/* Left Side: Quote Content */
.iota-founder-quote-content {
	flex: 1;
	position: relative;
	z-index: 2;
	padding-left: 80px;
	opacity: 0;
	transform: translateX(-80px);
	will-change: transform, opacity;
}

/* Quote Icon Background */
.iota-founder-quote-icon {
	position: absolute;
	top: -100px;
	left: 0;
	z-index: 1;
	pointer-events: none;
	width: 239.59px;
	height: 200px;
}

.iota-founder-quote-icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* Founder Name */
.founder-name-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.03em;
	color: #2487AB;
	margin: 0;
	position: relative;
	z-index: 2;
	opacity: 0;
	transform: translateX(-100px);
}

/* Quote/Title */
.founder-quote-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 60px;
	line-height: 60px;
	letter-spacing: 0em;
	color: #000000;
	margin: 0;
	position: relative;
	z-index: 2;
	opacity: 0;
	transform: translateX(-100px);
}

/* Right Side: Founder Image */
.iota-founder-image-wrapper {
	flex-shrink: 0;
	width: 356px;
	height: 400px;
	position: relative;
	z-index: 2;
	opacity: 0;
	transform: translateX(80px);
	overflow: hidden;
	border-radius: 20px;
	will-change: transform, opacity;
}

.iota-founder-image {
	width: auto;
	height: auto;
	object-fit: cover;
	display: block;
	border-radius: 20px;
}

/* When GSAP animation completes */
.iota-founder-quote-section.gsap-ready .iota-founder-name,
.iota-founder-quote-section.gsap-ready .iota-founder-quote-title {
	opacity: 1 !important;
	transform: translate(0, 0) !important;
	will-change: auto;
}

/* ==========================================================================
   Responsive Styles for Founder Quote Section
   ========================================================================== */

/* Large Desktop (max-width: 1500px) */
@media screen and (max-width: 1500px) {
	.iota-founder-quote-section {
		padding-top: 90px !important;
		padding-bottom: 90px !important;
	}

	.iota-founder-quote-wrapper {
		gap: 90px !important;
	}

	.iota-founder-quote-content {
		padding-left: 70px !important;
	}

	.founder-quote-title-style {
		font-size: 65px !important;
		line-height: 68px !important;
		margin-bottom: 18px !important;
	}

	.founder-name-style {
		font-size: 34px !important;
		line-height: 38px !important;
		margin-top: 28px !important;
	}

	.iota-founder-image-wrapper {
		width: 350px !important;
		height: 400px !important;
	}

	.iota-founder-quote-icon {
		width: 220px !important;
		height: 184px !important;
		top: -90px !important;
		left: -10px !important;
	}
}

/* Laptop (max-width: 1366px) */
@media screen and (max-width: 1366px) {
	.iota-founder-quote-section {
		padding-top: 85px !important;
		padding-bottom: 85px !important;
	}

	.iota-founder-quote-wrapper {
		gap: 80px !important;
	}

	.iota-founder-quote-content {
		padding-left: 65px !important;
	}

	.founder-quote-title-style {
		font-size: 62px !important;
		line-height: 66px !important;
		margin-bottom: 17px !important;
	}

	.founder-name-style {
		font-size: 32px !important;
		line-height: 36px !important;
		margin-top: 27px !important;
	}

	.iota-founder-image-wrapper {
		width: 350px !important;
		height: 400px !important;
	}

	.iota-founder-quote-icon {
		width: 210px !important;
		height: 175px !important;
		top: -85px !important;
		left: -10px !important;
	}
}

/* Small Laptop (max-width: 1280px) */
@media screen and (max-width: 1280px) {
	.iota-founder-quote-section {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}

	.iota-founder-quote-wrapper {
		gap: 40px !important;
	}

	.iota-founder-quote-content {
		padding-left: 30px !important;
	}

	.founder-quote-title-style {
		font-size: 45px !important;
		line-height: 45px !important;
		margin-bottom: 16px !important;
	}

	.founder-name-style {
		font-size: 30px !important;
		line-height: 34px !important;
		margin-top: 26px !important;
	}

	.iota-founder-image-wrapper {
		width: 25% !important;
		height: auto !important;
	}

	.iota-founder-quote-icon {
		width: 120px !important;
		height: 120px !important;
		top: -80px !important;
		left: -10px !important;
	}
}

/* Medium Tablet (max-width: 900px) */
@media screen and (max-width: 900px) {
	.iota-founder-quote-section {
		padding-top: 65px !important;
		padding-bottom: 65px !important;
	}

	.iota-founder-quote-wrapper {
		gap: 45px !important;
	}

	.iota-founder-quote-content {
		padding-left: 15px !important;
	}

	.founder-quote-title-style {
		font-size: 38px !important;
		line-height: 40px !important;
		margin-bottom: 18px !important;
	}

	.founder-name-style {
		font-size: 26px !important;
		line-height: 32px !important;
		margin-top: 28px !important;
	}

	.iota-founder-image-wrapper {
		width: 380px !important;
		height: 520px !important;
	}

	.iota-founder-quote-icon {
		width: 100px !important;
		height: 100px !important;
		top: -65px !important;
		left: -15px !important;
	}
}

/* Tablet Portrait (max-width: 768px) */
@media screen and (max-width: 768px) {
	.iota-founder-quote-section {
		padding-top: 55px !important;
		padding-bottom: 55px !important;
	}

	.iota-founder-quote-wrapper {
		flex-direction: column-reverse !important;
		gap: 35px !important;
	}

	.iota-founder-quote-content {
		padding-left: 0 !important;
		width: 100% !important;
	}

	.iota-founder-quote-content,
	.iota-founder-image-wrapper {
		opacity: 1 !important;
		transform: none !important;
	}

	.founder-name-style {
		font-size: 24px !important;
		line-height: 30px !important;
		text-align: center !important;
		margin-top: 25px !important;
	}

	.founder-quote-title-style {
		font-size: 42px !important;
		line-height: 48px !important;
		text-align: center !important;
		margin-bottom: 15px !important;
	}

	.iota-founder-image-wrapper {
		width: 100% !important;
		max-width: 380px !important;
		height: auto !important;
		aspect-ratio: 616 / 820.49 !important;
		margin: 0 auto !important;
	}

	.iota-founder-quote-icon {
		width: 140px !important;
		height: 117px !important;
		top: -55px !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
	}
}

/* Large Mobile (max-width: 640px) */
@media screen and (max-width: 640px) {
	.iota-founder-quote-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.iota-founder-quote-wrapper {
		gap: 30px !important;
	}

	.founder-quote-title-style {
		font-size: 38px !important;
		line-height: 44px !important;
		margin-bottom: 14px !important;
	}

	.founder-name-style {
		font-size: 22px !important;
		line-height: 28px !important;
		margin-top: 22px !important;
	}

	.iota-founder-image-wrapper {
		max-width: 350px !important;
	}

	.iota-founder-quote-icon {
		width: 130px !important;
		height: 108px !important;
		top: -50px !important;
	}
}

/* Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {
	.iota-founder-quote-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-founder-quote-wrapper {
		gap: 25px !important;
	}

	.iota-founder-quote-content {
		padding-left: 0 !important;
		width: 100% !important;
	}

	.founder-name-style {
		font-size: 20px !important;
		line-height: 26px !important;
		text-align: center !important;
		margin-top: 20px !important;
	}

	.founder-quote-title-style {
		font-size: 32px !important;
		line-height: 38px !important;
		text-align: center !important;
		margin-bottom: 12px !important;
	}

	.iota-founder-image-wrapper {
		max-width: 320px !important;
	}

	.iota-founder-quote-icon {
		width: 120px !important;
		height: 100px !important;
		top: -45px !important;
	}
}

/* Extra Small Mobile (max-width: 375px) */
@media screen and (max-width: 375px) {
	.iota-founder-quote-section {
		padding-top: 35px !important;
		padding-bottom: 35px !important;
	}

	.iota-founder-quote-wrapper {
		gap: 22px !important;
	}

	.founder-quote-title-style {
		font-size: 28px !important;
		line-height: 34px !important;
		margin-bottom: 10px !important;
	}

	.founder-name-style {
		font-size: 18px !important;
		line-height: 24px !important;
		margin-top: 18px !important;
	}

	.iota-founder-image-wrapper {
		max-width: 300px !important;
	}

	.iota-founder-quote-icon {
		width: 110px !important;
		height: 92px !important;
		top: -40px !important;
	}
}

/* ==========================================================================
   Vision Mission Section Styles
   ========================================================================== */

.iota-vision-mission-section {
	position: relative;
	width: 100%;
}

.iota-vision-mission-wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 50px;
}

/* Vision Mission Card */
.iota-vision-mission-card {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 1512px;
	margin: 0 auto;
	gap: 60px;
	/* Remove CSS transition - GSAP handles all animations */
	transition: border-color 0.3s ease;
	opacity: 0;
	/* Ensure transforms work properly */
	position: relative;
	will-change: transform, opacity;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

/* Normal Layout: Icon Left, Content Right */
.iota-vision-mission-card-normal {
	flex-direction: row;
}

/* Reverse Layout: Content Left, Icon Right */
.iota-vision-mission-card-reverse {
	flex-direction: row-reverse;
}

/* Animation Classes - GSAP handles animations, these are just markers */
.animate-right-to-left,
.animate-left-to-right {
	/* GSAP will handle all transform animations */
	position: relative;
}

/* Icon */
.iota-vision-mission-icon {
	flex-shrink: 0;
	width: 232px;
	height: 232px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.iota-vision-mission-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

/* Content */
.iota-vision-mission-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0;
}

/* Title */
.vision-mission-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0;
}

/* Description */
.vision-mission-description-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 28px;
	line-height: 38px;
	letter-spacing: 0;
	color: #000000;
	margin: 0;
}

/* GSAP handles all animations - no CSS overrides needed */

/* ==========================================================================
   Responsive Styles for Vision Mission Section
   ========================================================================== */

/* Large Desktop (max-width: 1500px) */
@media screen and (max-width: 1500px) {
	.iota-vision-mission-section {
		padding-top: 90px !important;
		padding-bottom: 90px !important;
	}

	.iota-vision-mission-wrapper {
		gap: 40px !important;
	}

	.iota-vision-mission-card {
		max-width: 100% !important;
		padding: 50px 60px !important;
		gap: 55px !important;
	}

	.iota-vision-mission-card:last-child {
		margin-bottom: 0 !important;
	}

	.iota-vision-mission-icon {
		width: 220px !important;
		height: 220px !important;
	}

	.vision-mission-title-style {
		font-size: 65px !important;
		line-height: 68px !important;
		margin-bottom: 18px !important;
	}

	.vision-mission-description-style {
		font-size: 34px !important;
		line-height: 38px !important;
	}
}

/* Laptop (max-width: 1366px) */
@media screen and (max-width: 1366px) {
	.iota-vision-mission-section {
		padding-top: 85px !important;
		padding-bottom: 85px !important;
	}

	.iota-vision-mission-wrapper {
		gap: 38px !important;
	}

	.iota-vision-mission-card {
		padding: 48px 55px !important;
		gap: 50px !important;
	}

	.iota-vision-mission-icon {
		width: 210px !important;
		height: 210px !important;
	}

	.vision-mission-title-style {
		font-size: 62px !important;
		line-height: 66px !important;
		margin-bottom: 17px !important;
	}

	.vision-mission-description-style {
		font-size: 32px !important;
		line-height: 36px !important;
	}
}

/* Small Laptop (max-width: 1280px) */
@media screen and (max-width: 1280px) {
	.iota-vision-mission-section {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}

	.iota-vision-mission-wrapper {
		gap: 35px !important;
	}

	.iota-vision-mission-card {
		padding: 45px 50px !important;
		gap: 45px !important;
	}

	.iota-vision-mission-icon {
		width: 200px !important;
		height: 200px !important;
	}

	.vision-mission-title-style {
		font-size: 60px !important;
		line-height: 64px !important;
		margin-bottom: 16px !important;
	}

	.vision-mission-description-style {
		font-size: 30px !important;
		line-height: 34px !important;
	}
}

/* Tablet Landscape (max-width: 1024px) */
@media screen and (max-width: 1024px) {
	.iota-vision-mission-section {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}

	.iota-vision-mission-wrapper {
		gap: 30px !important;
	}

	.iota-vision-mission-card {
		max-width: 100% !important;
		padding: 40px 45px !important;
		gap: 40px !important;
	}

	.iota-vision-mission-card:last-child {
		margin-bottom: 0 !important;
	}

	/* Responsive border-radius: 150px on tablet */
	.iota-vision-mission-card-normal {
		border-radius: 150px 0px 0px 150px !important;
	}

	.iota-vision-mission-card-reverse {
		border-radius: 0px 150px 150px 0px !important;
	}

	.iota-vision-mission-icon {
		width: 180px !important;
		height: 180px !important;
	}

	.vision-mission-title-style {
		font-size: 50px !important;
		line-height: 55px !important;
		margin-bottom: 20px !important;
	}

	.vision-mission-description-style {
		font-size: 24px !important;
		line-height: 30px !important;
	}
}

/* Medium Tablet (max-width: 900px) */
@media screen and (max-width: 900px) {
	.iota-vision-mission-section {
		padding-top: 65px !important;
		padding-bottom: 65px !important;
	}

	.iota-vision-mission-wrapper {
		gap: 28px !important;
	}

	.iota-vision-mission-card {
		padding: 38px 40px !important;
		gap: 35px !important;
	}

	.iota-vision-mission-card-normal {
		border-radius: 120px 0px 0px 120px !important;
	}

	.iota-vision-mission-card-reverse {
		border-radius: 0px 120px 120px 0px !important;
	}

	.iota-vision-mission-icon {
		width: 160px !important;
		height: 160px !important;
	}

	.vision-mission-title-style {
		font-size: 45px !important;
		line-height: 50px !important;
		margin-bottom: 18px !important;
	}

	.vision-mission-description-style {
		font-size: 22px !important;
		line-height: 28px !important;
	}
}

/* Tablet Portrait (max-width: 768px) */
@media screen and (max-width: 768px) {
	.iota-vision-mission-section {
		padding-top: 55px !important;
		padding-bottom: 55px !important;
	}

	.iota-vision-mission-wrapper {
		gap: 25px !important;
	}

	.iota-vision-mission-card,
	.iota-vision-mission-card-reverse {
		flex-direction: column !important;
		text-align: center !important;
		opacity: 1 !important;
		transform: none !important;
		/* Responsive border-radius: 80px on mobile, all corners rounded */
		border-radius: 80px !important;
		padding: 40px 30px !important;
		gap: 25px !important;
	}

	.iota-vision-mission-card:last-child {
		margin-bottom: 0 !important;
	}

	.iota-vision-mission-icon {
		width: 140px !important;
		height: 140px !important;
		margin-bottom: 25px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.vision-mission-title-style {
		font-size: 38px !important;
		line-height: 44px !important;
		margin-bottom: 15px !important;
	}

	.vision-mission-description-style {
		font-size: 20px !important;
		line-height: 28px !important;
	}
}

/* Large Mobile (max-width: 640px) */
@media screen and (max-width: 640px) {
	.iota-vision-mission-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.iota-vision-mission-wrapper {
		gap: 22px !important;
	}

	.iota-vision-mission-card,
	.iota-vision-mission-card-reverse {
		border-radius: 70px !important;
		padding: 35px 25px !important;
		margin-bottom: 22px !important;
		gap: 22px !important;
	}

	.iota-vision-mission-icon {
		width: 130px !important;
		height: 130px !important;
		margin-bottom: 22px !important;
	}

	.vision-mission-title-style {
		font-size: 34px !important;
		line-height: 40px !important;
		margin-bottom: 14px !important;
	}

	.vision-mission-description-style {
		font-size: 18px !important;
		line-height: 26px !important;
	}
}

/* Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {
	.iota-vision-mission-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-vision-mission-wrapper {
		gap: 20px !important;
	}

	.iota-vision-mission-card,
	.iota-vision-mission-card-reverse {
		/* Responsive border-radius: 50px on small mobile, all corners rounded */
		border-radius: 50px !important;
		padding: 30px 20px !important;
		margin-bottom: 20px !important;
		gap: 20px !important;
	}

	.iota-vision-mission-card:last-child {
		margin-bottom: 0 !important;
	}

	.iota-vision-mission-icon {
		width: 110px !important;
		height: 110px !important;
		margin-bottom: 20px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.vision-mission-title-style {
		font-size: 30px !important;
		line-height: 36px !important;
		margin-bottom: 12px !important;
	}

	.vision-mission-description-style {
		font-size: 17px !important;
		line-height: 24px !important;
	}
}

/* Extra Small Mobile (max-width: 375px) */
@media screen and (max-width: 375px) {
	.iota-vision-mission-section {
		padding-top: 35px !important;
		padding-bottom: 35px !important;
	}

	.iota-vision-mission-wrapper {
		gap: 18px !important;
	}

	.iota-vision-mission-card,
	.iota-vision-mission-card-reverse {
		border-radius: 45px !important;
		padding: 28px 18px !important;
		gap: 18px !important;
	}

	.iota-vision-mission-icon {
		width: 100px !important;
		height: 100px !important;
		margin-bottom: 18px !important;
	}

	.vision-mission-title-style {
		font-size: 26px !important;
		line-height: 32px !important;
		margin-bottom: 10px !important;
	}

	.vision-mission-description-style {
		font-size: 15px !important;
		line-height: 22px !important;
	}
}

/* ============================================
   Team Section
   ============================================ */

.iota-team-section {
	position: relative;
	width: 100%;
}

.iota-team-section-title {
	margin: 0;
	text-align: left;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	margin-bottom: 50px;
}

.team-section-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0;
}

/* Team Grid */
.iota-team-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

/* Team Card */
.iota-team-card {
	display: flex;
	align-items: center;
	gap: 30px;
}

/* Offset even cards (2nd, 4th, 6th, etc.) - Second column */
.iota-team-card:nth-child(even) {
	margin-top: 70px;
}

/* Card Image */
.iota-team-card-image {
	flex-shrink: 0;
	width: 360px;
	height: 442px;
	overflow: hidden;
	border-radius: 20px;
	position: relative;
	z-index: 5;
}

.iota-team-member-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Card Content */
.iota-team-card-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

/* Member Name */
.team-member-name-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 30px;
	line-height: 36px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0;
	margin-bottom: 15px;
}

/* Member Title */
.team-member-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555555;
	margin: 0;
}

/* Social Icon */
.iota-team-social {
	margin-top: 50px;
}

.iota-team-social-link {
	display: inline-block;
	width: 40px;
	height: 40px;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.iota-team-social-link:hover {
	transform: scale(1.1);
	opacity: 0.9;
}

.iota-team-social-link svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* Second Row Offset - handled inline via margin-top */
@media screen and (max-width: 1440px) {
	.iota-team-card {
		flex-wrap: wrap;
	}
}

/* Responsive: Tablet (max-width: 1024px) */
@media screen and (max-width: 1024px) {
	.iota-team-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	.iota-team-section-title {
		margin-bottom: 40px;
	}

	.team-section-title-style {
		font-size: 56px;
		line-height: 60px;
	}

	.iota-team-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px 60px !important;
	}

	.iota-team-card {
		flex-direction: column;
		text-align: center;
		gap: 20px;
	}

	.iota-team-card:nth-child(even) {
		margin-top: 50px;
	}

	.iota-team-card-image {
		width: 100%;
		max-width: 300px;
		height: auto;
		aspect-ratio: 360 / 442;
	}

	.iota-team-card-content {
		align-items: center;
		text-align: center;
	}

	.team-member-name-style {
		font-size: 26px;
		line-height: 32px;
		margin-bottom: 12px;
	}

	.team-member-title-style {
		font-size: 18px;
		line-height: 26px;
	}

	.iota-team-social {
		margin-top: 30px;
	}
}

/* Responsive: Mobile (max-width: 768px) */
@media screen and (max-width: 768px) {
	.iota-team-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-team-section-title {
		margin-bottom: 30px;
		text-align: center;
	}

	.team-section-title-style {
		font-size: 40px;
		line-height: 44px;
	}

	.iota-team-grid {
		grid-template-columns: 1fr;
		gap: 30px !important;
	}

	.iota-team-card {
		flex-direction: column;
		text-align: center;
		margin-top: 0 !important;
		/* Remove offset on mobile */
		gap: 20px;
	}

	.iota-team-card-image {
		width: 100%;
		max-width: 280px;
		height: auto;
		aspect-ratio: 360 / 442;
		margin: 0 auto;
	}

	.iota-team-card-content {
		align-items: center;
		text-align: center;
	}

	.team-member-name-style {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.team-member-title-style {
		font-size: 18px;
		line-height: 26px;
	}

	.iota-team-social {
		margin-top: 25px;
	}

	.iota-team-social-link {
		width: 36px;
		height: 36px;
	}
}

/* Responsive: Small Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {
	.iota-team-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-team-section-title {
		margin-bottom: 25px;
		text-align: center;
	}

	.team-section-title-style {
		font-size: 32px;
		line-height: 36px;
		margin-bottom: 18px !important;
	}

	.iota-team-grid {
		gap: 25px !important;
	}

	.iota-team-card {
		gap: 15px;
	}

	.iota-team-card-image {
		max-width: 100%;
	}

	.team-member-name-style {
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 8px;
	}

	.team-member-title-style {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 10px !important;
	}

	.iota-team-social {
		margin-top: 10px;
	}

	.iota-team-social-link {
		width: 32px;
		height: 32px;
	}
}

/* Hide on specific devices */
.iota-team-section.hide-mobile {
	display: none;
}

@media screen and (min-width: 769px) {
	.iota-team-section.hide-mobile {
		display: block;
	}
}

.iota-team-section.hide-tablet {
	display: none;
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
	.iota-team-section.hide-tablet {
		display: block;
	}
}

@media screen and (max-width: 480px) {
	.iota-team-section.hide-tablet {
		display: none;
	}
}

@media screen and (min-width: 1025px) {
	.iota-team-section.hide-tablet {
		display: block;
	}
}

.iota-team-section.hide-desktop {
	display: none;
}

@media screen and (max-width: 1024px) {
	.iota-team-section.hide-desktop {
		display: block;
	}
}

/* ============================================
   Team Grid Section (4 Columns)
   ============================================ */

.iota-team-grid-section {
	position: relative;
	width: 100%;
}

.iota-team-grid-section-title {
	margin: 0;
	text-align: center;
	margin-bottom: 50px;
}

.team-grid-section-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0;
}

/* Team Grid Wrapper */
.iota-team-grid-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	gap: 24px;
}

/* Team Grid Slider Wrapper (Mobile/Tablet) */
.iota-team-grid-slider-wrapper {
	width: 100%;
	max-width: 100%;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}

/* Hide grid if using slider (more than 5 members) */
.iota-team-grid-wrapper.iota-team-grid-use-slider {
	display: none !important;
}


.iota-team-grid-slider {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

.iota-team-grid-slide {
	width: 100%;
	outline: none;
	padding: 0 10px;
	box-sizing: border-box;
}

.iota-team-grid-slide .iota-team-grid-card {
	width: 100% !important;
	margin: 0 auto;
	max-width: 100%;
	box-sizing: border-box;
}

/* Slick Slider Styles for Team Grid */
.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider {
	display: block;
	width: 100%;
	padding-bottom: 30px;

}

.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-list {
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	display: block;
}

.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-track {
	display: flex !important;
	align-items: stretch;
	opacity: 1 !important;
	/* Let Slick handle transform transitions - don't override */
}

.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-slide {
	display: flex !important;
	align-items: stretch;
	justify-content: center;
	padding: 0;
	margin: 0;
	height: auto;
	opacity: 1 !important;
	/* Remove transition to let Slick handle it */
	transition: none !important;
}

.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-slide.slick-active {
	opacity: 1 !important;
}

/* Ensure slides don't fade - use transform only */
.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-slide[aria-hidden="true"] {
	opacity: 1 !important;
	visibility: visible !important;
}

.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-slide>div {
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: center;
}

/* Remove Default Slick Slider Styles */
.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-arrow:before {
	display: none !important;
	content: '' !important;
	opacity: 0 !important;
}

.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #FFFFFF;
	border: 2px solid #2487AB;
	cursor: pointer;
	z-index: 100 !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	padding: 0;
	margin: 0;
	line-height: 1;
	text-indent: 0;
	overflow: visible;
	opacity: 1 !important;
	visibility: visible !important;
}

.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-arrow:hover {
	background-color: #2487AB;
	border-color: #2487AB;
	box-shadow: 0 4px 12px rgba(36, 135, 171, 0.3);
	transform: translateY(-50%) !important;
}

.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-arrow.slick-disabled {
	opacity: 0.5;
	cursor: not-allowed;
	transform: translateY(-50%) !important;
}

.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-arrow svg {
	width: 12px;
	height: 10px;
	display: block;
	position: relative;
	z-index: 1;
}

.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-arrow svg path {
	transition: fill 0.3s ease;
	fill: #2487AB;
}

.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-arrow:hover svg path {
	fill: #FFFFFF;
}

.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-prev {
	left: 10px !important;
}

.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-next {
	right: 10px !important;
}

/* Ensure slider wrapper has relative positioning for absolute arrows */
.iota-team-grid-slider-wrapper {
	position: relative;
}

/* Ensure card doesn't overlap arrows */
.iota-team-grid-slide .iota-team-grid-card {
	position: relative;
	z-index: 1;
}

/* Slick Slider Dots */
.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-dots {
	position: absolute !important;
	bottom: 3px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
	list-style: none !important;
	margin: 0px 0 0 0 !important;
	padding: 0 !important;
	z-index: 100 !important;
	width: auto;
	text-align: center;
	opacity: 1 !important;
	visibility: visible !important;
}

.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-dots li {
	margin: 0 5px;
	padding: 0;
	width: auto;
	height: auto;
}

.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-dots li button {
	width: 10px;
	height: 10px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background-color: rgba(36, 135, 171, 0.3);
	cursor: pointer;
	transition: background-color 0.3s ease, transform 0.3s ease;
	font-size: 0;
	line-height: 0;
	display: block;
}

.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-dots li button:hover,
.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-dots li.slick-active button {
	background-color: #2487AB;
	transform: scale(1.2);
}

.iota-team-grid-slider-wrapper .iota-team-grid-slider.slick-slider .slick-dots li button:before {
	display: none !important;
}

/* Team Grid Card */
.iota-team-grid-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.iota-team-grid-card.animate-in {
	opacity: 1;
	transform: translateY(0);
}

/* Card Image */
.iota-team-grid-card-image {
	width: 100%;
	max-width: 360px;
	height: 442px;
	overflow: hidden;
	border-radius: 20px;
	margin-bottom: 30px !important;
}

.iota-team-grid-member-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Card Content */
.iota-team-grid-card-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* Member Name */
.team-grid-member-name-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 30px;
	line-height: 36px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0;
	margin-bottom: 24px !important;
}

/* Border */
.iota-team-grid-border {
	width: 100%;
	height: 1px;
	border-top: 1px solid #DDDDDD;
	margin: 0;
	margin-bottom: 10px;
}

/* Member Position */
.team-grid-member-position-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555555;
	margin: 0;
}

/* Responsive: Tablet (max-width: 1024px) */
@media screen and (max-width: 1024px) {
	.iota-team-grid-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	.iota-team-grid-section-title {
		margin-bottom: 40px;
	}

	.team-grid-section-title-style {
		font-size: 56px;
		line-height: 60px;
	}

	/* Hide grid, show slider on tablet */
	.iota-team-grid-wrapper {
		display: none !important;
	}

	.iota-team-grid-slider-wrapper {
		display: block !important;
	}

	.iota-team-grid-card-image {
		max-width: 100%;
		height: auto;
		aspect-ratio: 360 / 442;
		margin-bottom: 25px !important;
	}

	.team-grid-member-name-style {
		font-size: 26px;
		line-height: 32px;
		margin-bottom: 20px;
	}

	.iota-team-grid-border {
		margin-bottom: 8px;
	}

	.team-grid-member-position-style {
		font-size: 18px;
		line-height: 26px;
	}
}

/* Responsive: Mobile (max-width: 768px) */
@media screen and (max-width: 768px) {
	.iota-team-grid-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-team-grid-section-title {
		margin-bottom: 30px;
	}

	.team-grid-section-title-style {
		font-size: 40px;
		line-height: 44px;
	}

	/* Hide grid, show slider on mobile */
	.iota-team-grid-wrapper {
		display: none !important;
	}

	.iota-team-grid-slider-wrapper {
		display: block !important;
	}

	.iota-team-grid-card-image {
		max-width: 100%;
		height: auto;
		aspect-ratio: 360 / 442;
		margin-bottom: 20px !important;
	}

	.team-grid-member-name-style {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 18px;
	}

	.iota-team-grid-border {
		margin-bottom: 8px;
	}

	.team-grid-member-position-style {
		font-size: 18px;
		line-height: 26px;
	}
}

/* Responsive: Small Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {
	.iota-team-grid-section {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}

	.iota-team-grid-section-title {
		margin-bottom: 25px;
	}

	.team-grid-section-title-style {
		font-size: 32px;
		line-height: 36px;
	}

	/* Keep slider visible on small mobile */
	.iota-team-grid-wrapper {
		display: none !important;
	}

	.iota-team-grid-slider-wrapper {
		display: block !important;
	}

	.iota-team-grid-card-image {
		max-width: 100%;
		height: auto;
		aspect-ratio: 360 / 442;
		margin-bottom: 18px !important;
	}

	.team-grid-member-name-style {
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 15px !important;
	}

	.iota-team-grid-border {
		margin-bottom: 6px !important;
	}

	.team-grid-member-position-style {
		font-size: 16px;
		line-height: 24px;
	}
}

/* Hide on specific devices */
.iota-team-grid-section.hide-mobile {
	display: none;
}

@media screen and (min-width: 769px) {
	.iota-team-grid-section.hide-mobile {
		display: block;
	}
}

.iota-team-grid-section.hide-tablet {
	display: none;
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
	.iota-team-grid-section.hide-tablet {
		display: block;
	}
}

@media screen and (max-width: 480px) {
	.iota-team-grid-section.hide-tablet {
		display: none;
	}
}

@media screen and (min-width: 1025px) {
	.iota-team-grid-section.hide-tablet {
		display: block;
	}

	/* Show grid, hide slider on desktop */
	.iota-team-grid-wrapper {
		display: grid !important;
	}


}

.iota-team-grid-section.hide-desktop {
	display: none;
}

@media screen and (max-width: 1024px) {
	.iota-team-grid-section.hide-desktop {
		display: block;
	}
}

/* ============================================
   Milestones Timeline Section
   ============================================ */

.iota-milestones-section {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.iota-milestones-wrapper {
	position: relative;
	width: 100%;
}

/* Top Left Graphic (Outside Container) */
.iota-milestones-graphic {
	position: absolute;
	top: 35px;
	left: 100px;
	width: 150px;
	height: 150px;
	z-index: 1;
	pointer-events: none;
}

.iota-milestones-section {
	position: relative;
}

.iota-milestones-graphic img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

/* Main Content Wrapper */
.iota-milestones-content {
	display: flex;
	align-items: flex-start;
	gap: 60px;
	position: relative;
	z-index: 2;
}

/* Left Side: Year, Title, Description */
.iota-milestones-left {
	flex: 1;
	max-width: 50%;
	align-self: end;
	position: relative;
	min-height: 550px;
	/* Fixed height to prevent jumping */
	height: 550px;
}

.iota-milestone-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0 !important;
	visibility: hidden !important;
	transform: translateY(50px) !important;
	transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.6s;
	pointer-events: none;
	z-index: 1;
}

.iota-milestone-item.active {
	position: relative;
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, visibility 0s linear 0s;
	pointer-events: auto;
	z-index: 2;
}

/* Year Text */
.iota-milestone-year {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 150px;
	line-height: 120px;
	letter-spacing: -0.03em;
	margin: 0;
}

/* Title */
.milestone-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 50px;
	line-height: 50px;
	letter-spacing: -0.03em;
	margin: 0;
}

/* Description */
.milestone-description-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	margin: 0;
}

/* Right Side: Title and Image */
.iota-milestones-right {
	flex: 1;
	max-width: 50%;
	position: relative;
}

.iota-milestones-right-titles {
	position: relative;
	min-height: 140px;
	/* Fixed height to prevent jumping */
	height: 140px;
	width: 100%;
	margin-bottom: 30px;
}

.iota-milestones-images {
	position: relative;
	min-height: 496px;
	/* Match image height for absolute positioning */
	height: 496px;
}

.iota-milestones-right-title {
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
	opacity: 0 !important;
	visibility: hidden !important;
	transform: translateY(30px) !important;
	transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.6s;
	margin: 0;
	pointer-events: none;
	z-index: 1;
}

.iota-milestones-right-title.active {
	position: relative;
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, visibility 0s linear 0s;
	pointer-events: auto;
	z-index: 2;
}

/* Ensure first title is visible on page load if it has active class from PHP */
.iota-milestones-right-title:first-child.active,
.iota-milestones-right-title[data-milestone-index="0"].active {
	position: relative;
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	pointer-events: auto;
}

.milestone-right-title-style {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	margin: 0;
	/* white-space: pre-line; */
}

/* Mobile Only: Duplicate Right Title Above Year */
.iota-milestones-right-title-mobile {
	display: none;
	/* Hidden on desktop by default */
	opacity: 0;
	visibility: hidden;
	transform: translateY(30px);
	transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, visibility 0s linear 0s;
}

.iota-milestones-right-title-mobile.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Ensure first mobile title is visible on page load if it has active class from PHP */
.iota-milestones-right-title-mobile:first-child.active,
.iota-milestones-right-title-mobile[data-milestone-index="0"].active {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
}

/* Images Container */
.iota-milestones-images {
	position: relative;
	width: 100%;
}

.iota-milestone-image-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0 !important;
	visibility: hidden !important;
	transform: translateY(30px) !important;
	transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.6s;
	pointer-events: none;
	z-index: 1;
}

.iota-milestone-image-wrapper.active {
	position: relative;
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, visibility 0s linear 0s;
	pointer-events: auto;
	z-index: 2;
}

.iota-milestone-image {
	width: 744px;
	height: 496px;
	object-fit: cover;
	border-radius: 20px;
	display: block;
}

/* Bottom Timeline Navigation */
.iota-milestones-timeline {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0;
	position: relative;
	z-index: 2;
	margin-top: 60px;
}

.iota-timeline-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	transition: all 0.3s ease;
	flex: 1;
}

.iota-timeline-item:last-child {
	margin-right: 0 !important;
}

.iota-timeline-item:hover {
	opacity: 0.8;
}

/* Timeline Year */
.iota-timeline-year {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.03em;
	text-align: center;
	margin-bottom: 30px;
	transition: color 0.3s ease;
}

/* Progress Bar */
.iota-timeline-progress {
	width: 100%;
	height: 5px;
	border: none;
	background-color: #C2CED4;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	max-width: 360px;
}

.iota-timeline-item.active .iota-timeline-progress {
	background-color: #C2CED4;
}

.iota-timeline-progress-fill {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0%;
	background-color: #2487AB;
	border-radius: 5px;
	transition: none;
	will-change: width;
	transform: translateZ(0);
	/* Force hardware acceleration */
	-webkit-transform: translateZ(0);
	/* Safari hardware acceleration */
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.iota-timeline-item.active .iota-timeline-progress-fill {
	animation: progressFill 5s linear forwards;
	animation-play-state: running;
	-webkit-animation: progressFill 5s linear forwards;
	-webkit-animation-play-state: running;
}

@keyframes progressFill {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@-webkit-keyframes progressFill {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

/* Responsive: Tablet (max-width: 1024px) */
@media screen and (max-width: 1024px) {
	.iota-milestones-graphic {
		top: 100px;
		left: 50px;
		width: 120px;
		height: 120px;
	}

	.iota-milestones-content {
		flex-direction: column;
		gap: 40px;
	}

	.iota-milestones-left,
	.iota-milestones-right {
		max-width: 100%;
	}

	.iota-milestone-year {
		font-size: 120px;
		line-height: 100px;
	}

	.milestone-title-style {
		font-size: 42px;
		line-height: 46px;
	}

	.milestone-right-title-style {
		font-size: 56px;
		line-height: 60px;
	}

	/* Show mobile duplicate title above year */
	.iota-milestones-right-title-mobile {
		display: block !important;
	}
}

/* Responsive: Mobile (max-width: 768px) */
@media screen and (max-width: 768px) {
	.iota-milestones-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-milestones-graphic {
		display: none !important;
	}

	.iota-milestones-content {
		gap: 25px;
	}

	/* Mobile: Instant show (no fade bottom-to-top) - override all base styles */
	.iota-milestone-item,
	.iota-milestone-item:not(.active),
	.iota-milestone-item.active {
		transition: none !important;
		/* Remove CSS transitions, JavaScript handles instant show */
		will-change: transform, opacity;
		transform: translateY(0) !important;
		/* No bottom-to-top movement on mobile */
		-webkit-transform: translateY(0) !important;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}

	.iota-milestone-image-wrapper,
	.iota-milestone-image-wrapper:not(.active),
	.iota-milestone-image-wrapper.active {
		transition: none !important;
		/* Remove CSS transitions, JavaScript handles instant show */
		will-change: transform, opacity;
		transform: translateY(0) !important;
		/* No bottom-to-top movement on mobile */
		-webkit-transform: translateY(0) !important;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}

	.iota-milestones-right-title,
	.iota-milestones-right-title:not(.active),
	.iota-milestones-right-title.active {
		transition: none !important;
		/* Remove CSS transitions, JavaScript handles instant show */
		will-change: transform, opacity;
		transform: translateY(0) !important;
		/* No bottom-to-top movement on mobile */
		-webkit-transform: translateY(0) !important;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}

	.iota-milestones-right-title-mobile,
	.iota-milestones-right-title-mobile:not(.active),
	.iota-milestones-right-title-mobile.active {
		transition: none !important;
		/* Remove CSS transitions, JavaScript handles instant show */
		will-change: transform, opacity;
		transform: translateY(0) !important;
		/* No bottom-to-top movement on mobile */
		-webkit-transform: translateY(0) !important;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}

	/* Ensure inactive items are hidden on mobile */
	.iota-milestone-item:not(.active) {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		transform: translateY(0) !important;
		/* No movement */
	}

	.iota-milestone-image-wrapper:not(.active) {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		transform: translateY(0) !important;
		/* No movement */
	}

	.iota-milestones-right-title:not(.active) {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		transform: translateY(0) !important;
		/* No movement */
	}

	.iota-milestones-right-title-mobile:not(.active) {
		opacity: 0 !important;
		visibility: hidden !important;
		transform: translateY(0) !important;
		/* No movement */
	}

	/* Ensure progress bar works on mobile */
	.iota-timeline-progress-fill {
		animation-play-state: running !important;
		-webkit-animation-play-state: running !important;
		will-change: width;
		transform: translateZ(0);
		-webkit-transform: translateZ(0);
	}

	.iota-timeline-item.active .iota-timeline-progress-fill {
		animation: progressFill 5s linear forwards !important;
		-webkit-animation: progressFill 5s linear forwards !important;
		animation-play-state: running !important;
		-webkit-animation-play-state: running !important;
	}

	.iota-milestones-left {
		min-height: 320px;
		height: auto;
	}

	.iota-milestone-year {
		font-size: 70px;
		line-height: 60px;
		margin-bottom: 15px;
	}

	.milestone-title-style {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 12px;
	}

	.milestone-description-style {
		font-size: 16px;
		line-height: 24px;
	}

	.iota-milestones-right-titles {
		min-height: 80px;
		height: 80px;
		margin-bottom: 15px;
	}

	.iota-milestones-right .iota-milestones-right-titles {
		display: none;
	}

	.milestone-right-title-style {
		font-size: 36px;
		line-height: 40px;
	}

	.iota-milestones-images {
		min-height: 300px;
		height: auto;
	}

	.iota-milestone-image {
		width: 100%;
		height: auto;
		max-height: 300px;
		object-fit: cover;
	}

	.iota-timeline-year {
		font-size: 24px;
		line-height: 28px;
	}

	.iota-timeline-progress {
		border-top-width: 3px;
		min-width: 40px;
	}
}

/* Responsive: Small Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {
	.iota-milestones-right .iota-milestones-right-titles {
		display: none;
	}

	.iota-milestones-section {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}

	.iota-milestones-graphic {
		display: none !important;
	}

	.iota-milestones-content {
		gap: 20px;
	}

	.iota-milestone-year {
		font-size: 56px;
		line-height: 50px;
		margin-bottom: 30px !important;
	}

	.iota-milestones-timeline {
		margin-top: 50px !important;
	}

	.milestone-title-style {
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 10px;
	}

	.milestone-description-style {
		font-size: 14px;
		line-height: 22px;
	}

	.iota-milestones-left {
		min-height: 280px;
		height: auto;
	}

	.iota-milestones-right-titles {
		min-height: 64px;
		height: 64px;
		margin-bottom: 12px;
	}

	.milestone-right-title-style {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 25px !important;
	}

	.iota-milestones-images {
		min-height: 250px;
		height: auto;
	}

	.iota-milestone-image {
		width: 100%;
		height: auto;
		max-height: 250px;
		object-fit: cover;
	}

	.iota-timeline-year {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 15px;
	}

	.iota-timeline-progress {
		border-top-width: 2px;
		min-width: 35px;
	}

	/* Mobile: Instant show (no fade bottom-to-top) - override all base styles */
	.iota-milestone-item,
	.iota-milestone-item:not(.active),
	.iota-milestone-item.active {
		transition: none !important;
		/* Remove CSS transitions, JavaScript handles instant show */
		will-change: transform, opacity;
		transform: translateY(0) !important;
		/* No bottom-to-top movement on mobile */
		-webkit-transform: translateY(0) !important;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}

	.iota-milestone-image-wrapper,
	.iota-milestone-image-wrapper:not(.active),
	.iota-milestone-image-wrapper.active {
		transition: none !important;
		/* Remove CSS transitions, JavaScript handles instant show */
		will-change: transform, opacity;
		transform: translateY(0) !important;
		/* No bottom-to-top movement on mobile */
		-webkit-transform: translateY(0) !important;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}

	.iota-milestones-right-title,
	.iota-milestones-right-title:not(.active),
	.iota-milestones-right-title.active {
		transition: none !important;
		/* Remove CSS transitions, JavaScript handles instant show */
		will-change: transform, opacity;
		transform: translateY(0) !important;
		/* No bottom-to-top movement on mobile */
		-webkit-transform: translateY(0) !important;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}

	.iota-milestones-right-title-mobile,
	.iota-milestones-right-title-mobile:not(.active),
	.iota-milestones-right-title-mobile.active {
		transition: none !important;
		/* Remove CSS transitions, JavaScript handles instant show */
		will-change: transform, opacity;
		transform: translateY(0) !important;
		/* No bottom-to-top movement on mobile */
		-webkit-transform: translateY(0) !important;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}

	/* Ensure inactive items are hidden on mobile */
	.iota-milestone-item:not(.active) {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		transform: translateY(0) !important;
		/* No movement */
	}

	.iota-milestone-image-wrapper:not(.active) {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		transform: translateY(0) !important;
		/* No movement */
	}

	.iota-milestones-right-title:not(.active) {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		transform: translateY(0) !important;
		/* No movement */
	}

	.iota-milestones-right-title-mobile:not(.active) {
		opacity: 0 !important;
		visibility: hidden !important;
		transform: translateY(0) !important;
		/* No movement */
	}

	/* Ensure progress bar works on mobile */
	.iota-timeline-progress-fill {
		animation-play-state: running !important;
		-webkit-animation-play-state: running !important;
		will-change: width;
		transform: translateZ(0);
		-webkit-transform: translateZ(0);
	}

	.iota-timeline-item.active .iota-timeline-progress-fill {
		animation: progressFill 5s linear forwards !important;
		-webkit-animation: progressFill 5s linear forwards !important;
		animation-play-state: running !important;
		-webkit-animation-play-state: running !important;
	}
}

/* Hide on specific devices */
.iota-milestones-section.hide-mobile {
	display: none;
}

@media screen and (min-width: 769px) {
	.iota-milestones-section.hide-mobile {
		display: block;
	}
}

.iota-milestones-section.hide-tablet {
	display: none;
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
	.iota-milestones-section.hide-tablet {
		display: block;
	}
}

@media screen and (max-width: 480px) {
	.iota-milestones-section.hide-tablet {
		display: none;
	}
}

@media screen and (min-width: 1025px) {
	.iota-milestones-section.hide-tablet {
		display: block;
	}
}

.iota-milestones-section.hide-desktop {
	display: none;
}

@media screen and (max-width: 1024px) {
	.iota-milestones-section.hide-desktop {
		display: block;
	}
}

/* ==========================================================================
   Get in Touch Section
   ========================================================================== */

.iota-get-in-touch-section {
	position: relative;
	width: 100%;
	overflow: hidden;
}

/* Marquee Background Text */
.iota-get-in-touch-marquee {
	position: absolute;
	top: 300px;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
	pointer-events: none;
}

.iota-get-in-touch-marquee .iota-marquee-content {
	display: flex;
	white-space: nowrap;
	animation: iota-marquee-scroll 30s linear infinite;
	will-change: transform;
}

.iota-get-in-touch-marquee .iota-marquee-content span {
	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	font-weight: 700;
	font-size: 300px;
	line-height: 250px;
	letter-spacing: -0.03em;
	text-align: center;
	padding: 0 100px;
	display: inline-block;
}

@keyframes iota-marquee-scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-33.333%);
	}
}

.iota-get-in-touch-wrapper {
	display: flex;
	align-items: flex-end;
	gap: 0;
	position: relative;
	width: 100%;
	z-index: 1;
}

.iota-get-in-touch-image-wrapper {
	position: relative;
	flex: 0 0 auto;
	width: 616px;
	height: 750px;
	overflow: visible;
}

.iota-get-in-touch-image {
	position: relative;
	width: 616px;
	height: 750px;
	overflow: hidden;
}

.iota-get-in-touch-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.iota-get-in-touch-heading {
	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	font-weight: 700;
	font-size: 120px;
	line-height: 120px;
	letter-spacing: -0.03em;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: flex;
	align-items: flex-start;
	pointer-events: none;
	width: auto;
	white-space: nowrap;
}

.iota-heading-first-letter {
	display: inline-block;
	position: relative;
	z-index: 3;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
	/* Partially overlay on image - positioned at left edge, extends leftward */
	margin-left: -60px;
}

.iota-heading-rest-text {
	display: inline-block;
	position: relative;
	z-index: 1;
	/* Position to the right of the image */
	margin-left: calc(100% + 20px);
}

.iota-get-in-touch-content {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.iota-get-in-touch-description {
	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	font-weight: 500;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0;
	margin-bottom: 50px;
}

.iota-get-in-touch-phone {
	display: flex;
	align-items: center;
}

.iota-phone-number {
	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	font-weight: 500;
	font-size: 30px;
	line-height: 36px;
	letter-spacing: -0.03em;
	color: #2487AB;
	text-decoration: none;
	transition: opacity 0.3s ease;
	display: flex;
	align-items: center;
	gap: 15px;
}

.iota-phone-number:hover {
	opacity: 0.8;
	text-decoration: none;
}

.iota-phone-icon {
	flex-shrink: 0;
	width: 33px;
	height: 32px;
}

/* Responsive Styles */
@media screen and (max-width: 1200px) {
	.iota-get-in-touch-image-wrapper {
		width: 500px;
		height: 610px;
	}

	.iota-get-in-touch-image {
		width: 500px;
		height: 610px;
	}

	.iota-get-in-touch-heading {
		font-size: 100px;
		line-height: 100px;
	}

	.iota-get-in-touch-content {
		margin-left: 100px;
	}

	.iota-marquee-content span {
		font-size: 250px;
		line-height: 200px;
	}
}

/* Responsive - Tablet (768px - 1024px) - Get in Touch Section */
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.iota-get-in-touch-section {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}
}

@media screen and (max-width: 1024px) {
	.iota-get-in-touch-wrapper {
		flex-direction: column;
		gap: 30px;
	}

	.iota-get-in-touch-image-wrapper {
		width: 100%;
		max-width: 616px;
		height: auto;
		aspect-ratio: 616 / 750;
	}

	.iota-get-in-touch-image {
		width: 100%;
		height: 100%;
	}

	.iota-get-in-touch-heading {
		font-size: 80px;
		line-height: 80px;
		position: relative;
		margin-bottom: 20px;
		width: 100%;
	}

	.iota-heading-first-letter {
		position: relative;
		margin-left: 0;
	}

	.iota-heading-rest-text {
		margin-left: 15px;
	}

	.iota-get-in-touch-content {
		width: 100%;
		margin-left: 0 !important;
		text-align: center;
	}

	.iota-get-in-touch-phone {
		justify-content: flex-start;
	}

	.iota-marquee-content span {
		font-size: 200px;
		line-height: 160px;
	}
}

/* Responsive - Mobile (max-width: 767px) - Get in Touch Section */
@media screen and (max-width: 767px) {
	.iota-get-in-touch-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	/* Ensure marquee is visible and running on mobile */
	.iota-get-in-touch-marquee {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
		top: 200px !important;
	}

	.iota-marquee-content {
		animation: iota-marquee-scroll 30s linear infinite !important;
		display: flex !important;
	}
}

@media screen and (max-width: 768px) {
	.iota-get-in-touch-heading {
		font-size: 60px;
		line-height: 60px;
	}

	.iota-get-in-touch-description {
		font-size: 28px;
		line-height: 32px;
	}

	.iota-phone-number {
		font-size: 24px;
		line-height: 30px;
	}

	.iota-phone-icon {
		width: 28px;
		height: 27px;
	}

	.iota-marquee-content span {
		font-size: 150px;
		line-height: 120px;
		padding: 0 50px;
	}
}

@media screen and (max-width: 480px) {
	.iota-get-in-touch-heading {
		font-size: 48px;
		line-height: 48px;
	}

	.iota-heading-rest-text {
		margin-left: 10px;
	}

	.iota-get-in-touch-description {
		font-size: 24px;
		line-height: 28px;
		text-align: left;
		margin-bottom: 30px !important;
	}

	.iota-phone-number {
		font-size: 20px;
		line-height: 26px;
	}

	.iota-phone-icon {
		width: 24px;
		height: 23px;
	}

	.iota-get-in-touch-phone {
		gap: 12px;
	}

	.iota-marquee-content span {
		font-size: 120px;
		line-height: 100px;
		padding: 0 30px;
	}

	/* Ensure marquee animation continues on small mobile */
	.iota-get-in-touch-marquee {
		top: 150px !important;
	}

	.iota-marquee-content {
		animation: iota-marquee-scroll 30s linear infinite !important;
	}

	/* Ensure marquee animation continues on small mobile */
	.iota-get-in-touch-marquee {
		top: 150px !important;
	}

	.iota-marquee-content {
		animation: iota-marquee-scroll 30s linear infinite !important;
	}
}

/* Hide on specific devices */
.iota-get-in-touch-section.iota-hide-mobile {
	display: none;
}

@media screen and (min-width: 769px) {
	.iota-get-in-touch-section.iota-hide-mobile {
		display: block;
	}
}

.iota-get-in-touch-section.iota-hide-tablet {
	display: none;
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
	.iota-get-in-touch-section.iota-hide-tablet {
		display: block;
	}
}

@media screen and (max-width: 480px) {
	.iota-get-in-touch-section.iota-hide-tablet {
		display: none;
	}
}

@media screen and (min-width: 1025px) {
	.iota-get-in-touch-section.iota-hide-tablet {
		display: block;
	}
}

.iota-get-in-touch-section.iota-hide-desktop {
	display: none;
}

@media screen and (max-width: 1024px) {
	.iota-get-in-touch-section.iota-hide-desktop {
		display: block;
	}
}

/* ============================================
   Contact Us Section
   ============================================ */

.iota-contact-us-section {
	position: relative;
	width: 100%;
}

.iota-contact-us-container {
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
}

.iota-contact-us-graphic {
	position: absolute;
	z-index: 2;
	pointer-events: none;
}

.iota-contact-us-graphic img {
	display: block;
	max-width: 100%;
	height: auto;
}

.iota-contact-us-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	position: relative;
	z-index: 1;
}

.iota-contact-us-left {
	flex: 0 0 30%;
}

.iota-contact-us-heading {
	margin: 0;
	padding: 0;
	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

.iota-contact-us-right {
	flex: 1 1 auto;
}

.iota-contact-us-columns {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px 40px;
	width: 100%;
}

.iota-contact-us-col {
	display: flex;
	flex-direction: column;
}

.iota-contact-us-icon {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
}

.iota-contact-us-icon img {
	display: block;
	width: 63px;
	height: 45px;
	object-fit: contain;
}

.iota-contact-us-col-title {
	margin: 0 0 20px 0;
	padding: 0;
	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

.iota-contact-us-col-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.iota-contact-us-link {
	transition: opacity 0.3s ease;
}

.iota-contact-us-link:hover {
	opacity: 0.7;
	text-decoration: underline;
}

.iota-contact-us-map {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}

.iota-contact-us-map iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

/* Responsive - Tablet (768px - 1024px) */
@media screen and (max-width: 1024px) {
	.iota-contact-us-wrapper {
		flex-direction: column;
		gap: 60px !important;
	}

	.iota-contact-us-left {
		width: 100%;
	}

	.iota-contact-us-right {
		width: 100%;
	}

	.iota-contact-us-columns {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 30px;
	}

	.iota-contact-us-heading {
		font-size: 56px !important;
		line-height: 56px !important;
	}

	.iota-contact-us-map {
		width: 100% !important;
		height: 500px !important;
	}
}

/* Responsive - Tablet (768px - 1024px) - Contact Us Section */
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.iota-contact-us-section {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}
}

/* Responsive - Mobile (max-width: 767px) */
@media screen and (max-width: 767px) {
	.iota-contact-us-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.iota-contact-us-container {
		padding: 0 20px !important;
	}

	.iota-contact-us-wrapper {
		gap: 50px !important;
	}

	.iota-contact-us-heading {
		font-size: 36px !important;
		line-height: 40px !important;
		margin-bottom: 0 !important;
		letter-spacing: -0.03em !important;
	}

	.iota-contact-us-columns {
		grid-template-columns: 1fr !important;
		gap: 50px !important;
		margin-top: 40px !important;
	}

	.iota-contact-us-col {
		gap: 0 !important;
	}

	.iota-contact-us-icon {
		margin-bottom: 20px !important;
	}

	.iota-contact-us-icon img {
		width: 50px !important;
		height: 36px !important;
	}

	.iota-contact-us-col-title {
		font-size: 24px !important;
		line-height: 28px !important;
		margin-bottom: 20px !important;
		margin-top: 0 !important;
		letter-spacing: -0.03em !important;
	}

	.iota-contact-us-col-content {
		font-size: 16px !important;
		line-height: 24px !important;
		gap: 12px !important;
	}

	.iota-contact-us-link {
		font-size: 16px !important;
		line-height: 24px !important;
	}

	.iota-contact-us-map {
		width: 100% !important;
		height: 350px !important;
		margin-top: 50px !important;
	}

	.iota-contact-us-graphic {
		display: none !important;
	}
}

/* Responsive - Small Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {
	.iota-contact-us-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-contact-us-container {
		padding: 0 15px !important;
	}

	.iota-contact-us-wrapper {
		gap: 20px !important;
	}

	.iota-contact-us-heading {
		font-size: 32px !important;
		line-height: 36px !important;
	}

	.iota-contact-us-columns {
		gap: 40px !important;
		margin-top: 10px !important;
	}

	.iota-contact-us-icon {
		margin-bottom: 18px !important;
	}

	.iota-contact-us-icon img {
		width: 45px !important;
		height: 32px !important;
	}

	.iota-contact-us-col-title {
		font-size: 22px !important;
		line-height: 26px !important;
		margin-bottom: 4px !important;
	}

	.iota-contact-us-col-content {
		font-size: 15px !important;
		line-height: 22px !important;
		gap: 0px !important;
	}

	.iota-contact-us-link {
		font-size: 15px !important;
		line-height: 22px !important;
	}

	.iota-contact-us-map {
		height: 300px !important;
		margin-top: 40px !important;
	}
}

/* Responsive Hide Classes */
.iota-contact-us-section.iota-hide-mobile {
	display: none;
}

@media screen and (min-width: 768px) {
	.iota-contact-us-section.iota-hide-mobile {
		display: block;
	}
}

.iota-contact-us-section.iota-hide-tablet {
	display: none;
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
	.iota-contact-us-section.iota-hide-tablet {
		display: block;
	}
}

@media screen and (max-width: 480px) {
	.iota-contact-us-section.iota-hide-tablet {
		display: none;
	}
}

@media screen and (min-width: 1025px) {
	.iota-contact-us-section.iota-hide-tablet {
		display: block;
	}
}

.iota-contact-us-section.iota-hide-desktop {
	display: none;
}

@media screen and (max-width: 1024px) {
	.iota-contact-us-section.iota-hide-desktop {
		display: block;
	}
}

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

.iota-contact-form-section {
	position: relative;
	width: 100%;
	overflow-x: hidden;
	/* Prevent horizontal scroll */
}

.iota-contact-form-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	overflow-x: hidden;
	/* Prevent horizontal scroll */
}

.iota-contact-form-left {
	flex: 0 0 auto;
}

.iota-contact-form-icon {
	display: flex;
	align-items: flex-start;
}

.iota-contact-form-icon img {
	display: block;
	max-width: 100%;
	height: auto;
}

.iota-contact-form-description {
	margin: 0;
	padding: 0;
}

.iota-contact-form-right {
	flex: 0 0 auto;
	overflow-x: hidden;
	/* Prevent horizontal scroll */
	max-width: 100%;
}

.iota-contact-form-error {
	padding: 20px;
	background-color: #f0f0f0;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #666;
}

.iota-contact-form-error p {
	margin: 0;
}

/* Contact Form 7 Custom Styling */
.iota-contact-form-section .wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: 30px;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	/* Prevent horizontal scroll */
}

.iota-contact-form-section .wpcf7-form p {
	margin: 0;
}

.iota-contact-form-section .wpcf7-form label {
	display: block;
	margin-bottom: 15px;
	font-family: 'Exo', sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -3%;
	color: #000000;
}

.iota-contact-form-section .wpcf7-form input[type="text"],
.iota-contact-form-section .wpcf7-form input[type="email"],
.iota-contact-form-section .wpcf7-form input[type="tel"],
.iota-contact-form-section .wpcf7-form input[type="url"],
.iota-contact-form-section .wpcf7-form input[type="number"],
.iota-contact-form-section .wpcf7-form textarea,
.iota-contact-form-section .wpcf7-form select {
	width: 744px;
	max-width: 100%;
	height: 60px;
	padding: 0 16px;
	border: 1px solid #DDDDDD;
	border-radius: 7px;
	font-family: 'Exo', sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0%;
	color: #000000;
	transition: border-color 0.3s ease, outline 0.3s ease;
	box-sizing: border-box;
	margin-top: 15px;
}

.iota-contact-form-section .wpcf7-form input[type="text"]::placeholder,
.iota-contact-form-section .wpcf7-form input[type="email"]::placeholder,
.iota-contact-form-section .wpcf7-form input[type="tel"]::placeholder,
.iota-contact-form-section .wpcf7-form input[type="url"]::placeholder,
.iota-contact-form-section .wpcf7-form input[type="number"]::placeholder,
.iota-contact-form-section .wpcf7-form textarea::placeholder {
	font-family: 'Exo', sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0%;
	color: #555555;
	opacity: 1;
}

.iota-contact-form-section .wpcf7-form textarea {
	min-height: 150px;
	height: 150px;
	padding-top: 16px;
	padding-bottom: 16px;
	resize: vertical;
}

.iota-contact-form-section .wpcf7-form input[type="text"]:focus,
.iota-contact-form-section .wpcf7-form input[type="email"]:focus,
.iota-contact-form-section .wpcf7-form input[type="tel"]:focus,
.iota-contact-form-section .wpcf7-form input[type="url"]:focus,
.iota-contact-form-section .wpcf7-form input[type="number"]:focus,
.iota-contact-form-section .wpcf7-form textarea:focus,
.iota-contact-form-section .wpcf7-form select:focus {
	outline: none;
	border-color: #2487AB;
}

.iota-contact-form-section .wpcf7-form input[type="submit"],
.iota-contact-form-section .wpcf7-form button[type="submit"] {
	width: 123px;
	height: 54px;
	padding: 0;
	margin-top: 0px;
	border: 2px solid transparent;
	border-radius: 30px;
	font-family: 'Exo', sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0%;
	color: #FFFFFF;
	background-color: #2487AB;
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
	box-sizing: border-box;
}

body .iota-contact-form-section .wpcf7-form input[type="submit"]:hover,
body.iota-contact-form-section .wpcf7-form button[type="submit"]:hover {
	background: transparent !important;
	color: #2487AB !important;
	border: 2px solid #2487AB !important;
}

.iota-contact-form-section .wpcf7-form input[type="submit"]:active,
.iota-contact-form-section .wpcf7-form button[type="submit"]:active {
	background: transparent !important;
	color: #2487AB !important;
	border: 2px solid #2487AB !important;
}

/* Responsive - Tablet (768px - 1024px) */
@media screen and (max-width: 1024px) and (min-width: 768px) {

	/* Contact Form Section - Tablet Padding */
	.iota-contact-form-section {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}

	/* Contact Us Section - Tablet Padding */
	.iota-contact-us-section {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}

	/* Get in Touch Section - Tablet Padding */
	.iota-get-in-touch-section {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}
}

@media screen and (max-width: 1024px) {

	.iota-contact-form-wrapper {
		flex-direction: column;
		gap: 60px !important;
	}

	.iota-contact-form-left,
	.iota-contact-form-right {
		width: 100% !important;
	}

	.iota-contact-form-description {
		font-size: 36px !important;
		line-height: 40px !important;
	}

	.iota-contact-form-section .wpcf7-form input[type="text"],
	.iota-contact-form-section .wpcf7-form input[type="email"],
	.iota-contact-form-section .wpcf7-form input[type="tel"],
	.iota-contact-form-section .wpcf7-form input[type="url"],
	.iota-contact-form-section .wpcf7-form input[type="number"],
	.iota-contact-form-section .wpcf7-form textarea,
	.iota-contact-form-section .wpcf7-form select {
		width: 100% !important;
		max-width: 100%;
		font-size: 18px;
	}

	.iota-contact-form-section .wpcf7-form label {
		font-size: 20px;
		line-height: 26px;
	}
}

/* Responsive - Mobile (max-width: 767px) */
@media screen and (max-width: 767px) {

	/* Contact Form Section - Mobile Padding */
	.iota-contact-form-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	/* Contact Us Section - Mobile Padding */
	.iota-contact-us-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	/* Get in Touch Section - Mobile Padding */
	.iota-get-in-touch-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	.iota-contact-form-wrapper {
		gap: 40px !important;
	}

	.iota-contact-form-icon img {
		width: 40px !important;
		height: 40px !important;
	}

	.iota-contact-form-description {
		font-size: 28px !important;
		line-height: 32px !important;
		letter-spacing: -2% !important;
	}

	.iota-contact-form-section .wpcf7-form {
		gap: 25px;
	}

	.iota-contact-form-section .wpcf7-form label {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 12px;
	}

	.iota-contact-form-section .wpcf7-form input[type="text"],
	.iota-contact-form-section .wpcf7-form input[type="email"],
	.iota-contact-form-section .wpcf7-form input[type="tel"],
	.iota-contact-form-section .wpcf7-form input[type="url"],
	.iota-contact-form-section .wpcf7-form input[type="number"],
	.iota-contact-form-section .wpcf7-form textarea,
	.iota-contact-form-section .wpcf7-form select {
		width: 100% !important;
		max-width: 100%;
		height: 50px;
		font-size: 16px;
		line-height: 20px;
		padding: 0 14px;
	}

	.iota-contact-form-section .wpcf7-form input[type="text"]::placeholder,
	.iota-contact-form-section .wpcf7-form input[type="email"]::placeholder,
	.iota-contact-form-section .wpcf7-form input[type="tel"]::placeholder,
	.iota-contact-form-section .wpcf7-form input[type="url"]::placeholder,
	.iota-contact-form-section .wpcf7-form input[type="number"]::placeholder,
	.iota-contact-form-section .wpcf7-form textarea::placeholder {
		font-size: 16px;
		line-height: 20px;
	}

	.iota-contact-form-section .wpcf7-form textarea {
		height: 120px;
		min-height: 120px;
	}

	.iota-contact-form-section .wpcf7-form input[type="submit"],
	.iota-contact-form-section .wpcf7-form button[type="submit"] {
		width: 100%;
		max-width: 100%;
		height: 50px;
		font-size: 16px;
		margin-top: 20px;
	}
}

/* Responsive - Small Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {

	/* Contact Form Section - Small Mobile Padding */
	.iota-contact-form-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	/* Contact Us Section - Small Mobile Padding */
	.iota-contact-us-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	/* Get in Touch Section - Small Mobile Padding */
	.iota-get-in-touch-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.iota-contact-form-description {
		font-size: 24px !important;
		line-height: 28px !important;
	}

	.iota-contact-form-section .wpcf7-form label {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 10px;
	}

	.iota-contact-form-section .wpcf7-form input[type="text"],
	.iota-contact-form-section .wpcf7-form input[type="email"],
	.iota-contact-form-section .wpcf7-form input[type="tel"],
	.iota-contact-form-section .wpcf7-form input[type="url"],
	.iota-contact-form-section .wpcf7-form input[type="number"],
	.iota-contact-form-section .wpcf7-form textarea,
	.iota-contact-form-section .wpcf7-form select {
		height: 48px;
		font-size: 15px;
		padding: 0 12px;
	}

	.iota-contact-form-section .wpcf7-form input[type="text"]::placeholder,
	.iota-contact-form-section .wpcf7-form input[type="email"]::placeholder,
	.iota-contact-form-section .wpcf7-form input[type="tel"]::placeholder,
	.iota-contact-form-section .wpcf7-form input[type="url"]::placeholder,
	.iota-contact-form-section .wpcf7-form input[type="number"]::placeholder,
	.iota-contact-form-section .wpcf7-form textarea::placeholder {
		font-size: 15px;
	}

	.iota-contact-form-section .wpcf7-form textarea {
		height: 100px;
		min-height: 100px;
	}

	.iota-contact-form-section .wpcf7-form input[type="submit"],
	.iota-contact-form-section .wpcf7-form button[type="submit"] {
		height: 48px;
		font-size: 15px;
	}
}

/* Responsive Hide Classes */
.iota-contact-form-section.iota-hide-mobile {
	display: none;
}

@media screen and (min-width: 768px) {
	.iota-contact-form-section.iota-hide-mobile {
		display: block;
	}
}

.iota-contact-form-section.iota-hide-tablet {
	display: none;
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
	.iota-contact-form-section.iota-hide-tablet {
		display: block;
	}
}

@media screen and (max-width: 480px) {
	.iota-contact-form-section.iota-hide-tablet {
		display: none;
	}
}

@media screen and (min-width: 1025px) {
	.iota-contact-form-section.iota-hide-tablet {
		display: block;
	}
}

.iota-contact-form-section.iota-hide-desktop {
	display: none;
}

@media screen and (max-width: 1024px) {
	.iota-contact-form-section.iota-hide-desktop {
		display: block;
	}
}

/* ============================================
   Contact Page Scroll Animations
   ============================================ */

/* Initial state for animated elements (desktop only) */
@media screen and (min-width: 1025px) {

	.iota-contact-animate-title,
	.iota-contact-animate-left,
	.iota-contact-animate-right {
		opacity: 0;
		visibility: visible;
		/* Keep visible for layout, just fade in */
	}

	/* Ensure graphics are visible for parallax */
	.iota-contact-us-graphic.vectoParallax {
		opacity: 1;
		visibility: visible;
	}

	/* Prevent overflow during animations */
	.iota-contact-form-section {
		overflow-x: hidden !important;
		overflow-y: visible;
	}

	.iota-contact-form-wrapper {
		overflow-x: hidden !important;
	}

	.iota-contact-animate-left,
	.iota-contact-animate-right {
		max-width: 100%;
	}
}

/* Mobile - Always visible, no animations */
@media screen and (max-width: 1024px) {

	.iota-contact-animate-title,
	.iota-contact-animate-left,
	.iota-contact-animate-right {
		opacity: 1 !important;
		transform: none !important;
		visibility: visible !important;
	}
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {

	.iota-contact-animate-title,
	.iota-contact-animate-left,
	.iota-contact-animate-right {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		animation: none !important;
	}
}

/* ==========================================================================
   Policy Pages Template
   ========================================================================== */

.iota-policy-pages-wrapper {
	position: relative;
	width: 100%;
	padding: 200px 0;
	min-height: 60vh;
	overflow: visible;
}

.iota-policy-pages-wrapper .container {
	max-width: 1512px;
	margin: 0 auto;
	padding: 0 20px;
	overflow: visible;
}

.iota-policy-pages-layout {
	display: grid;
	grid-template-columns: 300px 1fr;
	gap: 152px;
	width: 100%;
}

/* Sidebar */
.iota-policy-sidebar {
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	width: 100%;
	align-self: start;
	height: fit-content;
	max-height: calc(100vh - 140px);
	overflow-y: auto;
	z-index: 10;
}

/* Navigation */
.iota-policy-nav {
	width: 100%;
}

.iota-policy-nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.iota-policy-nav-item {
	margin: 0;
	padding: 0;
}

.iota-policy-nav-item:first-child .iota-policy-nav-link {
	padding-top: 0;
}

.iota-policy-nav-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 30px;
	line-height: 36px;
	letter-spacing: -0.03em;
	color: #000000;
	text-decoration: none;
	padding: 30px 0;
	transition: color 0.3s ease, border-color 0.3s ease;
	position: relative;
	border-bottom: 1px solid #DDDDDD;
	gap: 15px;
}

.iota-policy-nav-text {
	flex: 1;
	text-align: left;
}

.iota-policy-arrow-icon {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	order: 2;
}

.iota-policy-nav-link:hover {
	color: #2487AB;
}

.iota-policy-nav-link:hover .iota-policy-arrow-icon path {
	stroke: #2487AB;
}

.iota-policy-nav-link.active {
	color: #2487AB;
	font-weight: 500;
	border-bottom: 1px solid #2487AB;
}

.iota-policy-nav-link.active .iota-policy-arrow-icon path {
	stroke: #2487AB;
}

/* Main Content */
.iota-policy-content {
	width: 100%;
}

.iota-policy-article {
	width: 100%;
}

.iota-policy-header {
	margin-bottom: 30px;
}

.iota-policy-title {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0 0 30px 0;
}

.iota-policy-entry-content {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555555;
}

.iota-policy-entry-content p {
	margin: 0 0 20px 0;
}

.iota-policy-entry-content h2,
.iota-policy-entry-content h3,
.iota-policy-entry-content h4 {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 30px;
	line-height: 36px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 30px 0 20px 0;
}

.iota-policy-entry-content ul,
.iota-policy-entry-content ol {
	margin: 20px 0;
	padding-left: 0;
	list-style: none;
}

.iota-policy-entry-content li {
	margin: 10px 0;
	position: relative;
	padding-left: 25px;
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555555;
}

.iota-policy-entry-content ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 10px;
	height: 10px;
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.1761 0.900391H8.63525V8.33872M8.55638 1.01262L0.635254 8.90039' stroke='%232487AB' stroke-width='1.8'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.iota-policy-entry-content a {
	color: #2487AB;
	text-decoration: underline;
	transition: color 0.3s ease;
}

.iota-policy-entry-content a:hover {
	color: #1a6a8a;
}

/* Responsive - Tablet (768px - 1024px) */
@media screen and (max-width: 1024px) {
	.iota-policy-pages-wrapper {
		padding: 80px 0 !important;
	}

	.iota-policy-pages-layout {
		grid-template-columns: 250px 1fr;
		gap: 100px;
	}

	.iota-policy-sidebar {
		top: 100px;
	}

	.iota-policy-nav-link {
		font-size: 24px;
		line-height: 30px;
		padding: 24px 0;
	}

	.iota-policy-title {
		font-size: 56px;
		line-height: 56px;
	}

	.iota-policy-entry-content {
		font-size: 18px;
		line-height: 28px;
	}

	.iota-policy-entry-content li {
		font-size: 18px;
		line-height: 28px;
	}

	.iota-policy-entry-content h2,
	.iota-policy-entry-content h3,
	.iota-policy-entry-content h4 {
		font-size: 26px;
		line-height: 32px;
	}
}

/* Responsive - Mobile (max-width: 768px) */
@media screen and (max-width: 768px) {
	.iota-policy-pages-wrapper {
		padding: 60px 0 !important;
	}

	.iota-policy-pages-layout {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.iota-policy-sidebar {
		position: relative;
		top: 0;
		order: 2;
		max-height: none;
		overflow-y: visible;
	}

	.iota-policy-content {
		order: 1;
	}

	.iota-policy-nav-list {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.iota-policy-nav-item {
		width: 100%;
	}

	.iota-policy-nav-item:first-child .iota-policy-nav-link {
		padding-top: 0;
	}

	.iota-policy-nav-link {
		font-size: 20px;
		line-height: 26px;
		padding: 20px 0;
		border: none;
		border-bottom: 1px solid #DDDDDD;
		border-radius: 0;
		background: transparent;
		justify-content: space-between;
		align-items: center;
		transition: all 0.3s ease;
	}

	.iota-policy-nav-link:hover {
		border-bottom-color: #2487AB;
		color: #2487AB;
		background: transparent;
	}

	.iota-policy-nav-link.active {
		background: transparent;
		color: #2487AB;
		border-bottom-color: #2487AB;
	}

	.iota-policy-arrow-icon {
		width: 12px;
		height: 12px;
	}

	.iota-policy-title {
		font-size: 42px;
		line-height: 42px;
		margin-bottom: 24px;
	}

	.iota-policy-entry-content {
		font-size: 18px;
		line-height: 28px;
	}

	.iota-policy-entry-content li {
		font-size: 18px;
		line-height: 28px;
	}

	.iota-policy-entry-content h2,
	.iota-policy-entry-content h3,
	.iota-policy-entry-content h4 {
		font-size: 24px;
		line-height: 30px;
	}
}

/* Responsive - Small Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {
	.iota-policy-pages-wrapper {
		padding: 40px 0 !important;
	}

	.iota-policy-pages-layout {
		gap: 30px;
	}

	.iota-policy-sidebar-title {
		font-size: 18px;
		line-height: 24px;
	}

	.iota-policy-nav-link {
		font-size: 18px;
		line-height: 24px;
		padding: 16px 0;
	}

	.iota-policy-arrow-icon {
		width: 10px;
		height: 10px;
	}

	.iota-policy-title {
		font-size: 36px;
		line-height: 36px;
		margin-bottom: 20px;
	}

	.iota-policy-entry-content {
		font-size: 17px;
		line-height: 26px;
	}

	.iota-policy-entry-content li {
		font-size: 17px;
		line-height: 26px;
	}

	.iota-policy-entry-content h2,
	.iota-policy-entry-content h3,
	.iota-policy-entry-content h4 {
		font-size: 22px;
		line-height: 28px;
	}
}

/* ============================================
   Careers Section
   ============================================ */
.iota-careers-section {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.iota-careers-section .container {
	max-width: 1512px;
	margin: 0 auto;
	padding: 0 20px;
}

/* Title */
.iota-careers-title {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 300px;
	line-height: 250px;
	letter-spacing: -0.03em;
	text-align: center;
	color: #2487AB;
	margin: 0 auto 50px;
}

/* Description */
.iota-careers-description {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.03em;
	text-align: center;
	color: #000000;
	margin: 0 auto 100px;
	max-width: 1200px;
	display: block;
	opacity: 1;
	visibility: visible;
}

/* Slider Wrapper */
.iota-careers-slider-wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.iota-careers-slider {
	position: relative;
	width: 100%;
	max-width: 100%;
}

.iota-careers-slider .slick-list {
	margin: 0;
	padding: 0;
	overflow: visible;
	transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.iota-careers-slider .slick-track {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.iota-careers-slider .slick-slide {
	padding: 0;
	margin: 0 40px;
	height: auto;
	transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

.iota-careers-slider .slick-center.iota-careers-slide {
	margin: 0 0px;
}

/* Gap between slides is 80px total (40px margin on each side = 80px gap) */

/* Slide Container - Clip wrapper (like CodePen) */
.iota-careers-slide {
	position: relative;
	overflow: hidden;
}

.iota-careers-slide img,
.iota-careers-slide video {
	display: block;
	width: 744px;
	height: 496px;
	object-fit: cover;
}

/* Center Slide (Active) - Full size and opacity */
.iota-careers-slider .slick-center {
	z-index: 2;
}

.iota-careers-slider .slick-center.iota-careers-slide img,
.iota-careers-slider .slick-center.iota-careers-slide video {
	opacity: 1;
	height: 667px;
	width: 1000px;
}

/* Navigation Dots */
.iota-careers-slider .slick-dots {
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex !important;
	justify-content: center;
	align-items: center;
	gap: 10px !important;
	margin: 30px 0 0;
	padding: 0;
	list-style: none;
}

.iota-careers-slider .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
}

.iota-careers-slider .slick-dots li button {
	width: 10px !important;
	height: 10px !important;
	padding: 0;
	border: none;
	border-radius: 50%;
	background-color: #2487AB;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
	transition: background-color 0.3s ease;
}

.iota-careers-slider .slick-dots li.slick-active button {
	background-color: #003547;
}

.iota-careers-slider .slick-dots li button:before {
	display: none;
}

/* Hide default arrows */
.iota-careers-slider .slick-arrow {
	display: none !important;
}

/* Animation Classes - Initial states set by GSAP only when available */
/* Elements are visible by default, GSAP will set initial states when ready */

/* Responsive - Tablet (max-width: 1024px) */
@media screen and (max-width: 1024px) {
	.iota-careers-section {
		padding: 40px 0 !important;
	}

	.iota-careers-title {
		font-size: 200px;
		line-height: 180px;
		margin-bottom: 40px;
	}

	.iota-careers-description {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 80px;
	}

	.iota-careers-slide {
		width: 700px;
		height: 467px;
		transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
	}

	.iota-careers-slide img,
	.iota-careers-slide video {
		width: 700px;
		height: 467px;
		transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
	}

	.iota-careers-slider .slick-slide {
		margin: 0 30px;
		transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
	}
}

/* Responsive - Mobile (max-width: 768px) */
@media screen and (max-width: 768px) {
	.iota-careers-title {
		font-size: 120px;
		line-height: 110px;
		margin-bottom: 30px;
	}

	.iota-careers-description {
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 60px;
	}

	.iota-careers-slide {
		width: 100%;
		max-width: 500px;
		height: 333px;
		transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
	}

	.iota-careers-slide img,
	.iota-careers-slide video {
		transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
	}

	.iota-careers-slider .slick-slide {
		transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
	}

	.iota-careers-slide img,
	.iota-careers-slide video {
		width: 100% !important;
		height: 100% !important;
	}

	.iota-careers-slider .slick-slide {
		margin: 0 20px;
	}
}

/* Responsive - Small Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {
	.iota-careers-title {
		font-size: 80px;
		line-height: 75px;
		margin-bottom: 20px !important;
	}

	.iota-careers-description {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 40px !important;
	}

	.iota-careers-slide {
		width: 100%;
		max-width: 100%;
		height: 250px;
		transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
	}

	.iota-careers-slide img,
	.iota-careers-slide video {
		width: 100%;
		height: 100%;
		transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
	}

	.iota-careers-slider .slick-slide {
		margin: 0 10px;
		transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
	}
}

/* ============================================
   Features Grid Section
   ============================================ */
.iota-features-grid-section {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.iota-features-grid-section .container {
	max-width: 1512px;
	margin: 0 auto;
	padding: 0 20px;
}

/* Top Graphic */
.iota-features-grid-graphic {
	width: 150px;
	height: 150px;
	margin: 0 auto;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 100px;
	right: 100px;
}

.iota-features-grid-graphic img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

/* Title */
.iota-features-grid-title {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 100px;
	line-height: 100px;
	letter-spacing: -0.03em;
	text-align: center;
	color: #000000;
	margin: 0 auto 100px;
	max-width: 1200px;
}

/* Grid Wrapper */
.iota-features-grid-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 100px 24px;
	width: 100%;
	margin: 0 auto;
}

/* Grid Item */
.iota-features-grid-item {
	display: flex;
	align-items: flex-start;
	gap: 56px;
	width: 100%;
}

/* Item Icon */
.iota-features-grid-item-icon {
	flex-shrink: 0;
	width: 200px;
	height: 187.188px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.iota-features-grid-item-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

/* Item Content */
.iota-features-grid-item-content {
	flex: 1;
	display: flex;
	flex-direction: column;
}

/* Item Title */
.iota-features-grid-item-title {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0 0 15px 0;
}

/* Item Description */
.iota-features-grid-item-description {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555555;
	margin: 0;
}

/* Responsive - Tablet (max-width: 1024px) */
@media screen and (max-width: 1024px) {
	.iota-features-grid-title {
		font-size: 80px;
		line-height: 85px;
		margin-bottom: 80px;
	}

	.iota-features-grid-wrapper {
		gap: 50px 0;
	}

	.iota-features-grid-item {
		gap: 40px;
	}

	.iota-features-grid-item-icon {
		width: 160px;
		height: 150px;
	}

	.iota-features-grid-item-title {
		font-size: 30px;
		line-height: 34px;
	}

	.iota-features-grid-item-description {
		font-size: 18px;
		line-height: 28px;
	}
}

/* Responsive - Mobile (max-width: 768px) */
@media screen and (max-width: 768px) {
	.iota-features-grid-title {
		font-size: 60px;
		line-height: 65px;
		margin-bottom: 60px;
	}

	.iota-features-grid-wrapper {
		grid-template-columns: 1fr;
		gap: 40px 0;
	}

	.iota-features-grid-item {
		flex-direction: column;
		gap: 30px;
		align-items: center;
		text-align: center;
	}

	.iota-features-grid-item-icon {
		width: 150px;
		height: 140px;
	}

	.iota-features-grid-item-content {
		align-items: center;
		text-align: center;
	}

	.iota-features-grid-item-title {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 12px;
	}

	.iota-features-grid-item-description {
		font-size: 18px;
		line-height: 26px;
	}
}

/* Responsive - Small Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {
	.iota-features-grid-section {
		padding: 40px 0 !important;
	}

	.iota-features-grid-graphic {
		display: none !important;
	}

	.iota-features-grid-title {
		font-size: 40px;
		line-height: 45px;
		margin-bottom: 40px !important;
	}

	.iota-features-grid-wrapper {
		gap: 30px 0;
	}

	.iota-features-grid-item {
		gap: 20px;
	}

	.iota-features-grid-item-icon {
		width: 120px;
		height: 112px;
	}

	.iota-features-grid-item-title {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 10px;
	}

	.iota-features-grid-item-description {
		font-size: 16px;
		line-height: 24px;
	}
}

/* ============================================
   Job Listings Section
   ============================================ */
.iota-job-listings-section {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.iota-job-listings-section .container {
	max-width: 1512px;
	margin: 0 auto;
	padding: 0 20px;
}

/* Layout */
.iota-job-listings-layout {
	display: flex;
	align-items: flex-start;
	gap: 233px;
	position: relative;
}

/* Left Graphic */
.iota-job-listings-graphic {
	position: relative;
	flex-shrink: 0;
	width: 150px;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.iota-job-listings-graphic img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

/* Right Content */
.iota-job-listings-content {
	flex: 1;
	min-width: 0;
}

/* Title */
.iota-job-listings-title {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	text-align: left;
	color: #000000;
	margin: 0 0 50px;
}

/* Tabs Container */
.iota-job-listings-tabs {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* Tab Wrapper */
.iota-job-tab-wrapper {
	position: relative;
}

/* Tab Button */
.iota-job-tab {
	width: 100%;
	max-width: 1128px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 50px;
	border: 1px solid #DDDDDD;
	border-radius: 20px;
	background-color: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	text-align: left;
	font-family: inherit;
}

.iota-job-tab:hover {
	background-color: #2487AB;
	border-color: #2487AB;
}

.iota-job-tab:hover .iota-job-tab-number,
.iota-job-tab:hover .iota-job-tab-title,
.iota-job-tab:hover .iota-job-tab-icon {
	color: #FFFFFF;
}

.iota-job-tab.active {
	background-color: #FFFFFF;
	border-color: #2487AB !important;
	border-bottom: navy;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.iota-job-tab.active .iota-job-tab-number,
.iota-job-tab.active .iota-job-tab-title,
.iota-job-tab.active .iota-job-tab-icon {
	color: #2487AB;
}

.iota-job-tab.active .iota-job-tab-icon-plus {
	display: none;
}

.iota-job-tab.active .iota-job-tab-icon-minus {
	display: block !important;
}

/* Tab Number */
.iota-job-tab-number {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 20px;
	line-height: 18px;
	letter-spacing: -0.05em;
	color: #2487AB;
	margin-right: 53px;
	flex-shrink: 0;
	transition: color 0.3s ease;
}

/* Tab Title */
.iota-job-tab-title {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.03em;
	color: #000000;
	flex: 1;
	text-align: left;
	transition: color 0.3s ease;
}

/* Tab Icon */
.iota-job-tab-icon {
	width: 22px;
	height: 22px;
	flex-shrink: 0;
	color: #2487AB;
	transition: color 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.iota-job-tab-icon svg {
	width: 100%;
	height: 100%;
	stroke: currentColor;
}

/* Tab Content */
.iota-job-content {
	display: none;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 128px;
	max-width: 1128px;
}

.iota-job-content.active {
	display: block;
	border: 1px solid #2487AB;
	border-radius: 20px;
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* Content Title */
.iota-job-content-title {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0 0 15px;
}

/* Content Text */
.iota-job-content-text {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555555;
	margin: 0 0 30px;
}

/* Content List */
.iota-job-content-list {
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
}

.iota-job-content-list li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
}

.iota-job-content-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	width: 10px;
	height: 10px;
	background-color: #2487AB;
	mask-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.1761 0.900391H8.63525V8.33872M8.55638 1.01262L0.635254 8.90039' stroke='%232487AB' stroke-width='1.8'/%3E%3C/svg%3E");
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	background-color: #2487AB;
	transform: rotate(45deg);
}

/* Apply Button Wrapper */
.iota-job-apply-wrapper {
	margin-top: 30px;
}

/* Apply Button */
.iota-job-apply-button {
	font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	line-height: 13px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #2487AB;
	background: none;
	border: none;
	border-bottom: 1px solid #2487AB;
	padding: 0 0 13px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	transition: opacity 0.3s ease;
	text-align: right;
	vertical-align: middle;
	border-radius: 0;
}

.iota-job-apply-button:hover {
	opacity: 0.8;
}

.iota-job-apply-button svg {
	width: 10px;
	height: 10px;
	stroke: currentColor;
	flex-shrink: 0;
}

/* Drawer - Teal/blue sidebar design */
.iota-job-apply-drawer {
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	max-width: 480px;
	height: 100vh;
	background-color: #2487AB;
	box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
	z-index: 9999;
	transition: right 0.35s ease;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}

.iota-job-apply-drawer.active {
	right: 0;
}

/* Drawer Header - title left, close right, white text */
.iota-job-drawer-header {
	padding: 24px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-shrink: 0;
}

.iota-job-drawer-title {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 22px;
	line-height: 28px;
	color: #FFFFFF;
	margin: 0;
	flex: 1;
	min-width: 0;
}

.iota-job-drawer-close {
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.25s ease;
	flex-shrink: 0;
}

.iota-job-drawer-close:hover {
	opacity: 0.85;
}

.iota-job-drawer-close svg {
	width: 24px;
	height: 24px;
}

/* Drawer Content */
.iota-job-drawer-content {
	flex: 1;
	padding: 24px 20px 32px;
	overflow-y: auto;
	background-color: #2487AB;
}

.iota-job-drawer-form {
	width: 100%;
}

.iota-cf7-form-wrapper {
	width: 100%;
}

/* CF7 form inside drawer - white inputs, light gray border */
.iota-job-apply-drawer .wpcf7-form p {
	margin: 0 0 20px 0;
}

.iota-job-apply-drawer .wpcf7-form label {
	display: block;
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #FFFFFF;
	margin-bottom: 8px;
}

.iota-job-apply-drawer .wpcf7-form input[type="text"],
.iota-job-apply-drawer .wpcf7-form input[type="email"],
.iota-job-apply-drawer .wpcf7-form input[type="tel"],
.iota-job-apply-drawer .wpcf7-form input[type="url"],
.iota-job-apply-drawer .wpcf7-form input[type="number"],
.iota-job-apply-drawer .wpcf7-form textarea,
.iota-job-apply-drawer .wpcf7-form select {
	width: 100%;
	max-width: 100%;
	padding: 14px 16px;
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #000000;
	background-color: #FFFFFF !important;
	background: #FFFFFF !important;
	border: 1px solid #D1D5DB;
	border-radius: 8px;
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	opacity: 1;
	-webkit-appearance: none;
	appearance: none;
}

.iota-job-apply-drawer .wpcf7-form input::placeholder,
.iota-job-apply-drawer .wpcf7-form textarea::placeholder {
	color: #9CA3AF;
}

.iota-job-apply-drawer .wpcf7-form input:focus,
.iota-job-apply-drawer .wpcf7-form textarea:focus,
.iota-job-apply-drawer .wpcf7-form select:focus {
	outline: none;
	border-color: #2487AB;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
}

.iota-job-apply-drawer .wpcf7-form textarea {
	min-height: 100px;
	resize: vertical;
}

/* File upload - "No File" left, "Upload File" right */
.iota-job-apply-drawer .wpcf7-form input[type="file"] {
	padding: 12px;
	font-size: 14px;
}

.iota-job-apply-drawer .wpcf7-file-wrap {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.iota-job-apply-drawer .wpcf7-file-wrap .wpcf7-file {
	flex: 1;
	min-width: 0;
}

/* Submit button - specs: 30px radius, 18px 30px padding, Exo 500 18px, color #2487AB, bg #fff */
.iota-job-apply-drawer .wpcf7-form input[type="submit"],
.iota-job-apply-drawer .wpcf7-form button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	min-width: 123px;
	height: 54px;
	padding: 18px 30px;
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0;
	color: #2487AB;
	background-color: #FFFFFF !important;
	background: #FFFFFF !important;
	border: none;
	border-radius: 30px;
	cursor: pointer;
	transition: opacity 0.25s ease, background-color 0.25s ease;
	margin-top: 12px;
	box-sizing: border-box;
}

.iota-job-apply-drawer .wpcf7-form input[type="submit"]:hover,
.iota-job-apply-drawer .wpcf7-form button[type="submit"]:hover {
	opacity: 0.95;
	background-color: #F5FAFC !important;
	background: #F5FAFC !important;
}

.iota-loading {
	text-align: center;
	padding: 24px 20px;
	color: #FFFFFF;
	font-size: 15px;
}

.iota-job-apply-drawer-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9998;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.iota-job-apply-drawer-overlay.active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/* Book A Demo Drawer (Zigzag section) - teal sidebar, same design as job apply */
.iota-book-demo-drawer-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9998;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.iota-book-demo-drawer-overlay.active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.iota-book-demo-drawer {
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	max-width: 480px;
	height: 100vh;
	background-color: #2487AB;
	box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
	z-index: 9999;
	transition: right 0.35s ease;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}

.iota-book-demo-drawer.active {
	right: 0;
}

.iota-book-demo-header {
	padding: 24px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-shrink: 0;
}

.iota-book-demo-title {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 22px;
	line-height: 28px;
	color: #FFFFFF;
	margin: 0;
	flex: 1;
	min-width: 0;
}

.iota-book-demo-close {
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.25s ease;
	flex-shrink: 0;
}

.iota-book-demo-close:hover {
	opacity: 0.85;
}

.iota-book-demo-close svg {
	width: 24px;
	height: 24px;
}

.iota-book-demo-content {
	flex: 1;
	padding: 24px 20px 32px;
	overflow-y: auto;
	background-color: #2487AB;
}

.iota-book-demo-form {
	width: 100%;
}

.iota-book-demo-loading {
	text-align: center;
	padding: 24px 20px;
	color: #FFFFFF;
	font-size: 15px;
}

/* CF7 form inside Book Demo drawer - white inputs, same as job apply */
.iota-book-demo-drawer .wpcf7-form p {
	margin: 0 0 20px 0;
}

.iota-book-demo-drawer .wpcf7-form label {
	display: block;
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #FFFFFF;
	margin-bottom: 8px;
}

.iota-book-demo-drawer .wpcf7-form input[type="text"],
.iota-book-demo-drawer .wpcf7-form input[type="email"],
.iota-book-demo-drawer .wpcf7-form input[type="tel"],
.iota-book-demo-drawer .wpcf7-form input[type="url"],
.iota-book-demo-drawer .wpcf7-form input[type="number"],
.iota-book-demo-drawer .wpcf7-form textarea,
.iota-book-demo-drawer .wpcf7-form select {
	width: 100%;
	max-width: 100%;
	padding: 14px 16px;
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #000000;
	background-color: #FFFFFF !important;
	background: #FFFFFF !important;
	border: 1px solid #D1D5DB;
	border-radius: 8px;
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	opacity: 1;
	-webkit-appearance: none;
	appearance: none;
}

.iota-book-demo-drawer .wpcf7-form input::placeholder,
.iota-book-demo-drawer .wpcf7-form textarea::placeholder {
	color: #9CA3AF;
}

.iota-book-demo-drawer .wpcf7-form input:focus,
.iota-book-demo-drawer .wpcf7-form textarea:focus,
.iota-book-demo-drawer .wpcf7-form select:focus {
	outline: none;
	border-color: #2487AB;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
}

.iota-book-demo-drawer .wpcf7-form textarea {
	min-height: 100px;
	resize: vertical;
}

.iota-book-demo-drawer .wpcf7-form input[type="file"] {
	padding: 12px;
	font-size: 14px;
}

.iota-book-demo-drawer .wpcf7-form input[type="submit"],
.iota-book-demo-drawer .wpcf7-form button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	min-width: 123px;
	height: 54px;
	padding: 18px 30px;
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0;
	color: #2487AB;
	background-color: #FFFFFF !important;
	background: #FFFFFF !important;
	border: none;
	border-radius: 30px;
	cursor: pointer;
	transition: opacity 0.25s ease, background-color 0.25s ease;
	margin-top: 12px;
	box-sizing: border-box;
}

.iota-book-demo-drawer .wpcf7-form input[type="submit"]:hover,
.iota-book-demo-drawer .wpcf7-form button[type="submit"]:hover {
	opacity: 0.95;
	background-color: #F5FAFC !important;
	background: #F5FAFC !important;
}

/* Book Demo drawer responsive - full width on small screens */
@media screen and (max-width: 480px) {
	.iota-book-demo-drawer {
		max-width: 100%;
	}

	.iota-job-listings-section {
		padding: 40px 0 !important;
	}
}

/* Responsive - Tablet (max-width: 1024px) */
@media screen and (max-width: 1024px) {
	.iota-job-listings-layout {
		gap: 100px;
	}

	.iota-job-listings-title {
		font-size: 60px;
		line-height: 65px;
		margin-bottom: 40px;
	}

	.iota-job-tab {
		max-width: 100%;
		height: auto;
		min-height: 100px;
		padding: 25px 40px;
	}

	.iota-job-tab-number {
		font-size: 18px;
		margin-right: 40px;
	}

	.iota-job-tab-title {
		font-size: 30px;
		line-height: 35px;
	}

	.iota-job-content {
		padding-left: 80px;
	}
}

/* Responsive - Mobile (max-width: 768px) */
@media screen and (max-width: 768px) {
	.iota-job-listings-layout {
		flex-direction: column;
		gap: 40px;
	}

	.iota-job-listings-graphic {
		width: 120px;
		height: 120px;
		margin: 0 auto;
	}

	.iota-job-listings-title {
		font-size: 40px;
		line-height: 45px;
		margin-bottom: 30px;
		text-align: center;
	}

	.iota-job-tab {
		padding: 20px 30px;
		flex-wrap: wrap;
		gap: 15px;
	}

	.iota-job-tab-number {
		font-size: 16px;
		margin-right: 0;

	}

	.iota-job-tab-title {
		font-size: 24px;
		line-height: 28px;
		flex: 1;
		min-width: 0;
	}

	.iota-job-tab-icon {
		width: 20px;
		height: 20px;
	}

	.iota-job-content {
		padding-left: 0;
		padding-top: 30px;
	}

	.iota-job-content-title {
		font-size: 20px;
		line-height: 26px;
	}

	.iota-job-content-text {
		font-size: 18px;
		line-height: 28px;
	}

	.iota-job-apply-drawer {
		max-width: 100%;
	}
}

/* Responsive - Small Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {
	.iota-job-content {
		padding: 20px !important;
	}

	.iota-job-listings-graphic {
		display: none !important;
	}

	.iota-job-listings-content {
		width: 100% !important;
	}

	.iota-job-listings-title {
		font-size: 32px;
		line-height: 38px;
	}

	.iota-job-tab {
		padding: 15px 20px;
		min-height: 70px;
	}

	.iota-job-tab-title {
		font-size: 20px;
		line-height: 24px;
	}

	.iota-job-content-title {
		font-size: 18px;
		line-height: 24px;
	}

	.iota-job-content-text {
		font-size: 16px;
		line-height: 24px;
	}
}

/* ============================================
   News Grid Section
   ============================================ */
.iota-news-grid-section {
	position: relative;
	width: 100%;
}

/* Section Title */
.iota-news-grid-title {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	text-align: center;
	color: #000000;
	margin: 0;
}

/* News Grid Items Container */
.iota-news-grid-items {
	display: flex;
	flex-direction: column;
	width: 100%;
}

/* News Item */
.iota-news-item {
	display: flex;
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
	background-color: #FFFFFF;
	justify-content: space-between;
}

/* Alternating Row Reverse */
.iota-news-item-reverse {
	flex-direction: row-reverse;
	justify-content: space-between;
}

/* Left Part: Image Wrapper */
.iota-news-item-image-wrapper {
	flex: 0 0 calc(50% - 25px);
	position: relative;
	border: 1px solid #EAF3F7;
	background: linear-gradient(90deg, #EAF3F7 50.2%, #FFFFFF 100%);
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 25px;
	margin-right: 25px;
}

.iota-news-item-reverse .iota-news-item-image-wrapper {
	margin-right: 0;
	margin-left: 25px;
}

.iota-news-item-image {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.iota-news-item-image img {
	width: 100%;
	height: auto;
	object-fit: scale-down;
	max-height: 400px;
	border-radius: 0;
	max-width: 100%;
	contain-intrinsic-size: revert;
}

.iota-news-item-image-placeholder {
	width: 100%;
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #F5F5F5;
}

.iota-news-item-image-placeholder span {
	color: #999999;
	font-size: 16px;
}

/* Right Part: Content */
.iota-news-item-content {
	flex: 0 0 calc(50% - 25px);
	border-radius: 20px;
	border: 1px solid #DDDDDD;
	padding: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* News Item Title */
.iota-news-item-title {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0 0 152px;

}

.iota-news-item-title a {
	color: inherit;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.iota-news-item-title a:hover {
	opacity: 0.7;
}

/* News Item Date */
.iota-news-item-date {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0 0 15px;
}

/* News Item Description */
.iota-news-item-description {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555555;
	margin: 0 0 30px;
}

.iota-news-item-description p {
	margin: 0 0 15px;
}

.iota-news-item-description p:last-child {
	margin-bottom: 0;
}

/* Read More Link */
.iota-news-read-more {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	line-height: 13px;
	letter-spacing: 0.03em;
	text-transform: capitalize;
	color: #2487AB;
	text-decoration: none;
	border-bottom: 1px solid #2487AB;
	padding-bottom: 13px;
	transition: opacity 0.3s ease;
	width: fit-content;
}

.iota-news-read-more:hover {
	opacity: 0.7;
}

.iota-news-read-more svg {
	width: 10px;
	height: 10px;
	flex-shrink: 0;
}

/* No News Found */
.iota-news-grid-section .no-news-found {
	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: #555555;
	text-align: center;
	padding: 50px 20px;
}

/* Animation Classes - Initial State (handled by JS) */
.iota-news-grid-title-animate,
.iota-news-item-animate {
	opacity: 1;
	visibility: visible;
}

/* Responsive - Hide Classes */
.iota-news-grid-section.iota-hide-mobile {
	display: none;
}

@media screen and (min-width: 769px) {
	.iota-news-grid-section.iota-hide-mobile {
		display: block;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.iota-news-grid-section.iota-hide-tablet {
		display: none;
	}
}

@media screen and (min-width: 1025px) {
	.iota-news-grid-section.iota-hide-desktop {
		display: none;
	}
}

/* Responsive - Tablet (max-width: 1024px) */
@media screen and (max-width: 1024px) {
	.iota-news-grid-title {
		font-size: 50px;
		line-height: 55px;
	}

	.iota-news-item {
		flex-direction: column !important;
	}

	.iota-news-item-image-wrapper {
		flex: 0 0 100%;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 0;
		border-radius: 20px 20px 0 0;
		padding: 20px;
		min-height: 250px;
	}

	.iota-news-item-reverse .iota-news-item-image-wrapper {
		margin-left: 0;
	}

	.iota-news-item-content {
		flex: 0 0 100%;
		border-radius: 0 0 20px 20px;
		padding: 30px;
	}

	.iota-news-item-title {
		font-size: 28px;
		line-height: 32px;
	}

	.iota-news-item-date {
		font-size: 20px;
		line-height: 26px;
	}

	.iota-news-item-description {
		font-size: 18px;
		line-height: 28px;
	}
}

/* Responsive - Mobile (max-width: 768px) */
@media screen and (max-width: 768px) {
	.iota-news-grid-title {
		font-size: 40px;
		line-height: 45px;
		margin-bottom: 30px;
	}

	.iota-news-item {
		flex-direction: column !important;
	}

	.iota-news-item-image-wrapper {
		flex: 0 0 100%;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 0;
		border-radius: 20px 20px 0 0;
		padding: 15px;
		min-height: 200px;
	}

	.iota-news-item-reverse .iota-news-item-image-wrapper {
		margin-left: 0;
	}

	.iota-news-item-content {
		flex: 0 0 100%;
		border-radius: 0 0 20px 20px;
		padding: 25px 20px;
	}

	.iota-news-item-title {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 12px;
	}

	.iota-news-item-date {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 12px;
	}

	.iota-news-item-description {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 20px;
	}

	.iota-news-read-more {
		font-size: 14px;
		line-height: 12px;
		padding-bottom: 10px;
	}
}

/* ==========================================================================
   Started Small Section Addon
   ========================================================================== */

.iota-started-small-section {
	position: relative;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

.iota-started-small-container {
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

/* Main Title */
.iota-started-small-main-title,
.iota-started-small-sub-title {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	overflow-wrap: break-word;
	hyphens: auto;
}

/* Second Title */
.iota-started-small-second-title {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	overflow-wrap: break-word;
	hyphens: auto;
}

/* Description */
.iota-started-small-description {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	overflow-wrap: break-word;
	hyphens: auto;
}

/* Image Wrapper */
.iota-started-small-image-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
}

.iota-started-small-image {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

/* ==========================================================================
   Responsive Design - Large Screens (1366px - 1920px)
   ========================================================================== */

@media screen and (max-width: 1920px) {
	.iota-started-small-main-title {
		font-size: clamp(100px, 7.8vw, 150px);
		line-height: clamp(100px, 7.8vw, 150px);
	}

	.iota-started-small-second-title {
		font-size: clamp(50px, 3.6vw, 70px);
		line-height: clamp(50px, 3.6vw, 70px);
	}

	.iota-started-small-description {
		font-size: clamp(35px, 2.6vw, 50px);
		line-height: clamp(35px, 2.6vw, 50px);
	}
}

@media screen and (max-width: 1440px) {
	.iota-started-small-main-title {
		font-size: clamp(80px, 7vw, 120px);
		line-height: clamp(80px, 7vw, 120px);
	}

	.iota-started-small-second-title {
		font-size: clamp(45px, 3.2vw, 60px);
		line-height: clamp(45px, 3.2vw, 60px);
	}

	.iota-started-small-description {
		font-size: clamp(30px, 2.4vw, 45px);
		line-height: clamp(30px, 2.4vw, 45px);
	}
}

@media screen and (max-width: 1366px) {
	.iota-started-small-main-title {
		font-size: clamp(70px, 6.5vw, 100px);
		line-height: clamp(70px, 6.5vw, 100px);
	}

	.iota-started-small-second-title {
		font-size: clamp(40px, 3vw, 55px);
		line-height: clamp(40px, 3vw, 55px);
	}

	.iota-started-small-description {
		font-size: clamp(28px, 2.2vw, 40px);
		line-height: clamp(28px, 2.2vw, 40px);
	}
}

/* ==========================================================================
   Responsive Design - Tablet (768px - 1024px)
   ========================================================================== */

@media screen and (max-width: 1024px) {
	.iota-started-small-section {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}

	.iota-started-small-main-title {
		font-size: 60px !important;
		line-height: 65px !important;
	}

	.iota-started-small-second-title {
		font-size: 38px !important;
		line-height: 42px !important;
	}

	.iota-started-small-description {
		font-size: 26px !important;
		line-height: 32px !important;
		max-width: 90% !important;
	}

	.iota-started-small-image-wrapper {
		margin-top: 40px;
	}
}

/* ==========================================================================
   Responsive Design - Mobile (320px - 767px)
   ========================================================================== */

@media screen and (max-width: 768px) {
	.iota-started-small-section {
		padding-left: 0px !important;
		padding-right: 0px !important;
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-started-small-main-title {
		font-size: 48px !important;
		line-height: 52px !important;
		letter-spacing: -0.02em !important;
		margin-bottom: 30px !important;
	}

	.iota-started-small-second-title {
		font-size: 32px !important;
		line-height: 36px !important;
		letter-spacing: -0.02em !important;
		margin-bottom: 20px !important;
	}

	.iota-started-small-description {
		font-size: 22px !important;
		line-height: 28px !important;
		letter-spacing: -0.02em !important;
		max-width: 100% !important;
		margin-bottom: 60px !important;
	}

	.iota-started-small-image-wrapper {
		margin-top: 30px;
	}

	.iota-started-small-image {
		border-radius: 80px 0 80px 0 !important;
	}
}

/* ==========================================================================
   Responsive Design - Small Mobile (< 480px)
   ========================================================================== */

@media screen and (max-width: 480px) {
	.iota-started-small-section {
		padding-left: 0px !important;
		padding-right: 0px !important;
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-started-small-main-title {
		font-size: 36px !important;
		line-height: 40px !important;
		margin-bottom: 10px !important;
	}

	.iota-started-small-sub-title {
		font-size: 29px !important;
		line-height: 35px !important;
		margin-bottom: 15px !important;
	}

	.iota-started-small-second-title {
		font-size: 26px !important;
		line-height: 30px !important;
		margin-bottom: 18px !important;
	}

	.iota-started-small-description {
		font-size: 18px !important;
		line-height: 24px !important;
		margin-bottom: 30px !important;
	}

	.iota-started-small-image {
		border-radius: 60px 0 60px 0 !important;
	}
}

/* ==========================================================================
   Cross-Browser Compatibility
   ========================================================================== */

/* Safari specific fixes */
@supports (-webkit-appearance: none) {
	.iota-started-small-image {
		-webkit-transform: translateZ(0);
		-webkit-backface-visibility: hidden;
	}
}

/* Firefox specific fixes */
@-moz-document url-prefix() {

	.iota-started-small-main-title,
	.iota-started-small-second-title,
	.iota-started-small-description {
		-moz-osx-font-smoothing: grayscale;
	}
}

/* Edge/IE specific fixes */
@supports (-ms-ime-align: auto) {
	.iota-started-small-image {
		-ms-interpolation-mode: bicubic;
	}
}

/* ==========================================================================
   Rethink Screening Section Addon
   ========================================================================== */

.iota-rethink-screening-section {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.iota-rethink-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	position: relative;
	z-index: 2;
}

/* Main Title */
.rethink-title-style {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	text-align: center;
	margin: 0;
	font-size: clamp(48px, 10vw, 150px);
	line-height: 1;
}

/* Subtitle */
.rethink-subtitle-style {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	text-align: center;
	margin: 0;
	font-size: clamp(28px, 5vw, 70px);
	line-height: 1;
}

/* Image Caption */
.rethink-caption-style , .iota-rethink-image-container p {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	text-align: center;
	margin: 0 auto;
	font-size: clamp(20px, 3.5vw, 50px);
	line-height: 1;
	font-size: 36px;
    line-height: 40px;
    letter-spacing: -3%;
    font-weight: 500;
    color: rgb(255, 255, 255);
}

/* Image Container - Caption + Image Wrapper */
.iota-rethink-image-container {
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

/* Product Image */
.iota-rethink-image-wrapper {
	width: 100%;
	margin: 0 auto;
}

/* .iota-rethink-image-container .iota-rethink-caption {
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	z-index: 5;
}
 */
.iota-rethink-product-img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
}

/* Button */
.iota-rethink-btn-wrapper {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.rethink-btn-style {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0;
	padding: 18px 30px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	transition: all 0.3s ease;
	border: none;
	cursor: pointer;
}

.rethink-btn-style:hover {
	opacity: 0.9;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* Bottom Right Graphic */
.iota-rethink-graphic {
	position: absolute;
	z-index: 1;
	pointer-events: none;
}

.iota-rethink-graphic-img {
	max-width: 150px;
	height: auto;
	display: block;
}

/* ==========================================================================
   Rethink Screening Section - Responsive
   ========================================================================== */

/* 1440px */
@media screen and (max-width: 1440px) {
	.iota-rethink-screening-section {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.rethink-title-style {
		margin-bottom: 40px !important;
		font-size: 100px !important;
		line-height: 100px !important;
	}

	.rethink-subtitle-style {
		margin-bottom: 60px !important;
	}

	.rethink-caption-style {
		margin-bottom: 40px !important;
	}

	.iota-rethink-image-wrapper {
		max-width: 800px;
	}

	.iota-rethink-graphic {
		bottom: 150px !important;
		right: 80px !important;
	}

	.iota-rethink-graphic-img {
		max-width: 130px;
	}
}

/* 1280px */
@media screen and (max-width: 1280px) {
	.iota-rethink-screening-section {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.rethink-title-style {
		margin-bottom: 35px !important;
		font-size: 80px !important;
		line-height: 80px !important;

	}

	.rethink-subtitle-style {
		margin-bottom: 50px !important;
		font-size: 50px !important;
		line-height: 50px !important;
	}

	.rethink-caption-style {
		margin-bottom: 35px !important;
	}

	.iota-rethink-image-wrapper {
		max-width: 700px;
	}

	.iota-rethink-graphic {
		bottom: 120px !important;
		right: 60px !important;
	}

	.iota-rethink-graphic-img {
		max-width: 110px;
	}
}

/* Tablet - 1024px */
@media screen and (max-width: 1024px) {
	.iota-rethink-screening-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.rethink-title-style {
		font-size: 60px !important;
		line-height: 60px !important;
		/* Reduced from clamp */
		margin-bottom: 30px !important;
	}

	.rethink-subtitle-style {
		font-size: 30px !important;
		line-height: 30px !important;
		margin-bottom: 40px !important;
	}

	.rethink-caption-style {
		font-size: 24px !important;
		margin-bottom: 30px !important;
		max-width: 600px !important;
	}

	.iota-rethink-image-wrapper {
		max-width: 600px;
		margin-bottom: 50px !important;
	}

	.rethink-btn-style {
		font-size: 16px;
		padding: 16px 25px;
	}

	.iota-rethink-graphic {
		bottom: 80px !important;
		right: 40px !important;
	}

	.iota-rethink-graphic-img {
		max-width: 90px;
	}
}

/* Mobile - 768px */
@media screen and (max-width: 768px) {
	.iota-rethink-screening-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	/* Stack layout for mobile */
	.iota-rethink-image-container .iota-rethink-caption {
		position: absolute !important;
		top: 10% !important;
		/* Keep absolute but adjust top to not cover important parts if possible, 
		   OR switch to relative as planned. 
		   User plan said "static position". Let's do that. */
		position: relative !important;
		top: auto !important;
		left: auto !important;
		transform: none !important;
		margin-bottom: 20px !important;
		width: 100% !important;
	}

	.rethink-title-style {
		font-size: 40px !important;
		line-height: 40px !important;
		margin-bottom: 25px !important;
	}

	.rethink-subtitle-style {
		font-size: 22px !important;
		line-height: 22px !important;
		margin-bottom: 35px !important;
	}

	.rethink-caption-style {
		font-size: 18px !important;
		margin-bottom: 25px !important;
		max-width: 100% !important;
	}

	.iota-rethink-image-wrapper {
		max-width: 100%;
		margin-bottom: 40px !important;
	}

	.rethink-btn-style {
		font-size: 15px;
		padding: 14px 22px;
		width: auto;
	}

	.iota-rethink-graphic {
		bottom: 50px !important;
		right: 20px !important;
	}

	.iota-rethink-graphic-img {
		max-width: 70px;
	}
}

/* Small Mobile - 480px */
@media screen and (max-width: 480px) {
	.iota-rethink-screening-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.rethink-title-style {
		font-size: 35px !important;
		line-height: 40px !important;
		margin-bottom: 20px !important;
	}

	.rethink-subtitle-style {
		font-size: 22px !important;
		line-height: 18px !important;
		margin-bottom: 25px !important;
	}

	.rethink-caption-style {
		font-size: 20px !important;
		line-height: 25px !important;
		margin-bottom: 15px !important;
	}

	.rethink-subtitle-style {
		line-height: 22px !important;
		margin-bottom: 20px !important;
	}

	.rethink-caption-style {
		margin-bottom: 20px !important;
	}

	.iota-rethink-image-wrapper {
		margin-bottom: 30px !important;
	}

	.rethink-btn-style {
		font-size: 14px;
		padding: 12px 20px;
	}

	.iota-rethink-graphic {
		bottom: 30px !important;
		right: 10px !important;
		display: none !important;
	}

	.iota-rethink-graphic-img {
		max-width: 50px;
	}

	.newsletter {
		max-width: 100%;
	}
}

/* Cross-browser compatibility */
@-webkit-keyframes rethink-fade-in {
	from {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes rethink-fade-in {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Safari specific fixes */
@media not all and (min-resolution: 0.001dpcm) {
	@supports (-webkit-appearance: none) {

		.rethink-title-style,
		.rethink-subtitle-style,
		.rethink-caption-style {
			-webkit-font-smoothing: antialiased;
		}
	}
}

/* Firefox specific fixes */
@-moz-document url-prefix() {

	.rethink-title-style,
	.rethink-subtitle-style,
	.rethink-caption-style {
		-moz-osx-font-smoothing: grayscale;
	}
}

/* ==========================================================================
   About IOTA Diagnostic Info Section Addon
   ========================================================================== */

.iota-about-iota-info-section {
	width: 100%;
	position: relative;
}

.iota-about-iota-info-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

/* Left: Image */
.iota-about-iota-info-left {
	flex: 0 0 auto;
	max-width: 45%;
}

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

/* Right: Content */
.iota-about-iota-info-right {
	flex: 1;
	max-width: 55%;
}

/* Title */
.about-iota-info-title-style {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	margin: 0;
}

/* Content */
.about-iota-info-content-style {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	margin: 0;
}

.about-iota-info-content-style p {
	margin: 0 0 15px 0;
}

.about-iota-info-content-style p:last-child {
	margin-bottom: 0;
}

/* Button */
.iota-about-iota-info-btn-wrapper {
	display: flex;
	justify-content: flex-start;
}

.about-iota-info-btn-style {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0;
	padding: 18px 30px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	transition: all 0.3s ease;
	border: none;
	cursor: pointer;
	border: 2px solid #2487AB;
}

.about-iota-info-btn-style:hover {
	background: transparent !important;
	color: #2487AB !important;
	border-color: #2487AB !important;
}

/* ==========================================================================
   About IOTA Diagnostic Info Section - Responsive
   ========================================================================== */

/* 1440px */
@media screen and (max-width: 1440px) {
	.iota-about-iota-info-section {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
		padding-left: 80px !important;
		padding-right: 80px !important;
	}

	.iota-about-iota-info-wrapper {
		gap: 120px !important;
	}

	.about-iota-info-title-style {
		font-size: 60px !important;
		line-height: 60px !important;
	}

	.about-iota-info-content-style {
		font-size: 18px !important;
		line-height: 28px !important;
	}
}

/* 1280px */
@media screen and (max-width: 1280px) {
	.iota-about-iota-info-section {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
		padding-left: 60px !important;
		padding-right: 60px !important;
	}

	.iota-about-iota-info-wrapper {
		gap: 100px !important;
	}

	.about-iota-info-title-style {
		font-size: 55px !important;
		line-height: 55px !important;
	}

	.about-iota-info-content-style {
		font-size: 17px !important;
		line-height: 26px !important;
	}
}

/* Tablet - 1024px */
@media screen and (max-width: 1024px) {
	.iota-about-iota-info-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
		padding-left: 40px !important;
		padding-right: 40px !important;
	}

	.iota-about-iota-info-wrapper {
		flex-direction: column;
		gap: 40px !important;
	}

	.iota-about-iota-info-left,
	.iota-about-iota-info-right {
		max-width: 100%;
		width: 100%;
	}

	.iota-about-iota-info-left {
		text-align: center;
	}

	.iota-about-iota-info-img {
		max-width: 400px;
		margin: 0 auto;
	}

	.about-iota-info-title-style {
		font-size: 50px !important;
		line-height: 50px !important;
		text-align: center;
	}

	.about-iota-info-content-style {
		font-size: 16px !important;
		line-height: 24px !important;
		text-align: center;
	}

	.iota-about-iota-info-btn-wrapper {
		justify-content: center;
	}

	.about-iota-info-btn-style {
		font-size: 16px;
		padding: 16px 25px;
	}
}

/* Mobile - 768px */
@media screen and (max-width: 768px) {
	.iota-about-iota-info-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.iota-about-iota-info-wrapper {
		gap: 30px !important;
	}

	.iota-about-iota-info-img {
		max-width: 300px;
	}

	.about-iota-info-title-style {
		font-size: 40px !important;
		line-height: 40px !important;
		margin-bottom: 20px !important;
	}

	.about-iota-info-content-style {
		font-size: 15px !important;
		line-height: 22px !important;
		margin-bottom: 20px !important;
	}

	.about-iota-info-btn-style {
		font-size: 15px;
		padding: 14px 22px;
	}
}

/* Small Mobile - 480px */
@media screen and (max-width: 480px) {
	.iota-about-iota-info-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.iota-about-iota-info-wrapper {
		gap: 25px !important;
	}

	.iota-about-iota-info-img {
		max-width: 250px;
	}

	.about-iota-info-title-style {
		font-size: 32px !important;
		line-height: 32px !important;
		margin-bottom: 15px !important;
	}

	.about-iota-info-content-style {
		font-size: 14px !important;
		line-height: 20px !important;
		margin-bottom: 15px !important;
	}

	.about-iota-info-btn-style {
		font-size: 14px;
		padding: 12px 20px;
	}
}

/* Cross-browser compatibility */
@media not all and (min-resolution: 0.001dpcm) {
	@supports (-webkit-appearance: none) {

		.about-iota-info-title-style,
		.about-iota-info-content-style {
			-webkit-font-smoothing: antialiased;
		}
	}
}

@-moz-document url-prefix() {

	.about-iota-info-title-style,
	.about-iota-info-content-style {
		-moz-osx-font-smoothing: grayscale;
	}
}

/* ==========================================================================
   Recognized for Innovation Section
   ========================================================================== */

.iota-recognized-innovation-section {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.iota-recognized-innovation-slider .slick-list .slick-track {
	display: flex;
	align-items: stretch;
}

.iota-recognized-innovation-slider .slick-list .slick-track .iota-recognized-innovation-slide {
	height: auto;
}

.iota-recognized-innovation-title {
/* 	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	/* Medium */
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	/* -3% */
	text-align: center;
	margin: 0;
}

.iota-recognized-innovation-description {
/* 	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 400;
	font-style: normal;
	/* Regular */
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* Slider Wrapper */
.iota-recognized-innovation-slider-wrapper {
	position: relative;
	padding: 0 10px;
	/* Space for shadow/overflow if needed */
}

/* Slider Slide */
.iota-recognized-innovation-slide {
	padding: 0 12px;
	/* Half of 24px gap */
	outline: none;
}

/* Card */
.iota-recognized-innovation-card {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 20px;
	/* Card border radius */
	overflow: hidden;
	height: 100%;
	transition: all 0.3s ease;
}

.iota-recognized-innovation-card:hover {
	border-color: #1d7394 !important;
}

/* Card Image */
.iota-recognized-innovation-card-image-wrapper {
	width: 100%;
	height: 220px;
	overflow: hidden;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #EAF3F7;
	/* Fallback/Placeholder background */
}

.iota-recognized-innovation-card-image {
	width: auto;
	height: auto;
	object-fit: cover;
	/* Contain to show full logo/award */
	
	/* Padding for logo inside container */
	display: block;

}

/* Card Content */
.iota-recognized-innovation-card-content {
	padding: 20px;
	text-align: center;
}

.iota-recognized-innovation-card-title {
/* 	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	/* Medium */
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -0.03em;
	margin: 0 0 10px 0;
}

.iota-recognized-innovation-card-description {
/* 	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 400;
	font-style: normal;
	/* Regular */
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0;
}

.iota-recognized-innovation-card-description p {
	margin: 0;
}

/* Slider Arrows (Using same style as Team Grid) */
.iota-recognized-innovation-slider .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	cursor: pointer;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0;
	margin: 0;
	line-height: 1;
	border: 1px solid #DDDDDD;
	/* Light border */
	background-color: #FFFFFF;
	color: #2487AB;
}

.iota-recognized-innovation-slider .slick-arrow:hover {
	background-color: #2487AB;
	border-color: #2487AB;
	color: #FFFFFF;
	transform: translateY(-50%) !important;
}

.iota-recognized-innovation-slider .slick-arrow:hover svg path {
	fill: #fff;
}

.iota-recognized-innovation-slider .slick-prev {
	left: -35px;
	/* Half outside */
}

.iota-recognized-innovation-slider .slick-next {
	right: -35px;
	/* Half outside */
}

/* Arrow SVG Icons */
.iota-recognized-innovation-slider .slick-arrow svg {
	width: 12px;
	height: 12px;
	display: block;
	fill: currentColor;
}

/* Hide default slick arrow text */
.iota-recognized-innovation-slider .slick-arrow:before {
	display: none !important;
}

/* Responsive */
@media screen and (max-width: 1200px) {
	.iota-recognized-innovation-title {
		font-size: 56px;
		line-height: 60px;
	}
}

@media screen and (max-width: 991px) {
	.iota-recognized-innovation-title {
		font-size: 48px;
		line-height: 52px;
	}

	.iota-recognized-innovation-slider .slick-prev {
		left: 0;
	}

	.iota-recognized-innovation-slider .slick-next {
		right: 0;
	}
}

@media screen and (max-width: 768px) {
	.iota-recognized-innovation-title {
		font-size: 36px;
		line-height: 42px;
	}

	.iota-recognized-innovation-description {
		font-size: 16px;
		line-height: 24px;
	}

	.iota-recognized-innovation-card-content {
		padding: 20px;
	}

	.iota-recognized-innovation-card-title {
		font-size: 20px;
		line-height: 26px;
	}

	.iota-recognized-innovation-card-description {
		font-size: 16px;
		line-height: 24px;
	}

	.iota-recognized-innovation-card-image-wrapper {
		height: 200px;
	}
}

/* ==========================================================================
   Facts Grid Section
   ========================================================================== */

.iota-facts-grid-section {
	width: 100%;
	position: relative;
	background-color: transparent;

	box-sizing: border-box;
}

.iota-facts-container {
	max-width: 1400px;
	/* Adjust based on container width needs */
	margin: 0 auto;
}

/* Top Graphic */
.iota-facts-top-graphic {
	text-align: center;
	margin-bottom: 40px;
	position: absolute;
	top: -50px;
	right: 100px;
}

.iota-facts-top-graphic img {
	width: 150px;
	height: 150px;
	object-fit: contain;
}

/* Layout */
.iota-facts-grid-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 152px;
	width: 100%;
}

/* Left Column */
.iota-facts-left-column {
	flex: 1;
	max-width: 50%;
}

.iota-facts-left-title {
/* 	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0 0 30px 0;
}

.iota-facts-left-subtitle {
/* 	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.03em;
	color: #000000;
	margin-bottom: 30px;
}

.iota-facts-left-description {
/* 	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -0.03em;
	color: #000000;
	margin-bottom: 50px;
}

.iota-facts-grid-section .iota-facts-title {
/* 	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0 0 40px 0;
}

.iota-facts-counter-subtitle {
/* 	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.03em;
	color: #000000;
	margin-bottom: 30px;
}

.iota-facts-counter-description {
/* 	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; */
    font-family: "Exo", sans-serif;  	
	font-weight: 500;
	font-style: normal;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -0.03em;
	color: #000000;
	margin-bottom: 50px;
}

.iota-facts-left-logo img {
	width: 232px;
	height: 239px;
	object-fit: contain;
}

/* Right Column */
.iota-facts-right-column {
	flex: 1;
	max-width: 50%;
}

.iota-facts-repeater {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.iota-fact-repeater-item {
	border-bottom: 1px solid #C2CED4;
	margin-bottom: 40px;
	width: 100%;
}

.iota-fact-repeater-item:last-child {
	border-bottom: none;
	/* As per request "border bottom" */
}

.iota-fact-repeater-title {
/* 	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	color: #2487AB;
	margin-bottom: 30px;
}

.iota-fact-repeater-description {
/* 	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; */
	font-family: "Exo", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #000000;
	margin-bottom: 50px;
}

.iota-fact-repeater-description p {
	margin: 0;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	color: inherit;
}

.iota-fact-repeater-description span {
	font-family: Exo;
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #2487AB;
}


/* Responsive */
@media screen and (max-width: 1200px) {
	.iota-facts-grid-section {
		padding-top: 70px !important;
		padding-bottom: 70px !important;

	}

	.iota-facts-grid-content {
		gap: 80px;
	}

	.iota-facts-left-title,
	.iota-fact-repeater-title {
		font-size: 56px;
		line-height: 60px;
	}
}

@media screen and (max-width: 991px) {
	.iota-facts-grid-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;

	}

	.iota-facts-grid-content {
		flex-direction: column;
		gap: 60px;
	}

	.iota-facts-left-column,
	.iota-facts-right-column {
		max-width: 100%;
	}

	.iota-facts-left-title,
	.iota-fact-repeater-title {
		font-size: 48px;
		line-height: 54px;
	}
}

@media screen and (max-width: 768px) {
	.iota-facts-grid-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;

	}

	.iota-facts-top-graphic {
		display: none;
	}

	.iota-facts-left-title,
	.iota-fact-repeater-title {
		font-size: 36px;
		line-height: 42px;
	}

	.iota-facts-left-subtitle {
		font-size: 24px;
		line-height: 30px;
	}

	.iota-facts-left-description {
		font-size: 18px;
		line-height: 24px;
	}

	.iota-facts-top-graphic img {
		width: 100px;
		height: 100px;
	}

	.iota-facts-left-logo img {
		width: 150px;
		height: auto;
	}
}

@media screen and (max-width: 480px) {
	.iota-facts-grid-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;

	}
}

/* ==========================================================================
   Facts Counter Section
   ========================================================================== */

.iota-facts-counter-section {
	width: 100%;
	position: relative;
	background-color: transparent;

	box-sizing: border-box;
}

.iota-facts-counter-section .iota-facts-title {
/* 	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; */
 font-family: "Exo", sans-serif;	
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	text-align: center;
	color: #003547;
	margin: 0 0 50px 0;
}

.iota-facts-counter-section .iota-facts-subtitle {
/* 	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; */
    font-family: "Exo", sans-serif;	
	font-weight: 500;
	font-style: normal;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.03em;
	text-align: center;
	color: #000000;
	margin-bottom: 30px;
}

.iota-facts-counter-section .iota-facts-description {
/* 	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.03em;
	text-align: center;
	color: #000000;
	margin-bottom: 50px;
}

.iota-facts-counter-section .iota-facts-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

.iota-facts-counter-section .iota-fact-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 40px;
	border-right: 1px solid #DDDDDD;
}

.iota-facts-counter-section .iota-fact-item:last-child {
	border-right: none;
}

.iota-facts-counter-section .iota-fact-value {
/* 	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	text-align: center;
	color: #2487AB;
	margin-bottom: 30px;
}

.iota-facts-counter-section .iota-fact-description {
/* 	font-family: 'Exo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -0.03em;
	text-align: center;
	color: #000000;
}

/* Responsive */
@media screen and (max-width: 991px) {
	.iota-facts-counter-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;

	}

	.iota-facts-counter-section .iota-facts-title {
		font-size: 50px;
		line-height: 55px;
	}

	.iota-facts-counter-section .iota-fact-value {
		font-size: 50px;
		line-height: 55px;
		margin-bottom: 20px;
	}

	.iota-facts-counter-section .iota-fact-description {
		font-size: 20px;
		line-height: 26px;
	}

	.iota-facts-counter-section .iota-fact-item {
		padding: 0 20px;
	}
}

@media screen and (max-width: 768px) {
	.iota-facts-counter-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;

	}

	.iota-facts-counter-section .iota-facts-grid {
		flex-direction: column;
		border-bottom: none;
	}

	.iota-facts-counter-section .iota-fact-item {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #DDDDDD;
		padding: 30px 0;
	}

	.iota-facts-counter-section .iota-fact-item:last-child {
		border-bottom: none;
	}

	.iota-facts-counter-section .iota-facts-title {
		font-size: 40px;
		line-height: 45px;
		margin-bottom: 30px;
	}

	.iota-facts-counter-section .iota-fact-value {
		font-size: 40px;
		line-height: 45px;
	}

	.iota-facts-counter-section .iota-fact-description {
		font-size: 18px;
		line-height: 24px;
	}
}

@media screen and (max-width: 480px) {
	.iota-facts-counter-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;

	}

	.iota-facts-counter-section .iota-facts-title {
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 20px;
	}

	.iota-facts-counter-section .iota-facts-subtitle {
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 20px;
	}

	.iota-facts-counter-section .iota-facts-description {
		font-size: 19px;
		line-height: 25px;
		margin-bottom: 10px;
	}
}

/* ==========================================================================
   How Does It Work Section Addon
   ========================================================================== */

.iota-how-does-it-work-section {
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.iota-how-does-it-work-section .hdw-section-title {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	color: #000000;
	margin-bottom: 50px;
	display: block;
	text-align: center;
    margin: 0;	
}

.iota-how-does-it-work-section .hdw-content-wrapper {
	display: flex;
	justify-content: space-between;
	/* 	align-items: flex-start; */
	gap: 60px;
	width: 100%;
}

.iota-how-does-it-work-section .hdw-left-column {
	min-width: 400px;
}

.iota-how-does-it-work-section .hdw-right-column {
	max-width: 1100px;
	min-width: 300px;
}

/* Steps */
.iota-how-does-it-work-section .hdw-step-row {
	margin-bottom: 30px;
	border-bottom: 1px solid #DDDDDD;
}

.iota-how-does-it-work-section .hdw-step-row:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.iota-how-does-it-work-section .hdw-step-header {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 30px;
}

.iota-how-does-it-work-section .hdw-step-icon {
	width: 70px;
	height: 71px;
	object-fit: contain;
	flex-shrink: 0;
}

.iota-how-does-it-work-section .hdw-step-title {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0;
}

.iota-how-does-it-work-section .hdw-step-description {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555555;
	margin-bottom: 50px;
}

/* Video */
.iota-how-does-it-work-section .hdw-video-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.iota-how-does-it-work-section .hdw-video,
.iota-how-does-it-work-section .hdw-image {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

/* Responsive */
@media screen and (max-width: 1200px) {
	.iota-how-does-it-work-section {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}

	.iota-how-does-it-work-section .hdw-section-title {
		font-size: 50px;
		line-height: 60px;
	}

	.iota-how-does-it-work-section .hdw-step-title {
		font-size: 30px;
		line-height: 36px;
	}
}

@media screen and (max-width: 1024px) {
	.iota-how-does-it-work-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	.iota-how-does-it-work-section .hdw-content-wrapper {
		flex-direction: column;
		gap: 40px;
	}

	.iota-how-does-it-work-section .hdw-right-column {
		width: 100%;
		max-width: 100%;
		order: 2;
	}

	.iota-how-does-it-work-section .hdw-left-column {
		order: 1;
		width: 100%;
	}

	.iota-how-does-it-work-section .hdw-step-description {
		padding-left: 0;
		margin-top: 20px;
	}
}

@media screen and (max-width: 768px) {
	.iota-how-does-it-work-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.iota-how-does-it-work-section .hdw-section-title {
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 30px;
		text-align: center;
	}

	.iota-how-does-it-work-section .hdw-step-header {
		flex-direction: column;
		text-align: center;
		gap: 15px;
	}

	.iota-how-does-it-work-section .hdw-step-description {
		text-align: center;
		margin-bottom: 30px;
	}

	.iota-how-does-it-work-section .hdw-step-icon {
		margin: 0 auto;
	}
}

@media screen and (max-width: 480px) {
	.iota-how-does-it-work-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-how-does-it-work-section .hdw-section-title {
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 20px !important;
		text-align: center;
	}
}

/* ==========================================================================
   Before / After Section Addon
   ========================================================================== */

.iota-before-after-section {
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.iota-before-after-section .iota-ba-title {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	text-align: center;
	margin:0;
	margin-bottom: 50px;
	display: block;
}

.iota-before-after-section .iota-ba-wrapper {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

.iota-before-after-section .iota-ba-container {
	position: relative;
	width: 100%;
	height: 632px;
	/* Fixed height based on design request, or auto? Best to be responsive */
	aspect-ratio: 16 / 9;
	/* Maintain aspect ratio */
	height: auto;
	overflow: hidden;
	border-radius: 20px;
	user-select: none;
	cursor: e-resize;
	--position: 50%;
}

.iota-before-after-section .iota-ba-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.iota-before-after-section .iota-ba-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}

/* Before Image (Overlay - Resizable) */
.iota-before-after-section .iota-ba-before-img {
	width: var(--position);
	/* Initial width */
	z-index: 2;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	/* Subtle divider */
}

/* Labels */
.iota-before-after-section .iota-ba-label {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: 24px;
	line-height: 30px;
	color: #FFFFFF;
	background: rgba(0, 0, 0, 0.3);
	padding: 10px 20px;
	border-radius: 30px;
	backdrop-filter: blur(5px);
	z-index: 5;
	pointer-events: none;
	white-space: nowrap;
}

.iota-before-after-section .iota-ba-label-after {
	right: 50px;
	/* Position on the right side */
	z-index: 1;
	/* Behind handle */
}

.iota-before-after-section .iota-ba-label-before {
	left: 50px;
	/* Position on the left side */
	z-index: 3;
	/* Above before image */
}

/* Slider Handle */
.iota-before-after-section .iota-ba-handle {
	position: absolute;
	top: 0;
	bottom: 0;
	left: var(--position);
	width: 60px;
	/* Width of the drag area */
	transform: translateX(-50%);
	z-index: 10;
	pointer-events: none;
	/* Let clicks pass through to range input */
	display: flex;
	justify-content: center;
	align-items: center;
}

.iota-before-after-section .iota-ba-line {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 8px;
	/* The visible white line */
	height: 100%;
	display: block;
	/* Rounded line ends */
}

.iota-ba-before-img img {
	object-position: left;
}

.iota-before-after-section .iota-ba-circle {
	width: 60px;
	height: 60px;
	background: #FFFFFF;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 11;
}

.iota-before-after-section .iota-ba-circle img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

/* Range Input */
.iota-before-after-section .iota-ba-slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 20;
	margin: 0;
	cursor: e-resize;
	-webkit-appearance: none;
}

.iota-before-after-section .iota-ba-slider:focus {
	outline: none;
}

/* Responsive */
@media screen and (max-width: 1200px) {
	.iota-before-after-section {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}
}

@media screen and (max-width: 1024px) {
	.iota-before-after-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}
}

@media screen and (max-width: 768px) {
	.iota-before-after-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.iota-before-after-section .iota-ba-title {
		font-size: 40px;
		line-height: 50px;
	}

	.iota-before-after-section .iota-ba-label {
		font-size: 18px;
		padding: 8px 16px;
	}

	.iota-before-after-section .iota-ba-label-after {
		right: 20px;
	}

	.iota-before-after-section .iota-ba-label-before {
		left: 20px;
	}
}

@media screen and (max-width: 480px) {
	.iota-before-after-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-before-after-section .iota-ba-title {
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 30px !important;
		text-align: center;
	}

	.iota-before-after-section .iota-ba-circle {
		width: 30px;
		height: 30px;
	}

	.iota-before-after-section .iota-ba-circle svg {
		width: 20px;
		height: 20px;
	}

	.iota-before-after-section .iota-ba-line {
		width: 4px !important;
	}

}

/* ==========================================================================
   Statistics Section Addon
   ========================================================================== */
.iota-stats-grid {
	display: grid;
	width: 100%;
}

/* Default to variable or 3 columns */
.iota-stats-grid {
	grid-template-columns: repeat(var(--iota-stats-cols, 3), 1fr);
}

/* Responsive */
@media screen and (max-width: 1024px) {
	.iota-stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 768px) {
	.iota-stats-grid {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   Review Section Addon
   ========================================================================== */
.iota-review-section {
	padding-top: 80px;
	padding-bottom: 80px;
	overflow: hidden;
	box-sizing: border-box;
}

.iota-review-title {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 500;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0;
	margin-bottom: 50px;
	text-align: center;
}

/* Slider Container */
.iota-review-slider {
	display: flex;
	gap: 24px;
}

/* Review Card */
.iota-review-card {
	width: 360px;
	min-width: 360px;
	min-height: 397px;
	padding: 30px;
	background-color: #EAF3F7;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* Star Rating */
.iota-review-stars {
	display: flex;
	gap: 11px;
	margin-bottom: 30px;
}

.iota-review-stars .iota-star {
	display: inline-block;
	width: 19px;
	height: 19px;
	color: #BDC3C7;
	/* Default color (grey) */
}

.iota-review-stars .iota-star svg {
	width: 100%;
	height: 100%;
	display: block;
}

.iota-review-stars .iota-star.filled {
	color: #2487AB;
	/* Active color (Blue as per SVG) */
}

/* Review Text */
.iota-review-text {
	font-family: "Public Sans", sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	color: #555555;
	margin-bottom: 20px;
	flex-grow: 1;
}

/* Author Info */
.iota-review-author {
	display: flex;
	align-items: center;
	gap: 20px;
}

.iota-author-img {
	width: 50px;
	height: 50px;
	border-radius: 5px;
	object-fit: cover;
}

.iota-author-name {
/* 	font-family: "Exo", sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -0.03em;
	color: #3382A1;
}

/* Responsive */
@media screen and (max-width: 1200px) {
	.iota-review-section {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}
}

@media screen and (max-width: 1024px) {
	.iota-review-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}
}

@media screen and (max-width: 768px) {
	.iota-review-section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.iota-review-title {
		font-size: 40px;
		line-height: 50px;
	}

	.iota-review-card {
		width: 100%;
		min-width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.iota-review-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-review-title {
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 30px !important;
		text-align: center;
	}
}

/* Slider Spacing Fix */
.iota-review-slider .slick-slide {
	margin: 0 12px;
	/* 12px on each side = 24px gap */
}

/* Ensure the list doesn't clip the margin */
.iota-review-slider .slick-list {
	margin: 0 -12px;
}

/* Slick Arrow Styling */
.iota-review-slider .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #FFFFFF;
	border: 2px solid #2487AB;
	cursor: pointer;
	z-index: 10;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	padding: 0;
	margin: 0;
	line-height: 1;
	text-indent: 0;
	overflow: visible;
}

.iota-review-slider .slick-arrow:hover {
	background-color: #2487AB;
	transform: translateY(-50%) !important;
	/* Brand Blue */
}

.iota-review-slider .slick-prev {
	left: -70px;
}

.iota-review-slider .slick-next {
	right: -70px;
}

.iota-review-slider .slick-prev::before,
.iota-review-slider .slick-next::before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
}

.iota-review-slider .slick-prev::before {
	transform: translate(-30%, -50%) rotate(-135deg);
	/* Arrow Left */
}

.iota-review-slider .slick-next::before {
	transform: translate(-70%, -50%) rotate(45deg);
	/* Arrow Right */
}

/* Adjust for responsiveness - keep arrows reachable */
@media screen and (max-width: 1200px) {
	.iota-review-slider .slick-prev {
		left: -20px;
	}

	.iota-review-slider .slick-next {
		right: -20px;
	}
}

/* Slider Arrow Redesign (About IOTA Style) */
.iota-review-slider .slick-arrow {
	width: 30px;
	height: 30px;
	background-color: #FFFFFF;
	border: 1px solid #E5E5E5;
	/* Subtle border */
	border-radius: 50%;
	display: flex !important;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
	/* Soft shadow */
	transition: all 0.3s ease;
	z-index: 10;
}

/* Hover State */
.iota-review-slider .slick-arrow:hover {
	background-color: #2487AB;
	/* Brand Blue */
	border-color: #2487AB;
	color: #FFFFFF;
	/* For SVG fill */
}

/* Arrow Icon (SVG) - Replaces the CSS border arrow */
.iota-review-slider .slick-arrow::before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: none;
	/* Remove previous CSS arrow */
	transform: none;
	/* Reset transform */
	position: static;
	/* Reset position */
}

/* Left Arrow Icon */
.iota-review-slider .slick-prev::before {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 5.625H2.47L6.11 9.125L5.2 10L0 5L5.2 0L6.11 0.874999L2.47 4.375H12L12 5.625Z' fill='%232487AB'/%3E%3C/svg%3E");
}

.iota-review-slider .slick-prev:hover::before {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 5.625H2.47L6.11 9.125L5.2 10L0 5L5.2 0L6.11 0.874999L2.47 4.375H12L12 5.625Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

/* Right Arrow Icon */
.iota-review-slider .slick-next::before {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 5.625H9.53L5.89 9.125L6.8 10L12 5L6.8 0L5.89 0.874999L9.53 4.375H1.19209e-07L0 5.625Z' fill='%232487AB'/%3E%3C/svg%3E");
}

.iota-review-slider .slick-next:hover::before {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 5.625H9.53L5.89 9.125L6.8 10L12 5L6.8 0L5.89 0.874999L9.53 4.375H1.19209e-07L0 5.625Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

/* Adjust Position - Slightly closer to content if needed, or keep -50px */
.iota-review-slider .slick-prev {
	left: -60px;
}

.iota-review-slider .slick-next {
	right: -60px;
}

/* Update responsive positioning */
@media screen and (max-width: 1200px) {
	.iota-review-slider .slick-prev {
		left: -20px;
	}

	.iota-review-slider .slick-next {
		right: -20px;
	}
}

@media screen and (max-width: 768px) {
	.iota-review-slider .slick-prev {
		left: -10px;
	}

	.iota-review-slider .slick-next {
		right: -10px;
	}
}

/* ==========================================================================
   FAQ Section Addon
   ========================================================================== */
.iota-faq-section {
	padding-top: 250px;
	padding-bottom: 250px;
	background-color: #FFFFFF;
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.iota-faq-container {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	max-width: 1516px;
	margin: 0 auto;
	padding: 0 20px;
}

.iota-faq-graphic {
	position: absolute;
	top: -150px;
	left: -100px;
	z-index: 1;
}

.iota-faq-graphic img {
	display: block;
	max-width: 100%;
	height: auto;
}

.iota-faq-title {
	font-family: "Exo", sans-serif;
	font-weight: 500;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0 0 50px 0;
	position: relative;
	z-index: 2;
	max-width: 1256px;
	margin-left: auto;
}

.iota-faq-list {
	max-width: 1256px;
	margin: 0 0 0 auto;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.iota-faq-item {
	width: 100%;
	max-width: 100%;
	border: 1px solid #DDDDDD;
	padding: 30px 50px;
	margin-bottom: 0;
	background-color: #FFFFFF;
	transition: all 0.3s ease;
	cursor: pointer;
	border-radius: 20px;
	box-sizing: border-box;
	display: block;
}

.iota-faq-item:last-child {
	margin-bottom: 0;
}

.iota-faq-item:hover {
	background-color: #2487AB;
	border-color: #2487AB;
}

.iota-faq-item:hover .iota-faq-number,
.iota-faq-item:hover .iota-faq-question,
.iota-faq-item:hover .iota-faq-answer p {
	color: #FFFFFF !important;
}

.iota-faq-item:hover .iota-faq-icon svg rect {
	fill: #fff !important;
}

.iota-faq-item .iota-faq-icon svg rect,
.iota-faq-item .iota-faq-icon svg path {
	fill: #2487AB;
}

.iota-faq-item.iota-faq-active {
	border-color: #2487AB;
}

.iota-faq-item.iota-faq-active .iota-faq-question {
	color: #2487AB;
}

.iota-faq-header {
	display: flex;
	align-items: center;
	gap: 0;
	position: relative;
}

.iota-faq-number {
/* 	font-family: "Exo", sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 18px;
	letter-spacing: -0.05em;
	color: #2487AB;
	margin-right: 57px;
	flex-shrink: 0;
}


.iota-faq-item.iota-faq-active .iota-faq-number {
	color: #2487AB;
}

.iota-faq-question {
/* 	font-family: "Exo", sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 500;
	font-size: 30px;
	line-height: 36px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0;
	flex: 1;
	text-align: left;
}

.iota-faq-toggle {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	margin-left: auto;
	flex-shrink: 0;
	width: 22px;
	height: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.iota-faq-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 21px;
	height: 21px;
}

.iota-faq-icon svg {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.iota-faq-icon .iota-faq-icon-plus {
	display: block;
}

.iota-faq-icon .iota-faq-icon-minus {
	display: none;
}

.iota-faq-item.iota-faq-active .iota-faq-icon .iota-faq-icon-plus {
	display: none;
}

.iota-faq-item.iota-faq-active .iota-faq-icon .iota-faq-icon-minus {
	display: block;
}

.iota-faq-item:not(.iota-faq-active) .iota-faq-icon .iota-faq-icon-minus {
	display: none;
}

.iota-faq-item:not(.iota-faq-active) .iota-faq-icon .iota-faq-icon-plus {
	display: block;
}

/* Ensure plus icon is white on hover */
.iota-faq-item:hover .iota-faq-icon .iota-faq-icon-plus path {
	fill: #FFFFFF;
}

/* Ensure minus icon shows #2487AB when active */
.iota-faq-item.iota-faq-active .iota-faq-icon .iota-faq-icon-minus rect {
	fill: #2487AB;
}

.iota-faq-answer {
	margin-top: 20px;
	padding-top: 20px;
	padding-left: 80px;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.iota-faq-item.iota-faq-first .iota-faq-answer {
	border-top-color: rgba(255, 255, 255, 0.3);
}

.iota-faq-answer p {
	font-family: "Exo", sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555555;
	margin: 0;
}

/* Responsive FAQ */
@media screen and (max-width: 1200px) {
	.iota-faq-section {
		padding-top: 180px !important;
		padding-bottom: 180px !important;
	}
}

@media screen and (max-width: 1024px) {
	.iota-faq-section {
		padding-top: 140px !important;
		padding-bottom: 140px !important;
	}
}

@media (max-width: 768px) {
	.iota-faq-section {
		padding-top: 100px !important;
		padding-bottom: 100px !important;
	}

	.iota-faq-graphic {
		display: none;
	}

	.iota-faq-title {
		font-size: 48px;
		line-height: 48px;
	}

	.iota-faq-item {
		padding: 20px 30px;
	}

	.iota-faq-question {
		font-size: 24px;
		line-height: 30px;
	}

	.iota-faq-number {
		margin-right: 30px;
	}
}

@media screen and (max-width: 480px) {
	.iota-faq-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.iota-faq-title {
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 30px !important;
		text-align: center;
	}

	.iota-faq-question {
		font-size: 18px;
		line-height: 24px;
	}

	.iota-faq-item {
		padding: 15px 20px;
	}

	.iota-faq-answer {
		padding-left: 50px;
		margin-top: 0;
	}

	.iota-faq-answer p {
		font-size: 16px;
		line-height: 24px;
	}

	.iota-faq-icon .iota-faq-icon-plus,
	.iota-faq-icon .iota-faq-icon-minus {
		width: 17px;
		height: 17px;
	}
}

/* ==========================================================================
   Partner Section Addon
   ========================================================================== */
.iota-partner-section {
	padding: 100px 0;
	background-color: #FFFFFF;
}

.iota-partner-container {
	max-width: 1516px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}

.iota-partner-header {
	text-align: center;
	margin-bottom: 50px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.iota-partner-section-with-us {
	/* background-color: #FFFFFF; */
}

.iota-partner-section-with-us .iota-partner-header {
	text-align: center;
	margin-bottom: 60px;
}

.iota-partner-section-with-us .iota-partner-title {
/* 	font-family: 'Exo', sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 600;
	margin-bottom: 20px;
	line-height: 1.2;
}

.iota-partner-section-with-us .iota-partner-subtitle {
/* 	font-family: 'Public Sans', sans-serif; */
	 font-family: "Exo", sans-serif;
	font-size: 18px;
	color: #555555;
	max-width: 800px;
	margin: 0 auto;
}

/* Grid */
.iota-partner-section-with-us .iota-partner-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

.iota-partner-section-with-us .iota-partner-card {
	background: linear-gradient(180deg, #FFFFFF 0%, #EAF3F7 100%);
	border: 1px solid #CDE2EC;
	border-radius: 20px;
	padding: 55px;
	/* As per design */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* Adjust as needed */
	position: relative;
	transition: all 0.3s ease;
}



.iota-partner-section-with-us .iota-partner-card-title {
/* 	font-family: 'Exo', sans-serif; */
	 font-family: "Exo", sans-serif;
	font-size: 45px;
	font-weight: 500;
	color: #000000;
	margin-bottom: 20px;
	line-height: 1.2;
}

.iota-partner-section-with-us .iota-partner-card-desc {
/* 	font-family: 'Public Sans', sans-serif; */
	 font-family: "Exo", sans-serif;
	font-size: 18px;
	line-height: 1.6;
	color: #555555;
	margin-bottom: 0;
}

/* Tags */
.iota-partner-section-with-us .iota-partner-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: auto;
	margin-bottom: 30px;
}

.iota-partner-section-with-us .iota-partner-tag {
	background-color: #FFFFFF;
	border: 1px solid #E1E1E1;
	border-radius: 50px;
	/* Capsule shape */
	padding: 8px 16px;
	font-family: 'Public Sans', sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: 500;
}

/* Button Wrapper at Bottom */
.iota-partner-section-with-us .iota-partner-btn-wrapper {
	/* margin-top: 20px; */
}

.iota-partner-section-with-us .iota-partner-btn {
	display: inline-block;
	padding: 12px 30px;
	/* border-radius: 50px; handled inline */
	text-decoration: none;
	font-family: 'Public Sans', sans-serif;
	font-weight: 500;
	font-size: 16px;
	transition: all 0.3s ease;
}



/* Responsive */
@media (max-width: 991px) {
	.iota-partner-section-with-us .iota-partner-grid {
		grid-template-columns: 1fr;
	}

	.iota-partner-section-with-us .iota-partner-card {
		padding: 40px;
		min-height: auto;
	}

	.iota-partner-section-with-us .iota-partner-card-title {
		font-size: 32px;
	}
}

/* ==========================================================================
   Zigzag Section Addon
   ========================================================================== */
.iota-zigzag-section {
	padding: 100px 0;
	background-color: #FFFFFF;
	overflow: hidden;
}

.iota-zigzag-container {
	max-width: 1516px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}

.iota-zigzag-header {
	text-align: center;
	margin-bottom: 80px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.iota-zigzag-title {
/* 	font-family: "Exo", sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 500;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0 0 30px 0;
}

.iota-zigzag-subtitle {
/* 	font-family: "Exo", sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555555;
	margin: 0;
}

.iota-zigzag-list {
	display: flex;
	flex-direction: column;
	gap: 50px;
}

.iota-zigzag-item {
	display: flex;
	align-items: center;
	gap: 153px;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 50px;
}

.iota-zigzag-item:nth-child(even) {
	flex-direction: row-reverse;
}

.iota-zigzag-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.iota-zigzag-col-image {
	flex: 0 0 auto;
	width: 614px;
}

.iota-zigzag-col-image img {
	display: block;
	width: 100%;
	height: 410px;
	object-fit: cover;
	border-radius: 20px;
}

.iota-zigzag-col-content {
	flex: 1;
	min-width: 0;
}

.iota-zigzag-caption {
	display: block;
/* 	font-family: "Exo", sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #2487AB;
	margin-bottom: 10px;
}

.iota-zigzag-item-title {
/* 	font-family: "Exo", sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 500;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.03em;
	color: #000000;
	margin: 0 0 20px 0;
}

.iota-zigzag-item-desc {
/* 	font-family: "Exo", sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555555;
	margin: 0 0 30px 0;
}

.iota-zigzag-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #2487AB;
	color: #FFFFFF;
/* 	font-family: "Exo", sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 18px;
	border-radius: 30px;
	padding: 18px 30px;
	text-decoration: none;
	transition: all 0.3s ease;
	min-width: 178px;
	box-sizing: border-box;
}

/* When Book A Demo is a button (opens sidebar) */
button.iota-zigzag-btn,
.iota-zigzag-btn-demo {
	border: none;
	cursor: pointer;
}

.iota-zigzag-btn:hover {
	background: #1a6b8a;
	color: #FFFFFF;
}

/* Responsive */
@media (max-width: 1200px) {
	.iota-zigzag-item {
		gap: 80px;
	}

	.iota-zigzag-col-image {
		width: 500px;
	}

	.iota-zigzag-col-image img {
		height: 350px;
	}

	.iota-zigzag-title {
		font-size: 56px;
		line-height: 60px;
	}
}

@media (max-width: 991px) {

	.iota-zigzag-item,
	.iota-zigzag-item:nth-child(even) {
		flex-direction: column;
		gap: 30px;
		align-items: stretch;
	}

	.iota-zigzag-col-image {
		width: 100%;
	}

	.iota-zigzag-col-image img {
		height: auto;
		aspect-ratio: 16/9;
	}

	.iota-zigzag-title {
		font-size: 42px;
		line-height: 48px;
	}

	.iota-zigzag-item-title {
		font-size: 32px;
		line-height: 38px;
	}
}

/* ==========================================================================
   Global Slick Slider Dots
   ========================================================================== */
.slick-dots {
	display: flex !important;
	justify-content: center !important;
	margin: 20px 0 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
	gap: 0px !important;
	align-items: center !important;
	bottom: -30px !important;
}

.slick-dots li button:before {
	font-size: 8px !important;
}

.slick-dots li.slick-active button {
	width: 25px;
	height: 25px;
}

.slick-dots li.slick-active button:before {
	opacity: 1 !important;
	color: #2487AB !important;
	width: 25px !important;
	height: 25px !important;
	font-size: 12px !important;
}

.slick-dots li {
	margin: 0 1px !important;
	padding: 0;
	display: block;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 12px;
	height: 12px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: #DDDDDD;
	border-radius: 50%;
	transition: all 0.3s ease;
}

/* ==========================================================================
   Partner With Us Section
   ========================================================================== */

/* Section Container */
.iota-partner-section-with-us .iota-partner-container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 15px;
}

/* Section Title */
.iota-partner-section-with-us .iota-partner-title {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 500;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -0.03em;
	text-align: center;
	color: #000000;
	margin-bottom: 30px;
}

/* Section Description */
.iota-partner-section-with-us .iota-partner-desc {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	text-align: center;
	color: #555555;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
}

/* Grid Layout */
.iota-partner-section-with-us .iota-partner-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 24px;
	row-gap: 30px;
}

/* Card Style */
.iota-partner-section-with-us .iota-partner-card {
	background: linear-gradient(90deg, #EAF3F7 50.2%, #FFFFFF 100%);
	border: 1px solid transparent;
	padding: 50px;
	border-radius: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	border-radius: 20px;
	gap: 0;
}

.iota-partner-section-with-us .iota-partner-card:hover {
	border: 1px solid #2487AB;
}

/* Card Content Wrapper */


/* Card Title */
.iota-partner-section-with-us .iota-partner-card-title {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 500;
	font-size: 50px;
	line-height: 50px;
	letter-spacing: -0.03em;
	color: #000000;
	margin-bottom: 20px;
	margin-top: 0;
}

/* Card Description */
.iota-partner-section-with-us .iota-partner-card-desc {
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555555;
	margin-bottom: 20px;
}

/* Card Tags */
.iota-partner-section-with-us .iota-partner-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 50px;
}

.iota-partner-section-with-us .iota-partner-tag {
	display: inline-block;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 30px;
	padding: 11px 15px;
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0;
	color: #555555;
}

/* Card Button */
.iota-partner-section-with-us .iota-partner-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #2487AB;
	color: #FFFFFF;
	border-radius: 30px;
	padding: 18px 30px;
/* 	font-family: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
	 font-family: "Exo", sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0;
	text-decoration: none;
	transition: all 0.3s ease;
	align-self: flex-start;
	min-width: 155px;
	gap: 15px;
	border: 2px solid transparent;
}

.iota-partner-section-with-us .iota-partner-btn:hover {
	background-color: transparent;
	color: #2487AB;
	border-color: #2487AB;
}

/* Responsive Styles */
@media (max-width: 1024px) {
	.iota-partner-section-with-us .iota-partner-title {
		font-size: 50px;
		line-height: 1.1;
	}

	.iota-partner-section-with-us .iota-partner-card-title {
		font-size: 40px;
		line-height: 1.1;
	}

	.iota-partner-section-with-us .iota-partner-card {
		padding: 30px;
		width: 100%;
	}
}

@media (max-width: 768px) {
	.iota-partner-section-with-us {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.iota-partner-section-with-us .iota-partner-grid {
		grid-template-columns: 1fr;
	}

	.iota-partner-section-with-us .iota-partner-title {
		font-size: 40px;
	}

	.iota-partner-section-with-us .iota-partner-card-title {
		font-size: 32px;
	}
}

@media (max-width: 480px) {
	.iota-partner-section-with-us .iota-partner-title {
		font-size: 32px;
	}

	.iota-partner-section-with-us .iota-partner-card-title {
		font-size: 28px;
	}

	.iota-partner-section-with-us .iota-partner-card {
		padding: 20px;
	}
}

/* ==========================================================================
   Zigzag Section Responsiveness
   ========================================================================== */

/* Tablet (max-width: 991px) */
@media (max-width: 991px) {
	/* Layout handled by existing styles */
}

/* Mobile (max-width: 768px) */
@media (max-width: 768px) {
	.iota-zigzag-section {
		padding: 50px 0 !important;
	}

	.iota-zigzag-header {
		margin-bottom: 40px !important;
	}

	.iota-zigzag-title {
		font-size: 32px !important;
		line-height: 38px !important;
	}

	.iota-zigzag-subtitle {
		font-size: 16px !important;
		line-height: 26px !important;
	}

	.iota-zigzag-item {
		padding-bottom: 40px !important;
		border-bottom: 1px solid #eeeeee !important;
	}

	.iota-zigzag-item:last-child {
		border-bottom: none !important;
	}

	.iota-zigzag-item-title {
		font-size: 28px !important;
		line-height: 34px !important;
	}

	.iota-zigzag-item-desc {
		font-size: 16px !important;
		line-height: 26px !important;
		margin-bottom: 20px !important;
	}

	.iota-zigzag-col-image img {
		height: auto !important;
		aspect-ratio: 16/9;
	}
}