/* Main CSS file that imports all modular CSS files */

/* Import common styles and variables first */
@import url('./common.css');

/* Import component styles */
@import url('./header.css');
@import url('./hero.css');
@import url('./main-content.css');
@import url('./development-phases.css');
@import url('./testimonials.css');
@import url('./footer.css');
@import url('./slider.css');

/* Import media queries last */
@import url('./media-queries.css');

/* Root styles */
.home {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background: linear-gradient(180deg, #2e2e2e, #242424);
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	font-size: var(--font-size);
	font-family: var(--font-product);
	position: relative;
	overflow: hidden;
	flex-direction: column;
	color: var(--color-white);
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.hero-image-icon-decoration {
	position: absolute;
	right: 0;
	top: 12%;
}

.kiiam-process-container-parent {
	align-self: stretch;
	padding: 32.625rem 0 25.825rem;
	box-sizing: border-box;
	gap: 10.862rem;
	max-width: 100%;
	text-align: center;
	font-size: var(--font1-size);
	font-family: var(--font1);
	position: relative;
	overflow: hidden;
	flex-direction: column;
	color: var(--color-white);
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.blog,
.company,
.expertise,
.showcase {
	left: 14.375rem;
	width: 5.125rem;
	min-width: 5.125rem;
}
.blog,
.company,
.showcase {
	left: 21.5rem;
	width: 5.563rem;
	min-width: 5.563rem;
}
.blog,
.company {
	left: 29.063rem;
}
.blog {
	left: 36.625rem;
	width: 2.75rem;
	min-width: 2.75rem;
}
.menu-item-list {
	margin: 0;
	align-self: stretch;
	height: 1.75rem;
	position: relative;
	text-align: left;
	font-size: var(--font-size-lgi);
	color: var(--color-white);
	font-family: var(--font);
}
.menu-item-wrapper {
	margin: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-mini-5) 0 0;
	box-sizing: border-box;
	max-width: 100%;
}
.contact-us {
	text-decoration: none;
	flex: 1;
	position: relative;
	font-weight: 700;
	color: inherit;
}
.contact-menu-item,
.menu-item-container {
	flex-direction: row;
	justify-content: flex-start;
}
.contact-menu-item {
	border-radius: var(--br-20xl);
	background: linear-gradient(78.3deg, #08bbbf, #9ad63c);
	display: flex;
	align-items: flex-start;
	padding: var(--padding-sm-5) var(--padding-12xl);
}
.menu-item-container {
	align-self: stretch;
	gap: 3.25rem;
}
.menu,
.menu-item-container,
.menu-items,
.menu-wrapper {
	display: flex;
	align-items: flex-start;
	max-width: 100%;
}
.menu-items {
	width: 52.063rem;
	flex-direction: column;
	justify-content: flex-start;
	padding: var(--padding-xs-5) 0 0;
	box-sizing: border-box;
}
.menu,
.menu-wrapper {
	flex-direction: row;
}
.menu {
	flex: 1;
	justify-content: space-between;
	gap: var(--gap-xl);
	z-index: 1;
}
.menu-wrapper {
	align-self: stretch;
	justify-content: flex-end;
	padding: 0 var(--padding-xs) 0 0;
	box-sizing: border-box;
	text-align: center;
	font-size: var(--font-size-lg);
	color: var(--color-white);
	font-family: var(--font);
}
.the-complete-journey {
	margin: 0;
	flex: 1;
	position: relative;
	font-size: inherit;
	letter-spacing: -0.01em;
	line-height: 121%;
	font-weight: 700;
	font-family: inherit;
	display: inline-block;
	text-shadow: 0 29px 131px rgba(0, 0, 0, 0.07),
		0 18.8px 76.7px rgba(0, 0, 0, 0.05), 0 11.2px 41.7px rgba(0, 0, 0, 0.04),
		0 5.8px 21.3px rgba(0, 0, 0, 0.04), 0 2.4px 10.7px rgba(0, 0, 0, 0.03),
		0 0.5px 5.2px rgba(0, 0, 0, 0.02);
	max-width: 100%;
	z-index: 1;
}
.main-content {
	width: 102.288rem;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 19.812rem;
	box-sizing: border-box;
	max-width: 100%;
}
.d-1-1,
.line-icon {
	position: relative;
	z-index: 1;
}
.d-1-1 {
	width: 3.563rem;
	height: 3.563rem;
	object-fit: cover;
}
.line-icon {
	height: 10.313rem;
	width: 1.063rem;
}
.line-wrapper {
	flex: 1;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 var(--padding-xl);
}
.isolation-mode-icon {
	height: 3.563rem;
	width: 3.25rem;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	z-index: 1;
}
.isolation-mode-container {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 0.125rem 0 0.187rem;
}
.image-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	gap: var(--gap-lg);
}
.product-design-prototyping {
	align-self: stretch;
	position: relative;
	line-height: 123.54%;
	z-index: 1;
}
.all-the-steps {white-space: normal;}
.finalized-product {
	color: var(--color-white);
}
.all-the-steps-container {
	width: 18.438rem;
	height: 5.875rem;
	position: relative;
	font-size: var(--font-size-lg);
	line-height: 150.86%;
	display: inline-block;
	flex-shrink: 0;
	z-index: 1;
	color: var(--color-whitesmoke);
}
.product-description {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-5xs);
}
.serial-manufacturing {
	width: 16.25rem;
	position: relative;
	line-height: 123.54%;
	display: inline-block;
	z-index: 1;
}
.overcoming-all-the-obstacles {
	margin: 0;
}
.b {
	font-family: var(--font);
}
.overcoming-all-the-container {
	position: relative;
	font-size: var(--font-size-lg);
	line-height: 150.86%;
	z-index: 1;
	color: var(--color-whitesmoke);
}
.serial-manufacturing-parent {
	width: 17.063rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0.312rem;
}
.image-content,
.product-description-parent {
	display: flex;
	align-items: flex-start;
	max-width: 100%;
}
.product-description-parent {
	flex: 1;
	flex-direction: column;
	justify-content: flex-start;
	gap: 6.937rem;
	min-width: 13.063rem;
}
.image-content {
	/* width: 25.875rem; */
	width: 20.875rem;
	flex-direction: row;
	justify-content: center;
	gap: var(--gap-16xl);
}
.image,
.image-child {
	border-radius: var(--br-3xs);
	max-width: 100%;
}
.image-child {
	align-self: stretch;
	height: 38rem;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	object-fit: contain;
	position: relative;
	display: block;
	background: none;
}
.image {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	z-index: 1;
	background: none;
	max-: 20%;
}
.as-we-integrate {
	position: relative;
	line-height: 150.86%;
	z-index: 1;
}
.botton-child {
	height: 3.563rem;
	width: 9.5rem;
	position: relative;
	border-radius: var(--br-20xl);
	border: 1px solid var(--linear);
	box-sizing: border-box;
	display: none;
}
.show-case {
	flex: 1;
	position: relative;
	font-size: var(--font-size-mid);
	text-transform: none;
	display: inline-block;
	font-family: var(--font);
	color: var(--color-white);
	text-align: center;
	min-width: 5.563rem;
	z-index: 1;
}
.botton,
.image-parent,
.integration-description {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.botton {
	cursor: pointer;
	padding: var(--padding-sm) var(--padding-12xl) var(--padding-2xs);
	background-color: transparent;
	height: 3.563rem;
	box-sizing: border-box;
	flex-direction: row;
	z-index: 1;
	border-radius: 39px;
	border: 1px solid var(--Linear, #08BBBF);
}
.botton:hover,
.rectangle-group:hover,
.rectangle-parent:hover {
	background-color: var(--color-darkcyan-200);
	border: 1px solid var(--color-darkcyan-100);
	box-sizing: border-box;
}
.image-parent,
.integration-description {
	max-width: 100%;
}
.integration-description {
	width: 22.875rem;
	flex-direction: column;
	gap: var(--gap-13xl);
}
.image-parent {
	height: 38rem;
	width: 73.188rem;
	flex-direction: row;
	padding: 0 var(--padding-20xl) 0 0;
	box-sizing: border-box;
	gap: 5.75rem;
	color: var(--color-whitesmoke);
}
.dot-icon,
.scroll-down {
	position: relative;
	z-index: 1;
}
.scroll-down {
	width: fit-content;
	line-height: normal;
	display: inline-block;
	transform: rotate(-90deg);
	position: relative;
	white-space: nowrap;
	height: fit-content;
}
.dot-icon {
	height: 2.125rem;
	width: 0.375rem;
}
.dot-container,
.scroll-content,
.scroll-content-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.dot-container {
	flex-direction: row;
	padding: 0 var(--padding-4xs);
	position: relative;
}
.scroll-content,
.scroll-content-wrapper {
	flex-direction: column;
}
.scroll-content {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 39px;
}
.scroll-content-wrapper {
	height: 33.625rem;
	width: 1.5rem;
	padding: 25.562rem 0 0;
	box-sizing: border-box;
	font-size: var(--font-size-base);
}
.sub-content {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	max-width: 100%;
	gap: var(--gap-xl);
	text-align: left;
	font-size: var(--font-size);
	font-family: var(--font);
}
.hiro,
.main-content-parent {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;	
}
.hiro {
	align-self: stretch;
	align-items: flex-end;
	padding: var(--padding-sm) 2.062rem var(--padding-103xl) var(--padding-13xl);
	box-sizing: border-box;
	position: relative;
	gap: 4.431rem;
	text-align: center;
	font-size: var(--font-size-46xl);
	color: var(--color-white);
	font-family: var(--font1);
}
.department-next-door {
	margin: 0;
	background: linear-gradient(82.09deg, #08bbbf, #9ad63c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.just-like-having-container {
	margin: 0;
	align-self: stretch;
	position: relative;
	font-size: inherit;
	line-height: 121%;
	font-weight: 700;
	font-family: inherit;
	font-family: "Gill Sans";
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 121%; /* 72.6px */
	color: white;
}
.kiiam-specializes-in {
	flex: 1;
	position: relative;
	line-height: 149%;
	font-weight: 600;
	display: inline-block;
	max-width: 100%;
}
.full-service-description,
.kiiam-specializes-in-product-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 100%;
}
.kiiam-specializes-in-product-wrapper {
	align-self: stretch;
	flex-direction: row;
	padding: 0 3.25rem;
	box-sizing: border-box;
	font-size: var(--font-size-5xl);
	font-family: var(--font);
}
.full-service-description {
	width: 100%;
	flex-direction: column;
	gap: var(--gap-4xl);
	max-width: 880px;
}
.mask-group-icon {
	align-self: stretch;
	height: auto;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	flex-shrink: 0;
	z-index: 1;
	display: none;
	/* right: 0px; */
	/* top: 0px; */
}
.mask-group-wrapper {
	height: 37.031rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 100%;
}
.background-shape {
	height: 3.563rem;
	width: 9.5rem;
	position: absolute;
	margin: 0 !important;
	bottom: 15.688rem;
	left: 55.125rem;
	border-radius: var(--br-20xl);
	border: 1px solid var(--linear);
	box-sizing: border-box;
	z-index: 1;
}
.sec2,
.sec2-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	box-sizing: border-box;
	max-width: 100%;
}
.sec2 {
	align-items: center;
	padding: 0;
	position: relative;
	gap: 0;
	background-image: url("../public/sec2.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	height: 900px;
	display: flex;
	width: 100%;
	justify-content: center;
}
.sec2-wrapper {
	align-self: stretch;
	align-items: flex-start;
	padding: 0 0 var(--padding-84xl);
	text-align: center;
	font-size: var(--font1-size);
	color: var(--color-white);
	font-family: var(--font1);
	position: relative;
}
.mask-group-icon1 {
	width: 34.75rem;
	height: 32.25rem;
	position: absolute;
	margin: 0 !important;
	top: 101.813rem;
	left: 0;
	z-index: 1;
}
.field {
	background: linear-gradient(78.3deg, #08bbbf 76.21%, #9ad63c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.specializing-in-your-container {
	margin: 0;
	height: 3.875rem;
	flex: 1;
	position: relative;
	font-size: inherit;
	line-height: 3.875rem;
	font-weight: 700;
	font-family: inherit;
	display: inline-block;
	max-width: 100%;
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 121%;
	/* max-width: 902px; */
}
.field-heading {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 4.5rem;
	box-sizing: border-box;
	max-width: 100%;
}
.our-long-experience {
	position: relative;
	font-size: var(--font-size);
	line-height: 149%;
	font-family: var(--font-bricolage-grotesque);
	color: var(--color-whitesmoke);
	max-width: 70%; 
	margin: 0 auto 30px;
}
.field-description {
	width: 56.375rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	gap: var(--gap-xl);
	max-width: 100%;
}
.field-specialization {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	padding: 0 var(--padding-xl);
	box-sizing: border-box;
	max-width: 100%;
}
.image-icon {
	height: 13rem;
	width: 13rem;
	position: relative;
	object-fit: cover;
}
.dental-image-container {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	border-radius: 50%;
	border: double 2px transparent !important;
	
	/* padding: 0 4.062rem; */
}
.dental {
	margin: 0;
	flex: 1;
	position: relative;
	font-size: inherit;
	line-height: 121%;
	font-weight: 700;
	font-family: inherit;
}
.dental-heading {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 var(--padding-57xl);
}
.precision-smart-tools {
	align-self: stretch;
	height: fit-content;
	position: relative;
	font-size: var(--font-size);
	line-height: 149%;
	font-family: var(--font);
	display: inline-block;
	flex-shrink: 0;
}
.dental-content,
.dental-specialization {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	height: fit-content;
}
.dental-content {
	align-self: stretch;
	gap: var(--gap-base);
}
.dental-specialization {
	width: 21.188rem;
	padding: var(--padding-64xl) 0 0;
	box-sizing: border-box;
	max-width: 100%;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	transition: all 0.3s ease;
}

.dental-specialization .dental-content {
	height: 100%;
	transition: transform 0.3s ease;
}

.dental-specialization:hover .dental-content {
	transform: translateY(-60px);
}

.dental-specialization .read-more-btn {
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: all 0.3s ease;
	padding: 12px 24px;
	background: linear-gradient(78.3deg, #08bbbf, #9ad63c);
	border: none;
	border-radius: 30px;
	color: white;
	cursor: pointer;
}

.dental-specialization:hover .read-more-btn {
	bottom: 20px;
	opacity: 1;
}
.image-icon1 {
	height: 14.063rem;
	width: 14.25rem;
	position: relative;
	object-fit: cover;
}
.dermatology-image-container {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 3.437rem;
}
.dermatology {
	margin: 0;
	flex: 1;
	position: relative;
	font-size: inherit;
	line-height: 121%;
	font-weight: 700;
	font-family: inherit;
	display: inline-block;
	max-width: 100%;
}
.dermatology-content,
.dermatology-heading,
.dermatology-specialization {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 100%;
}
.dermatology-heading {
	align-self: stretch;
	flex-direction: row;
	padding: 0 var(--padding-8xs);
	box-sizing: border-box;
}
.dermatology-content,
.dermatology-specialization {
	flex-direction: column;
}
.dermatology-content {
	align-self: stretch;
	gap: 0.875rem;
}
.dermatology-specialization {
	width: 22.188rem;
	padding: var(--padding-64xl) var(--padding-base) 0 0;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	transition: all 0.3s ease;
}

.dermatology-specialization .dermatology-content {
	height: 100%;
	transition: transform 0.3s ease;
}

.dermatology-specialization:hover .dermatology-content {
	transform: translateY(-60px);
}

.dermatology-specialization .read-more-btn {
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: all 0.3s ease;
	padding: 12px 24px;
	background: linear-gradient(78.3deg, #08bbbf, #9ad63c);
	border: none;
	border-radius: 30px;
	color: white;
	cursor: pointer;
}

.dermatology-specialization:hover .read-more-btn {
	bottom: 20px;
	opacity: 1;
}
.image1,
.veterinary-content,
.veterinary-description {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}
.image1 {
	border: 2px solid var(--linear);
	background-color: transparent;
	height: 19.438rem;
	width: 20rem;
	outline: 0;
	box-sizing: border-box;
	justify-content: flex-start;
}
.veterinary-content,
.veterinary-description {
	align-self: stretch;
}
.veterinary-content {
	justify-content: center;
	padding: 0 var(--padding-xl);
}
.veterinary-description {
	justify-content: flex-start;
	padding: 0 7.562rem 0 var(--padding-103xl);
}
.our-experience-in,
.show-case1 {
	position: relative;
	font-size: var(--font-size);
	line-height: 149%;
	font-family: var(--font);
}
.our-experience-in {
	align-self: stretch;
	color: var(--color-whitesmoke);
}
.show-case1 {
	flex: 1;
	display: inline-block;
	color: var(--color-white);
	text-align: center;
	min-width: 6.188rem;
	z-index: 1;
}
.rectangle-parent,
.veterinary-button {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}
.rectangle-parent {
	cursor: pointer;
	border: 1px solid var(--linear);
	padding: var(--padding-2xs) var(--padding-8xl) var(--padding-xs);
	background-color: transparent;
	height: 3.563rem;
	flex: 1;
	border-radius: var(--br-20xl);
	box-sizing: border-box;
}
.veterinary-button {
	align-self: stretch;
	padding: 0 var(--padding-160xl);
}
.veterinary-heading,
.veterinary-specialization {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}
.veterinary-heading {
	align-self: stretch;
	gap: var(--gap-3xl);
	transition: all 0.3s ease;
}

.veterinary-image {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 1rem;
}

.veterinary-icon {
	width: 13rem;
	height: 13rem;
	object-fit: cover;
}

.veterinary-full-description {
	display: none;
	position: relative;
	line-height: 149%;
	color: var(--color-whitesmoke);
}

.veterinary-specialization:hover .veterinary-full-description {
	display: block;
}

.veterinary-specialization:hover .our-experience-in {
	display: none;
}

.veterinary-button {
	display: none;
}

.veterinary-specialization:hover .veterinary-button {
	display: block;
}
.veterinary-specialization {
	width: 31.875rem;
	gap: var(--gap-23xl);
	max-width: 100%;
	color: var(--color-white);
	position: relative;
	overflow: hidden;
	cursor: pointer;
	transition: all 0.3s ease;
}

.veterinary-specialization .veterinary-content {
	height: 100%;
	transition: transform 0.3s ease;
}

.veterinary-specialization:hover .veterinary-content {
	transform: translateY(-60px);
}

.veterinary-specialization .read-more-btn {
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: all 0.3s ease;
	padding: 12px 24px;
	background: linear-gradient(78.3deg, #08bbbf, #9ad63c);
	border: none;
	border-radius: 30px;
	color: white;
	cursor: pointer;
}

.veterinary-specialization:hover .read-more-btn {
	bottom: 20px;
	opacity: 1;
}
.mask-group-icon2 {
	height: 31.625rem;
	width: 33.188rem;
	position: absolute;
	margin: 0 !important;
	right: -11.312rem;
	bottom: -21.437rem;
	z-index: 1;
}
.industry-specialization,
.specialization-content {
	display: flex;
	align-items: flex-start;
	max-width: 100%;
}
.industry-specialization {
	align-self: stretch;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
	gap: var(--gap-xl);
	font-size: var(--font2-size);
	color: var(--color-darkgray);
}
.specialization-content {
	width: 96.125rem;
	flex-direction: column;
	justify-content: flex-start;
	gap: 4.812rem;
}
.specialization-content-wrapper {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	padding: 0 var(--padding-xl) 13.5rem 2.5rem;
	box-sizing: border-box;
	max-width: 100%;
	text-align: center;
	font-size: var(--font1-size);
	color: var(--color-white);
	font-family: var(--font1);
	overflow: visible;
	z-index: 1;
}
.mask-group-icon3 {
	height: 27.063rem;
	width: 22.563rem;
	position: absolute;
	margin: 0 !important;
	bottom: -5.375rem;
	left: 0;
	display: none;
}
.studies {
	background: linear-gradient(78.3deg, #08bbbf, #9ad63c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.case-studies {
	margin: 0;
	flex: 1;
	position: relative;
	font-size: inherit;
	line-height: 121%;
	font-weight: 700;
	font-family: inherit;
	display: inline-block;
	max-width: 100%;
	text-align: center;
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 121%;
}
.case-studies-wrapper {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 11.125rem 0 var(--padding-160xl);
	box-sizing: border-box;
	max-width: 100%;
}
.our-long-experience1 {
	height: auto;
	position: relative;
	font-size: var(--font-size);
	line-height: 149%;
	font-family: var(--font);
	color: var(--color-whitesmoke);
	display: inline-block;
	flex-shrink: 0;
	text-align: center;
}
.case-study-content,
.case-study-heading {
	display: flex;
	align-items: flex-start;
	max-width: 100%;
}
.case-study-heading {
	width: 53.563rem;
	flex-direction: column;
	justify-content: flex-start;
	gap: var(--gap-4xs);
}
.case-study-content {
	flex: 1;
	flex-direction: row;
	justify-content: flex-end;
	padding: 0;
	box-sizing: border-box;
}
.frame-inner,
.frame-item,
.rectangle-icon {
	height: 37rem;
	width: 90.875rem;
	position: absolute;
	margin: 0 !important;
	right: -17.406rem;
	bottom: -1.812rem;
	object-fit: cover;
	z-index: 1;
}
.frame-inner,
.rectangle-icon {
	height: 38.625rem;
	width: 94.875rem;
	right: -19.406rem;
	bottom: -5.75rem;
	z-index: 2;
}
.rectangle-icon {
	height: 39.688rem;
	width: 97.375rem;
	right: -20.656rem;
	bottom: -9rem;
	z-index: 3;
}
.mask-group-parent {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 100%;
	height: auto;
	overflow: hidden;
	padding: 100px 0;
	background: linear-gradient(180deg, #2e2e2e, #242424);
	width: 100%;
	min-height: 100px;
	padding-top: 100px;
	overflow: visible;
	text-align: center;
	font-size: var(--font-size-21xl);
	z-index: 0;
}

.slider-container {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 700px;
	overflow: visible;
	margin-top: 200px;
}

.slider-card {
	position: absolute;
	width: 100%;
	height: 100%;
	transition: all 0.5s ease;
	background: linear-gradient(180deg, #2e2e2e, #242424);
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.2);
	cursor: pointer;
	max-width: 100%;
	left: 0;
	bottom: 0;
	transform-origin: bottom;
}

.slider-card.active {
	transform: translateY(0) scale(1);
	z-index: 3;
	opacity: 1;
}

.slider-card.prev {
	transform: translateY(-15%) scale(0.95);
	z-index: 2;
	opacity: 0.8;
}

.slider-card.prev-2 {
	transform: translateY(-30%) scale(0.9);
	z-index: 1;
	opacity: 0.6;
}

.slider-card.next {
	transform: translateY(15%) scale(0.95);
	z-index: 0;
	opacity: 0.8;
}

.slider-card.next-2 {
	transform: translateY(30%) scale(0.9);
	z-index: -1;
	opacity: 0.6;
}

.card-content {
	padding: 40px;
	color: white;
	text-align: left;
	position: absolute;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	background: linear-gradient(to top, rgba(46, 46, 46, 0.95), rgba(46, 46, 46, 0.7), transparent);
}
.lorem-ipsum-is-simply,
.name-of-case {
	position: relative;
	display: inline-block;
	max-width: 100%;
}
.name-of-case {
	margin: 0;
	width: 21.188rem;
	font-size: inherit;
	line-height: 121%;
	font-weight: 700;
	font-family: inherit;
	z-index: 4;
}
.lorem-ipsum-is-simply {
	width: 47.813rem;
	line-height: 149%;
	flex-shrink: 0;
}
.rectangle-div {
	height: 3.563rem;
	width: 9.5rem;
	position: relative;
	border-radius: var(--br-20xl);
	border: 2px solid var(--linear);
	box-sizing: border-box;
	display: none;
}
.read-more {
	flex: 1;
	position: relative;
	font-size: var(--font-size-lg);
	text-transform: capitalize;
	display: inline-block;
	font-family: var(--font);
	color: var(--color-white);
	text-align: center;
	min-width: 5.688rem;
	z-index: 1;
}
.read-more-parent,
.rectangle-group {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	box-sizing: border-box;
}
.rectangle-group {
	cursor: pointer;
	border: 2px solid var(--linear);
	padding: var(--padding-smi) var(--padding-12xl) 0.5rem;
	background-color: transparent;
	align-self: stretch;
	height: 3.563rem;
	border-radius: var(--br-20xl);
	flex-direction: row;
}
.rectangle-group:hover {
	border: 2px solid var(--color-darkcyan-100);
}
.read-more-parent {
	width: 9.5rem;
	flex-direction: column;
	padding: 0.093rem 0 0;
}
.case-study-summary {
	align-self: stretch;
	flex-direction: row;
	justify-content: space-between;
	gap: var(--gap-xl);
	z-index: 4;
	font-size: var(--font-size);
	color: var(--color-whitesmoke);
	font-family: var(--font);
}
.case-study-details,
.case-study-item,
.case-study-summary {
	display: flex;
	align-items: flex-start;
	max-width: 100%;
}
.case-study-details {
	width: 89.25rem;
	flex-direction: column;
	justify-content: flex-start;
	gap: var(--gap-6xs);
}
.case-study-item {
	align-self: stretch;
	flex-direction: row;
	justify-content: center;
	padding: 0 var(--padding-xl) var(--padding-243xl);
	box-sizing: border-box;
	text-align: left;
	font-size: var(--font2-size);
	color: var(--color-white);
	font-family: var(--font1);
}
.both-ends {
	background: linear-gradient(68.83deg, #08bbbf, #9ad63c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.develop-product {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 20.062rem 4.562rem 25.687rem;
	box-sizing: border-box;
	max-width: 100%;
	text-align: center;
	font-size: var(--font1-size);
	color: var(--color-white);
	font-family: var(--font1);
}
.mask-group-icon4 {
	align-self: stretch;
	height: 71.375rem;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	flex-shrink: 0;
}
.development-mask {
	height: 87.813rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	position: absolute;
	top: 15%;
	left: 0px;
}
.icon,
.icon1,
.icon2,
.icon3 {
	width: auto;
	height: 28rem;
	position: relative;
	object-fit: contain;
	margin: 0 auto;
}
.phase-icons {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 100%;
}
.wrapper {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 var(--padding-mini) 0 1.187rem;
	box-sizing: border-box;
	max-width: 100%;
}
.beta-icons,
.beta-icons-wrapper {
	flex: 1;
	display: flex;
	max-width: 100%;
}
.beta-icons {
	align-self: stretch;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	gap: var(--gap-68xl);
}
.beta-icons-wrapper {
	width: 32.381rem;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 var(--padding-4xs);
	box-sizing: border-box;
}
.icon3 {
	width: 32.444rem;
	position: relative;
	max-height: 100%;
	max-width: 100%;
}
.phase-row {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 4.25rem;
	width: 100%;
	margin-bottom: 3rem;
}

.phase-icons {
	width: 40%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 365px;
}

.phase-icons img {
	width: auto;
	height: 100%;
	object-fit: contain;
}

.production-content {
	flex: 1;
	display: flex;
	align-items: flex-start;
}

.frame-parent {
	width: 100%;
	display: flex;
	gap: 2rem;
	align-items: flex-start;
}

.development-marker-parent {
	width: 120px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
}

.development-marker {
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 35px;
}

.frame-group {
	flex: 1;
	max-width: 600px;
}

.alpha-parent {
	margin-bottom: 1rem;
}

.alpha-description {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.proof-of-concept {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.set-requirements-and {
	line-height: 1.5;
}
.b1 {
	position: relative;
	line-height: 121%;
}
.development-marker {
	border-radius: var(--br-15xl-5);
	background: #535353;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: var(--padding-2xs-5) var(--padding-7xl);
	z-index: 1;
	padding: 0px;
	display: flex;
}

.development-marker.active {
	background: linear-gradient(78.3deg, #08bbbf, #9ad63c);
}


.development,
.development-circle-child {
	position: relative;
	background: linear-gradient(78.3deg, #08bbbf, #9ad63c);
}
.development {
	line-height: 149%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.development-circle-child {
	width: 1.188rem;
	height: 1.188rem;
	border-radius: 50%;
	z-index: 1;
}
.development-circle {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0.343rem 0 0;
}
.development-name,
.development-title {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.development-title {
	justify-content: flex-start;
	gap: var(--gap-6xl);
	opacity:0 !important;
}

.development-title.active {
	opacity: 1 !important;
}

.development-name {
	justify-content: flex-end;
	padding: 0 var(--padding-5xl) 0 0;
	text-align: right;
	font-size: var(--font-size);
	font-family: var(--font);
}
.development-marker-parent {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	gap: var(--gap-22xl);
}
.alpha,
.vector-icon {
	align-self: stretch;
	position: relative;
}
.alpha {
	margin: 0;
	font-size: inherit;
	line-height: 121%;
	font-weight: 700;
	font-family: inherit;
	text-align: left;
	text-align: center;
}
.vector-icon {
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
}
.alpha-parent {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 0 var(--padding-12xs);
	gap: var(--gap-4xs);
}
.proof-of-concept,
.set-requirements-and {
	position: relative;
	line-height: 149%;
	display: inline-block;
}
.proof-of-concept {
	width: 22.525rem;
	font-weight: 600;
	max-width: 100%;
}
.set-requirements-and {
	height: 4.625rem;
	flex-shrink: 0;
}
.alpha-description {
	align-self: stretch;
	flex-direction: column;
	justify-content: flex-start;
	gap: var(--gap-6xs);
	font-size: var(--font-size);
	font-family: var(--font);
}
.alpha-description,
.frame-group,
.frame-parent,
.production-content {
	display: flex;
	align-items: flex-start;
	max-width: 100%;
	text-align: left;
}
.frame-group {
	flex: 1;
	flex-direction: column;
	justify-content: flex-start;
	gap: var(--gap-10xl);
	min-width: 22rem;
	font-size: var(--font2-size);
	font-family: var(--font1);
}
.frame-parent,
.production-content {
	flex-direction: row;
}
.frame-parent {
	flex: 1;
	justify-content: flex-start;
	gap: var(--gap-20xl);
	/* max-width: 60%; */
}
.production-content {
	width: 60%;
	justify-content: flex-end;
	padding: 0 var(--padding-5xl) var(--padding-smi);
	box-sizing: border-box;
	max-width: 60%;
}
.beta-placeholder-icon {
	height: 144.5rem;
	width: 0.063rem;
	margin: 0 !important;
	position: absolute;
	bottom: -107.75rem;
	left: 2.188rem;
	object-fit: contain;
}
.beta-marker {
	border-radius: var(--br-15xl-5);
	background-color: var(--color-dimgray-100);
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-2xs-5) var(--padding-3xl);
}
.beta {
	margin: 0;
	width: 14.544rem;
	position: relative;
	font-size: inherit;
	line-height: 121%;
	font-weight: 700;
	font-family: inherit;
	display: inline-block;
}
.functional-and-tested {
	width: 23.794rem;
	display: inline-block;
	max-width: 100%;
}
.continue-all-design,
.functional-and-tested {
	position: relative;
	line-height: 149%;
}
.beta-explanation {
	width: 33.138rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-6xs);
	max-width: 100%;
	font-size: var(--font-size);
	font-family: var(--font);
}
.beta-name,
.beta-title {
	flex: 1;
	justify-content: flex-start;
}
.beta-title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--gap-14xl);
	min-width: 22rem;
	max-width: 100%;
	font-size: var(--font2-size);
	font-family: var(--font1);
}
.beta-name {
	gap: var(--gap-20xl);
	z-index: 1;
}
.beta-content,
.beta-content-wrapper,
.beta-name {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	max-width: 100%;
}
.beta-content {
	flex: 1;
	justify-content: flex-start;
	position: relative;
}
.beta-content-wrapper {
	width: 43.631rem;
	justify-content: flex-end;
	padding: 0 var(--padding-5xl) var(--padding-8xl);
	box-sizing: border-box;
}
.pre-production-header-child {
	width: 33.881rem;
	position: relative;
	max-height: 100%;
	max-width: 100%;
	margin-top: -2.875rem;
}
.pre-production-header {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	min-height: 2.875rem;
	max-width: 100%;
}
.confirmed-to-launch {
	width: 17.006rem;
	position: relative;
	line-height: 149%;
	display: inline-block;
}
.pre-production-title {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-15xl);
	min-width: 22.5rem;
	max-width: 100%;
	font-size: var(--font2-size);
	font-family: var(--font1);
}
.pre-production-content-wrapper {
	width: 42.881rem;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 var(--padding-xs);
	box-sizing: border-box;
	max-width: 100%;
}
.production-marker-container {
	position: absolute;
	top: 0;
	left: 10rem;
	border-radius: var(--br-15xl-5);
	background-color: var(--color-dimgray-100);
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-2xs-5) var(--padding-xl);
}
.first-production-description,
.first-production-details {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 100%;
}
.first-production-description {
	width: 33.881rem;
	gap: var(--gap-6xs);
	font-size: var(--font-size);
	font-family: var(--font);
}
.first-production-details {
	width: 36.625rem;
	padding: 0 0 0 var(--padding-xl);
	box-sizing: border-box;
	gap: var(--gap-15xl);
}
.first-production-title {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	max-width: 100%;
}
.manufacturing {
	width: 8.625rem;
	position: relative;
	font-size: var(--font-size);
	line-height: 149%;
	display: inline-block;
	font-family: var(--font);
	color: var(--color-gray-100);
	text-align: right;
	margin-top: -9.938rem;
}
.production-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	min-height: 11.063rem;
	max-width: 100%;
	height: 100%;
	font-size: var(--font2-size);
	font-family: var(--font1);
}
.production-marker-container-parent {
	width: 51.381rem;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 var(--padding-5xl) var(--padding-smi);
	box-sizing: border-box;
	position: relative;
	max-width: 100%;
	z-index: 1;
}
.production-content-parent {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	gap: 16.875rem;
	min-width: 33.875rem;
	max-width: 100%;
}
.development-phases {
	flex: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 4.25rem;
	max-width: 100%;
	padding-top: 100px;
	width: 100%;
	width: 97.375rem;
}
.development-visual,
.serial-production-content {
	display: flex;
	justify-content: flex-start;
	box-sizing: border-box;
}
.development-visual {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 var(--padding-xl) 5.25rem 0;
	gap: initial;
	max-width: 100%;
	text-align: center;
	font-size: var(--font-size-21xl);
	color: var(--color-white);
	font-family: var(--font-montserrat);
	padding-top: 100px;
	background: linear-gradient(180deg, #242424, #242424);
	width: 100%;
	position: relative;
	padding: 0 8rem;
}
.serial-production-content {
	height: 41.875rem;
	flex-direction: column;
	align-items: flex-start;
	padding: 0;
	position: absolute;
	left: 0px;
	bottom: 10%;
}
.icon4,
.icon5 {
	position: relative;
	max-width: 100%;
}
.icon4 {
	width: 29.813rem;
	max-height: 100%;
}
.icon5 {
	height: 22.688rem;
	flex: 1;
	overflow: hidden;
}
.container,
.ongoing-phases {
	display: flex;
	box-sizing: border-box;
	max-width: 100%;
}
.container {
	align-self: stretch;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 var(--padding-4xs) 0 var(--padding-12xs);
}
.ongoing-phases {
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	padding: 0 2.312rem 0 0;
	gap: 6.187rem;
}
.serial-production-circle {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	background-color: var(--color-dimgray-100);
	width: 100%;
	height: 100%;
	z-index: 1;
}
.serial-production-marker {
	position: absolute;
	top: 0.625rem;
	left: 1.438rem;
	line-height: 121%;
	display: inline-block;
	width: 1.563rem;
	height: 3rem;
	min-width: 1.563rem;
	z-index: 2;
}
.serial-production-circle-parent {
	height: 4.313rem;
	width: 4.313rem;
	position: relative;
}
.serial-production {
	width: 21.256rem;
	position: relative;
	line-height: 121%;
	display: inline-block;
	max-width: 100%;
}
.serial-production-title-child {
	align-self: stretch;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	z-index: 1;
}
.serial-production-title {
	align-self: stretch;
	height: 2.938rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 0 var(--padding-12xs);
	box-sizing: border-box;
	max-width: 100%;
}
.on-going-deliveries-to {
	width: 29.838rem;
	position: relative;
	line-height: 149%;
	display: inline-block;
	max-width: 100%;
}
.frame-container {
	width: 40.631rem;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-20xl);
	max-width: 100%;
}
.ongoing {
	align-self: stretch;
	position: relative;
	line-height: 149%;
}
.ongoing-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-base) 0 0;
}
.refinement-circle {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	background-color: var(--color-dimgray-100);
	width: 100%;
	height: 100%;
}
.refinement,
.refinement-marker {
	line-height: 121%;
	display: inline-block;
}
.refinement-marker {
	position: absolute;
	top: 0.625rem;
	left: 1.375rem;
	width: 1.688rem;
	height: 3rem;
	min-width: 1.688rem;
	z-index: 1;
}
.refinement {
	width: 16.931rem;
	position: relative;
}
.refinement-phase {
	align-self: stretch;
	height: 2.938rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 0 var(--padding-12xs);
	box-sizing: border-box;
	gap: var(--gap-5xs);
}
.refinement-name {
	flex: 1;
	flex-direction: row;
	align-items: flex-start;
	gap: var(--gap-20xl);
	min-width: 26.375rem;
	text-align: left;
	font-size: var(--font-size-21xl);
	color: var(--color-white);
	font-family: var(--font-montserrat);
}
.frame-div,
.production-phases,
.refinement-name {
	display: flex;
	justify-content: flex-start;
	max-width: 100%;
}
.frame-div {
	align-self: stretch;
	flex-direction: row;
	align-items: flex-start;
	gap: var(--gap-4xl);
	z-index: 1;
	text-align: right;
	font-size: var(--font-size);
	color: var(--color-gray-100);
	font-family: var(--font);
}
.production-phases {
	width: 48.006rem;
	flex-direction: column;
	align-items: flex-end;
	gap: 17.812rem;
}
.serial-production-visual {
	width: 108.456rem;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0 var(--padding-xl) 12.875rem 0;
	box-sizing: border-box;
	max-width: 100%;
	gap: var(--gap-xl);
	text-align: left;
	font-size: var(--font-size-21xl);
	color: var(--color-white);
	font-family: var(--font-montserrat);
}
.mask-group-icon6 {
	height: 26.938rem;
	position: absolute;
	max-width: 100%;
	left: 0px;
}
.if-you-can,
.the-kiiam-process {
	margin: 0;
	align-self: stretch;
	position: relative;
	z-index: 1;
}
.the-kiiam-process {
	font-size: inherit;
	line-height: 121%;
	font-weight: 700;
	font-family: inherit;
}
.if-you-can {
	height: fit-content;
	font-size: var(--font-size-21xl);
	line-height: 130%;
	font-weight: 600;
	font-family: var(--font);
	display: inline-block;
	flex-shrink: 0;
}
.kiiam-process-and-testimonials,
.sec6 {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.sec6 {
	width: 100%;
	position: relative;
	top: 0;
	margin: auto;
	flex-direction: column;
	padding: 150px 25%;
	box-sizing: border-box;
	gap: var(--gap-23xl);
	z-index: 1;
	border-radius: 25px;
}
.kiiam-process-and-testimonials {
	flex-direction: row;
	position: relative;
	/* width: 100%; */
	width: 100%;
}
.our-long-experience-container {
	position: relative;
	font-size: var(--font-size);
	line-height: 149%;
	font-family: var(--font);
	color: var(--color-lightgray);
}
.kiiam-process-content,
.what-others-say-parent {
	width: 51.188rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-mid);
	max-width: 100%;
	position: relative;
	text-align: center;
}
.kiiam-process-content {
	width: 100%;
	flex-direction: row;
	align-items: flex-end;
	justify-content: center;
	gap: var(--gap-xl);
	margin: 0px;
	display: flex;
}
.image-1-icon {
	width: 12.25rem;
	height: 3.875rem;
	position: relative;
	object-fit: cover;
}
.full-name,
.lorem-ipsum-is-simply1 {
	position: relative;
	line-height: 149%;
	display: inline-block;
}
.lorem-ipsum-is-simply1 {
	width: 24.5rem;
	max-width: 100%;
	height: 150px;
	text-overflow: ellipsis;
	color: black;
	text-align: left;
}
.full-name {
	width: fit-content;
	height: 2.5rem;
	font-weight: 500;
	color: var(--color-lightseagreen);
	flex-shrink: 0;
}
.group-icon {
	width: 3.625rem;
	height: 2.688rem;
	position: absolute;
	margin: 0 !important;
	top: -1.375rem;
	right: 3.25rem;
	z-index: 2;
}
.image-1-parent {
	width: 29.938rem;
	box-shadow: 0 55px 80px rgba(0, 0, 0, 0.07),
		0 35.6px 46.9px rgba(0, 0, 0, 0.05), 0 21.2px 25.5px rgba(0, 0, 0, 0.04),
		0 11px 13px rgba(0, 0, 0, 0.04), 0 4.5px 6.5px rgba(0, 0, 0, 0.03),
		0 1px 3.1px rgba(0, 0, 0, 0.02);
	border-radius: var(--br-3xs);
	background-color: var(--color-white);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-48xl-5) var(--padding-xl) var(--padding-48xl-5)
		var(--padding-24xl);
	box-sizing: border-box;
	position: relative;
	gap: var(--gap-7xl);
	max-width: 100%;
	z-index: 1;
}
.image-2-icon {
	width: 9.938rem;
	height: 4.25rem;
	position: relative;
	object-fit: cover;
	z-index: 2;
}
.full-name1,
.lorem-ipsum-is-simply-container {
	position: relative;
	line-height: 149%;
	display: inline-block;
	flex-shrink: 0;
	z-index: 2;
}
.lorem-ipsum-is-simply-container {
	align-self: stretch;
	height: 6.938rem;
}
.full-name1 {
	width: 16.313rem;
	height: 2.5rem;
	font-weight: 500;
	color: var(--color-lightseagreen);
}
.frame-wrapper,
.image-2-parent {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 100%;
}
.image-2-parent {
	width: 25.938rem;
	gap: var(--gap-15xl);
}
.frame-wrapper {
	width: 29.5rem;
	padding: 3.781rem 0 0;
	box-sizing: border-box;
}
.image-5-icon {
	width: 14.5rem;
	height: 2.625rem;
	position: relative;
	object-fit: cover;
	z-index: 2;
}
.lorem-ipsum-is-simply3 {
	position: relative;
	line-height: 149%;
	z-index: 2;
}
.image-5-parent {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-10xl);
}
.frame-parent2,
.frame-wrapper1 {
	display: flex;
	align-items: flex-start;
	max-width: 100%;
}
.frame-wrapper1 {
	width: 22.75rem;
	flex-direction: column;
	justify-content: flex-start;
	padding: 4.531rem 0 0;
	box-sizing: border-box;
}
.frame-parent2 {
	align-self: stretch;
	flex-direction: row;
	justify-content: space-between;
	flex-shrink: 0;
	gap: var(--gap-xl);
}
.testimonial-pagination-dots,
.testimonial-pagination-dots1 {
	height: 0.763rem;
	width: 0.763rem;
	position: relative;
	border-radius: 50%;
	background-color: var(--linear);
}
.testimonial-pagination-dots1 {
	background-color: var(--color-lightgray);
}
.testimonial-pagination {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-lgi);
	flex-shrink: 0;
}
.frame-parent1,
.testimonial-navigation {
	width: 90.113rem;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	padding: 0 var(--padding-xl);
	box-sizing: border-box;
	max-width: 100%;
}
.frame-parent1 {
	width: 95rem;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	padding: 0 0 0 var(--padding-xl);
	gap: 60px;
}

.testimonials-section {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	text-align: center;
	gap: 100px;
	padding-bottom: 253px;
	align-items: center;
	position: relative;
	background: linear-gradient(180deg, #242424, #242424);
	padding: 0 20px;
}

.kiiam-process-container,
.testimonial-cards {
	display: flex;
	align-items: flex-start;
	max-width: 100%;
	flex-wrap: nowrap;
	flex-direction: column;
}

.testimonial-cards {
	align-self: stretch;
	flex-direction: column;
	justify-content: flex-end;
	text-align: left;
	font-size: var(--font-size);
	color: var(--color-darkslategray);
	font-family: var(--font);
	display: flex;
	align-items: center;
	height: fit-content;
	gap: 80px;
	background: linear-gradient(180deg, #242424, #242424);
}
.kiiam-process-container {
	width: 100%;
	flex-direction: column;
	justify-content: flex-start;
	padding: 0;
	box-sizing: border-box;
	gap: var(--gap-44xl);
}
.footer-navigation-child {
	width: 10.869rem;
	height: 3.919rem;
	position: relative;
}
.footer-links li a { transition: all 0.3s ease-in-out; font-size: 20px; font-weight: 400; line-height: 30px; }
.footer-links li a:hover, .footer-links li a:focus {
background: linear-gradient(132.88deg, #08bbbf, #9ad63c);
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}
.home2 {
	margin: 0;
	background: linear-gradient(126.23deg, #08bbbf, #9ad63c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.home1,
.industries2 {
	position: relative;
	line-height: 149%;
	display: inline-block;
	flex-shrink: 0;
}
.home1 {
	align-self: stretch;
	height: 1.438rem;
}
.industries2 {
	height: 1.313rem;
	min-width: 6rem;
}
.expertise1 {
	align-self: stretch;
}
.blog1,
.expertise1,
.showcase1 {
	position: relative;
	line-height: 149%;
}
.showcase1 {
	display: inline-block;
	min-width: 6rem;
}
.blog1 {
	align-self: stretch;
}
.footer-menus {
	height: fit-content;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: var(--gap-xs);
}
.services2 {
	align-self: stretch;
	position: relative;
	line-height: 149%;
	background: linear-gradient(132.88deg, #08bbbf, #9ad63c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.services-menu {
	width: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-xs);
	color: white;
}
.get-in-touch {
	align-self: stretch;
	position: relative;
	line-height: 149%;
	background: linear-gradient(84.53deg, #08bbbf, #9ad63c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.get-in-touch,
.hataas-street-kfar {
	height: 1.313rem;
	display: inline-block;
	flex-shrink: 0;
}
.hataas-street-kfar,
.israel-4442520,
.tel-972-9-7940-500 {
	align-self: stretch;
	position: relative;
	line-height: 149%;
}
.tel-972-9-7940-500 {
	height: 1.125rem;
	display: inline-block;
	flex-shrink: 0;
}
.contact-info,
.footer-links {
	display: flex;
	align-items: flex-start;
}
.contact-info {
	height: 9.688rem;
	width: 17.563rem;
	flex-direction: column;
	justify-content: flex-start;
	gap: var(--gap-xs);
}
.contact-info a:hover, .contact-info a:focus {
	background: linear-gradient(132.88deg, #08bbbf, #9ad63c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.footer-links {
	align-self: stretch;
	flex-direction: row;
	justify-content: space-between;
	padding: 0 var(--padding-9xs) 0 0;
	gap: var(--gap-xl);
}
.copyright-2024,
.footer-navigation {
	flex-shrink: 0;
	max-width: 100%;
	z-index: 2;
}
.footer-navigation {
	width: 57.594rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 0 var(--padding-12xs-1);
	box-sizing: border-box;
	gap: var(--gap-46xl);
}
.copyright-2024 {
	width: fit-content;
	position: absolute;
	line-height: 149%;
	text-align: center;
	display: inline-block;
	bottom: 63px;
	left: 8rem;
}
.footer-navigation-and-copyrigh,
.footer-top {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 100%;
}
.footer-navigation-and-copyrigh {
	align-self: stretch;
	gap: 0px;
}
.footer-top {
	flex: 1;
	padding: var(--padding-xs-7) 0 0;
	box-sizing: border-box;
}
.youtube-negative-icon {
	z-index: 3;
}
.facebook-negative-icon,
.linkedin-negative-icon,
.youtube-negative-icon {
	width: 1.625rem;
	position: relative;
	height: 1.625rem;
	overflow: hidden;
	flex-shrink: 0;
}
.linkedin-negative-icon {
	z-index: 1;
}
.social-icons,
.youtube-negative-parent {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.youtube-negative-parent {
	width: 9.5rem;
	height: 1.625rem;
	flex-direction: row;
	gap: var(--gap-18xl);
}
.social-icons {
	flex-direction: column;
	padding: var(--padding-9xs) 0 0;
}
.footer-social,
.footer-social-and-c-t-a {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	max-width: 100%;
}
.footer-social {
	flex: 1;
	justify-content: space-between;
	gap: var(--gap-xl);
}
.footer-social-and-c-t-a {
	align-self: stretch;
	backdrop-filter: blur(19px);
	border-radius: var(--br-3xs);
	background-color: var(--color-gray-200);
	justify-content: flex-start;
	padding: var(--padding-18xl-5) var(--padding-16xl);
	box-sizing: border-box;
	z-index: 2;
}
.wed-love-to {
	align-self: stretch;
	position: relative;
	font-size: var(--font-size);
	line-height: 149%;
	font-family: var(--font);
	white-space: nowrap;
}
.c-t-a-button {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-9xs);
}
.get-in-touch1 {
	flex: 1;
	position: relative;
	font-size: var(--font-size);
	line-height: 149%;
	font-family: var(--font);
	color: var(--color-darkslategray);
	text-align: center;
}
.contact-us-button-container {
	cursor: pointer;
	border: 0;
	padding: 0;
	background-color: var(--color-white);
	flex: 1;
	border-radius: var(--br-20xl);
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 13px 48px;
	white-space: nowrap;
}
.contact-us-button-container:hover {
	background-color: var(--color-gainsboro);
}
.contact-us-button {
	align-self: stretch;
	flex-direction: row;
	padding: 0px;
	max-width: 213px;
	margin: auto;
}
.contact-us-button,
.footer,
.footer-bottom,
.footer-c-t-a,
.footer-content {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.footer,
.footer-bottom,
.footer-content {
	max-width: 100%;
}
.footer-bottom {
	flex-direction: column;
	gap: var(--gap-6xl);
}
.footer,
.footer-content {
	flex-direction: row;
}
.footer-content {
	flex: 1;
	gap: var(--gap-174xl);
	padding-top: 42px;
}
.footer {
	width: 110.219rem;
	padding: 0 var(--padding-13xl);
	box-sizing: border-box;
	text-align: left;
	font-size: var(--font-size);
	font-family: var(--font);
}
.frame-child2 {
	position: absolute;
	top: 1.375rem;
	left: 0;
	border-radius: var(--br-3xs);
	background-color: var(--color-white);
	width: 30rem;
	height: 26.875rem;
}
.frame-child3 {
	position: absolute;
	top: 0;
	left: 23rem;
	width: 3.625rem;
	height: 2.688rem;
	z-index: 1;
}
.rectangle-container {
	height: 28.25rem;
	width: 30rem;
	position: absolute;
	margin: 0 !important;
	top: -9.312rem;
	left: 44.625rem;
	box-shadow: 0 50px 80px rgba(0, 0, 0, 0.07),
		0 32.4px 46.9px rgba(0, 0, 0, 0.05), 0 19.3px 25.5px rgba(0, 0, 0, 0.04),
		0 10px 13px rgba(0, 0, 0, 0.04), 0 4.1px 6.5px rgba(0, 0, 0, 0.03),
		0 0.9px 3.1px rgba(0, 0, 0, 0.02);
}
.frame-child4 {
	position: absolute;
	top: 1.375rem;
	left: 0;
	box-shadow: 0 59px 80px rgba(0, 0, 0, 0.07),
		0 38.2px 46.9px rgba(0, 0, 0, 0.05), 0 22.7px 25.5px rgba(0, 0, 0, 0.04),
		0 11.8px 13px rgba(0, 0, 0, 0.04), 0 4.8px 6.5px rgba(0, 0, 0, 0.03),
		0 1.1px 3.1px rgba(0, 0, 0, 0.02);
	border-radius: var(--br-3xs);
	background-color: var(--color-white);
	width: 29.938rem;
	height: 26.875rem;
}
.frame-child5,
.group-div {
	position: absolute;
	z-index: 1;
}
.frame-child5 {
	top: 0;
	left: 22.875rem;
	width: 3.625rem;
	height: 2.688rem;
}
.group-div {
	height: 28.25rem;
	width: 29.938rem;
	margin: 0 !important;
	top: -9.312rem;
	right: 11.688rem;
}
.mask-group-icon7 {
	position: absolute;
	top: auto;
	left: 85.25rem;
	width: 34.75rem;
	height: 35rem;
	bottom: 0px;
}
.mask-group-icon8 {
	position: absolute;
	top: auto;
	bottom: 0px;
	left: 0;
	width: 21.813rem;
	height: 23.813rem;
}
.bottom-wave-child,
.wave-shape-icon {
	position: absolute;
	top: 31.188rem;
	left: -0.375rem;
	width: 120rem;
	height: 41.125rem;
	z-index: 1;
}
.wave-shape-icon {
	top: auto;
	bottom: 0px;
	left: 51.5rem;
	width: 52.225rem;
	height: fit-content;
	object-fit: contain;
	z-index: 3;
}
.bottom-wave {
	height: auto;
	position: relative;
	max-width: 100%;
	padding-bottom: 239px;
	background: linear-gradient(180deg, #242424, #242424);
	width: 100%;
}
.bottom-shapes,
.home,
.kiiam-process-container-parent {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.bottom-shapes {
	width: 120rem;
	margin: 0 !important;
	position: absolute;
	top: 71.438rem;
	left: 0;
	flex-direction: row;
	max-width: 100%;
}
.home,
.kiiam-process-container-parent {
	position: relative;
	overflow: hidden;
	flex-direction: column;
	color: var(--color-white);
}
.kiiam-process-container-parent {
	align-self: stretch;
	box-sizing: border-box;
	max-width: 100%;
	text-align: center;
	font-size: var(--font1-size);
	font-family: var(--font1);
	padding-top: 100px;
	padding-bottom: 150px;
	background: linear-gradient(180deg, #242424, #242424);
}
.home {
	width: 100%;
	background: linear-gradient(180deg, #2e2e2e, #242424);
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	font-size: var(--font-size);
	font-family: var(--font);
	background: linear-gradient(180deg, #242424, #242424);
}
.testimonials-slider {
	display: flex;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.frame-parent2 {
	display: flex;
	transition: transform 0.5s ease;
	width: calc(100% * 3);
	padding-top: 50px;
}

.image-1-parent {
	/* flex: 1 0 33.33%; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding: 20px;
	box-sizing: border-box;
	max-width: 33%;
	overflow: visible;
}

.testimonial-pagination {
	display: flex;
	gap: 12px;
	justify-content: center;
	margin-top: 20px;
}

.testimonial-pagination-dots,
.testimonial-pagination-dots1 {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.testimonial-pagination-dots {
	background-color: var(--linear);
}

.testimonial-pagination-dots1 {
	background-color: var(--color-lightgray);
}
@media screen and (max-width: 1725px) {
	.sub-content {
		flex-wrap: wrap;
		justify-content: center;
	}
	.mask-group-icon {
		align-self: stretch;
		width: auto;
	}
	.mask-group-wrapper {
		flex: 1;
	}
	.frame-parent2,
	.serial-production-visual {
		flex-wrap: wrap;
	}
	.footer-bottom {
		flex: 1;
	}
	.footer-content {
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 1325px) {
	.menu-item-wrapper {
		display: none;
	}
	.main-content {
		padding-left: var(--padding-139xl);
		padding-right: var(--padding-139xl);
		box-sizing: border-box;
	}
	.integration-description {
		flex: 1;
	}
	.image-parent {
		gap: 2.875rem;
		flex-wrap: wrap;
	}
	.hiro {
		gap: var(--gap-16xl);
		padding-top: var(--padding-xl);
		padding-bottom: var(--padding-60xl);
		box-sizing: border-box;
	}
	.kiiam-specializes-in-product-wrapper {
		padding-left: var(--padding-7xl);
		padding-right: var(--padding-7xl);
		box-sizing: border-box;
	}
	.full-service-description,
	.mask-group-wrapper {
		min-width: 100%;
	}
	.sec2,
	.sec2-wrapper {
		box-sizing: border-box;
	}
	/* .sec2 {
		gap: var(--gap-13xl);
		flex-wrap: wrap;
		padding: var(--padding-xl) var(--padding-xl) var(--padding-186xl);
	}
	.sec2-wrapper {
		padding-bottom: var(--padding-48xl);
	} */
	.field-heading {
		padding-left: var(--padding-17xl);
		padding-right: var(--padding-17xl);
		box-sizing: border-box;
	}
	.industry-specialization {
		flex-wrap: wrap;
		justify-content: center;
	}
	.specialization-content-wrapper {
		padding-bottom: 8.75rem;
		box-sizing: border-box;
	}
	.case-study-summary {
		flex-wrap: wrap;
	}
	.develop-product {
		padding-left: var(--padding-186xl);
		padding-right: var(--padding-141xl);
		box-sizing: border-box;
	}
	.phase-icons-parent {
		flex: 1;
	}
	.development-phases {
		flex-wrap: wrap;
	}
	.development-visual {
		padding-bottom: var(--padding-17xl);
		box-sizing: border-box;
	}
	.serial-production-visual {
		padding-bottom: 8.375rem;
		box-sizing: border-box;
	}
	.kiiam-process-content {
		flex-wrap: wrap;
	}
	.footer-navigation {
		gap: var(--gap-13xl);
	}
	.footer-navigation-and-copyrigh {
		gap: var(--gap-60xl);
	}
	.footer-content {
		gap: var(--gap-77xl);
	}
	.kiiam-process-container-parent {
		gap: var(--gap-68xl);
		padding-top: 13.75rem;
		padding-bottom: var(--padding-156xl);
		box-sizing: border-box;
	}
}
@media screen and (max-width: 900px) {

	.services-menu {
		width: auto;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: var(--gap-xs);
		color: white;
	}
	.the-complete-journey {
		font-size: var(--font-size-33xl);
		line-height: 3.938rem;
	}
	.main-content {
		padding-left: var(--padding-60xl);
		padding-right: var(--padding-60xl);
		box-sizing: border-box;
	}
	.image,
	.integration-description {
		min-width: 100%;
	}
	.image-parent {
		gap: var(--gap-4xl);
	}
	.scroll-content-wrapper {
		padding-top: 16.625rem;
		box-sizing: border-box;
	}
	.main-content-parent {
		gap: var(--gap-xl);
	}
	.hiro {
		gap: var(--gap-lg);
		padding-bottom: var(--padding-32xl);
		box-sizing: border-box;
	}
	.just-like-having-container {
		font-size: var(--font-size-29xl);
		line-height: 3.625rem;
	}
	.sec2 {
		gap: var(--gap-base);
	}
	.sec2-wrapper {
		padding-bottom: var(--padding-25xl);
		box-sizing: border-box;
	}
	.specializing-in-your-container {
		font-size: var(--font-size-29xl);
		line-height: 3.625rem;
	}
	.dental,
	.dermatology {
		font-size: var(--font-size-7xl);
		line-height: 1.938rem;
	}
	.veterinary-description {
		padding-left: 3.813rem;
		padding-right: 3.75rem;
		box-sizing: border-box;
	}
	.veterinary-button {
		padding-left: var(--padding-70xl);
		padding-right: var(--padding-70xl);
		box-sizing: border-box;
	}
	.veterinary-specialization {
		gap: var(--gap-2xl);
	}
	.specialization-content {
		gap: var(--gap-19xl);
	}
	.specialization-content-wrapper {
		padding-bottom: 5.688rem;
		box-sizing: border-box;
	}
	.case-studies {
		font-size: var(--font-size-29xl);
		line-height: 3.625rem;
	}
	.case-studies-wrapper {
		padding-left: var(--padding-70xl);
		padding-right: var(--padding-70xl);
		box-sizing: border-box;
	}
	.case-study-content {
		padding-bottom: 24.563rem;
		box-sizing: border-box;
	}
	.name-of-case {
		font-size: var(--font-size-7xl);
		line-height: 1.938rem;
	}
	.develop-product {
		padding-left: 6.375rem;
		padding-right: 5rem;
		box-sizing: border-box;
	}
	.development-mask {
		display: none;
	}
	.beta-icons {
		gap: var(--gap-24xl);
	}
	.phase-icons-parent {
		gap: var(--gap-16xl);
		min-width: 100%;
	}
	.b1 {
		font-size: var(--font2-size);
		line-height: 2.438rem;
	}
	.development-marker-parent {
		flex: 1;
		display: flex;
		align-items: center;
	}
	.alpha {
		font-size: var(--font-size-7xl);
		line-height: 1.938rem;
	}
	.frame-parent {
		flex-wrap: wrap;
	}
	.beta {
		font-size: var(--font-size-7xl);
		line-height: 1.938rem;
	}
	.beta-title {
		gap: var(--gap-base);
	}
	.beta-name {
		gap: var(--gap-lgi);
		flex-wrap: wrap;
	}
	.first-production-details,
	.pre-production-title {
		gap: var(--gap-mid);
	}
	.production-content-parent {
		gap: 8.438rem;
		min-width: 100%;
	}
	.development-phases {
		gap: var(--gap-15xl);
		max-width: 100%;
	}
	.development-visual {
		gap: var(--gap-6xl);
		padding-left: var(--padding-xl);
		box-sizing: border-box;
	}
	.serial-production-content {
		padding-top: var(--padding-106xl);
		box-sizing: border-box;
	}
	.ongoing-phases {
		gap: var(--gap-30xl);
	}
	.serial-production-marker {
		font-size: var(--font2-size);
		line-height: 2.438rem;
	}
	.serial-production {
		font-size: var(--font-size-7xl);
		line-height: 1.938rem;
	}
	.frame-container {
		gap: var(--gap-lgi);
		flex-wrap: wrap;
	}
	.refinement-marker {
		font-size: var(--font2-size);
		line-height: 2.438rem;
	}
	.refinement {
		font-size: var(--font-size-7xl);
		line-height: 1.938rem;
	}
	.refinement-name {
		gap: var(--gap-lgi);
		flex-wrap: wrap;
		min-width: 100%;
	}
	.frame-div {
		flex-wrap: wrap;
	}
	.production-phases {
		gap: var(--gap-123xl);
	}
	.serial-production-visual {
		padding-bottom: var(--padding-68xl);
		box-sizing: border-box;
	}
	.the-kiiam-process {
		font-size: var(--font-size-29xl);
		line-height: 3.625rem;
	}
	.if-you-can {
		font-size: var(--font2-size);
		line-height: 2.625rem;
	}
	.frame-parent1 {
		gap: var(--gap-29xl);
	}
	.kiiam-process-container {
		gap: var(--gap-12xl);
	}
	/* .footer-links {
		flex-wrap: wrap;
	} */
	.footer-navigation-and-copyrigh {
		gap: var(--gap-20xl);
	}
	.footer-bottom,
	.footer-top {
		min-width: 100%;
	}
	.footer-content {
		gap: var(--gap-29xl);
	}
	.kiiam-process-container-parent {
		gap: var(--gap-24xl);
		padding-top: 8.938rem;
		padding-bottom: 7.125rem;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 450px) {
	.about-us {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.menu-item-container {
		gap: var(--gap-7xl);
	}
	.the-complete-journey {
		font-size: var(--font-size-20xl);
		line-height: 2.938rem;
	}
	.main-content {
		padding-left: var(--padding-xl);
		padding-right: var(--padding-xl);
		box-sizing: border-box;
	}
	.product-design-prototyping,
	.serial-manufacturing {
		font-size: var(--font-size-base);
		line-height: 1.25rem;
	}
	.product-description-parent {
		gap: 3.438rem;
	}
	.image-content {
		gap: var(--gap-mid);
		flex-wrap: wrap;
	}
	.as-we-integrate {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.integration-description {
		gap: var(--gap-base);
	}
	.just-like-having-container {
		font-size: var(--font-size-17xl);
		line-height: 2rem;
		font-size: 26px;
	}
	.kiiam-specializes-in {
		font-size: var(--font-size-lgi);
		line-height: 1.813rem;
	}
	.sec2 {
		padding-bottom: 8.313rem;
		box-sizing: border-box;
	}
	.specializing-in-your-container {
		font-size: var(--font-size-17xl);
		line-height: 2.75rem;
		font-size: 26px;
	}
	.our-long-experience {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.dental-image-container {
		padding-left: var(--padding-xl);
		padding-right: var(--padding-xl);
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: auto;
	}
	.dental {
		font-size: var(--font-size-lgi);
		line-height: 1.438rem;
	}
	.dental-heading {
		padding-left: var(--padding-xl);
		padding-right: var(--padding-xl);
		box-sizing: border-box;
	}
	.precision-smart-tools {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.dental-specialization {
		padding-top: var(--padding-35xl);
		box-sizing: border-box;
	}
	.dermatology-image-container {
		padding-left: var(--padding-xl);
		padding-right: var(--padding-xl);
		box-sizing: border-box;
	}
	.dermatology {
		font-size: var(--font-size-lgi);
		line-height: 1.438rem;
	}
	.dermatology-specialization {
		padding-top: var(--padding-35xl);
		box-sizing: border-box;
	}
	.veterinary-description {
		padding-left: var(--padding-xl);
		padding-right: var(--padding-xl);
		box-sizing: border-box;
	}
	.our-experience-in {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.veterinary-button {
		padding-left: var(--padding-xl);
		padding-right: var(--padding-xl);
		box-sizing: border-box;
	}
	.specialization-content {
		gap: var(--gap-lgi);
	}
	.case-studies {
		font-size: var(--font-size-17xl);
		line-height: 2.75rem;
	}
	.case-studies-wrapper {
		padding-left: var(--padding-xl);
		padding-right: var(--padding-xl);
		box-sizing: border-box;
	}
	.our-long-experience1 {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.case-study-content {
		padding-bottom: 15.938rem;
		box-sizing: border-box;
	}
	.name-of-case {
		font-size: var(--font-size-lgi);
		line-height: 1.438rem;
	}
	.lorem-ipsum-is-simply {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.case-study-item {
		padding-bottom: 10.625rem;
		box-sizing: border-box;
	}
	.beta-icons {
		gap: var(--gap-3xl);
	}
	.phase-icons-parent {
		gap: var(--gap-lg);
	}
	.b1 {
		font-size: var(--font-size-5xl);
		line-height: 1.813rem;
	}
	.development {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.alpha {
		font-size: var(--font-size-lgi);
		line-height: 1.438rem;
	}
	.proof-of-concept,
	.set-requirements-and {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.frame-group {
		min-width: 100%;
	}
	.frame-parent {
		gap: var(--gap-lgi);
	}
	.beta {
		font-size: var(--font-size-lgi);
		line-height: 1.438rem;
	}
	.continue-all-design,
	.functional-and-tested {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.beta-title {
		min-width: 100%;
	}
	.confirmed-to-launch {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.pre-production-title {
		min-width: 100%;
	}
	.manufacturing {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.production-content-parent {
		gap: var(--gap-48xl);
	}
	.development-phases {
		gap: var(--gap-mid);
	}
	.development-visual {
		padding-bottom: 1.438rem;
		box-sizing: border-box;
	}
	.ongoing-phases {
		gap: var(--gap-6xl);
	}
	.serial-production-marker {
		font-size: var(--font-size-5xl);
		line-height: 1.813rem;
	}
	.serial-production {
		font-size: var(--font-size-lgi);
		line-height: 1.438rem;
	}
	.on-going-deliveries-to,
	.ongoing {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.refinement-marker {
		font-size: var(--font-size-5xl);
		line-height: 1.813rem;
	}
	.refinement {
		font-size: var(--font-size-lgi);
		line-height: 1.438rem;
	}
	.production-phases {
		gap: var(--gap-52xl);
	}
	.the-kiiam-process {
		font-size: var(--font-size-17xl);
		line-height: 2.75rem;
	}
	.if-you-can {
		font-size: var(--font-size-5xl);
		line-height: 1.938rem;
		height: fit-content;
	}
	.full-name,
	.lorem-ipsum-is-simply1,
	.our-long-experience-container {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.image-1-parent {
		padding-left: 1.313rem;
		padding-top: var(--padding-25xl);
		padding-bottom: var(--padding-25xl);
		box-sizing: border-box;
	}
	.full-name1,
	.lorem-ipsum-is-simply-container {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.image-2-parent {
		gap: var(--gap-mid);
	}
	.lorem-ipsum-is-simply3 {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.frame-parent1 {
		gap: var(--gap-5xl);
	}
	.kiiam-process-container {
		gap: var(--gap-base);
		padding: 0px !important;
		width: 90% !important;

	}
	.blog1,
	.expertise1,
	.home1,
	.industries2,
	.showcase1 {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.blog1,
	.expertise1,
	.showcase1 {
		line-height: 0.938rem;
	}
	.blog1 {
		line-height: 1.063rem;
	}
	.get-in-touch,
	.hataas-street-kfar,
	.services2 {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.israel-4442520,
	.tel-972-9-7940-500 {
		font-size: var(--font-size-base);
		line-height: 1.125rem;
	}
	.tel-972-9-7940-500 {
		line-height: 1.5rem;
	}
	.footer-navigation {
		gap: var(--gap-base);
	}
	.copyright-2024 {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.footer-navigation-and-copyrigh {
		gap: var(--gap-xl);
	}
	.footer-social {
		flex-wrap: wrap;
	}
	.wed-love-to {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
		white-space: normal;
	}
	.contact-us-button,
	.footer-c-t-a {
		padding-left: var(--padding-xl);
		padding-right: var(--padding-xl);
		box-sizing: border-box;
		margin: 0px;
		max-width: max-content;
		padding: 0px;
		margin: auto;
	}
	.footer-c-t-a {
		gap: var(--gap-base);
	}
	.footer-content {
		gap: var(--gap-5xl);
	}
	.kiiam-process-container-parent {
		gap: var(--gap-3xl);
	}

	.contact-info {
		height: 9.688rem;
		width: 17.563rem;
		flex-direction: column;
		justify-content: flex-start;
		gap: var(--gap-xs);
		color: white;
	}

	footer ol, footer ul {
		list-style-type: none !important;
	}
}
.image-1-parent {
	max-width: 100%;
	width: 100%;
	overflow: visible;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 32px;
	padding-top: 60px;
	padding-bottom: 60px;
	box-sizing: border-box;
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block;
	max-width: 33%;
}

.testimonials-section .swiper-container {
	width: 97.375rem;
	margin: auto;
	overflow: hidden;
	padding-top: 25px;
} 

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
	background-color: #D4D4D4;
	width: 12.159px;
	height: 12.159px;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background-color: #07bbbf !important;
}

.swiper-pagination {
	bottom: 150px !important;
}

.service-dec {
	position: absolute;
	top: 0px;
	right: 0px;
}
/* Main CSS file that imports all modular CSS files */

/* Import common styles and variables first */
@import url('./common.css');

/* Import component styles */
@import url('./header.css');
@import url('./hero.css');
@import url('./main-content.css');
@import url('./development-phases.css');
@import url('./testimonials.css');
@import url('./footer.css');
@import url('./slider.css');

/* Import media queries last */
@import url('./media-queries.css');

/* Root styles */
.home {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background: linear-gradient(180deg, #2e2e2e, #242424);
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	font-size: var(--font-size);
	font-family: var(--font);
	position: relative;
	overflow: hidden;
	flex-direction: column;
	color: var(--color-white);
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.hero-image-icon-decoration {
	position: absolute;
	right: 0;
	top: 60px;
}
.hiro .marquee {position: absolute; bottom: 0; left: 0; overflow: hidden; width: 100%; z-index: 1; background: #000; height: 77px; white-space: nowrap; }
.hiro .marquee .marquee-content { display: flex; width: max-content; animation: marquee 30s linear infinite; }
.hiro .marquee .marquee-content span { background: linear-gradient(90deg, #9AD63C 0%, #08BBBF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 24px; font-weight: 500; white-space: nowrap; list-style: none; line-height: 77px;  }
.hiro .marquee .marquee-content span:before { content: ""; display: inline-block; width: 17px; height: 17px; border-radius: 50%; background: linear-gradient(180deg, #9AD63C 0%, #08BBBF 100%); margin: 0 30px; }
@keyframes marquee {
	0% {
	  transform: translateX(0%);
	}
	100% {
	  transform: translateX(-50%);
	}
  }


.kiiam-process-container-parent {
	align-self: stretch;
	padding: 32.625rem 0 25.825rem;
	box-sizing: border-box;
	gap: 10.862rem;
	max-width: 100%;
	text-align: center;
	font-size: var(--font1-size);
	font-family: var(--font1);
	position: relative;
	overflow: hidden;
	flex-direction: column;
	color: var(--color-white);
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.blog,
.company,
.expertise,
.showcase {
	left: 14.375rem;
	width: 5.125rem;
	min-width: 5.125rem;
}
.blog,
.company,
.showcase {
	left: 21.5rem;
	width: 5.563rem;
	min-width: 5.563rem;
}
.blog,
.company {
	left: 29.063rem;
}
.blog {
	left: 36.625rem;
	width: 2.75rem;
	min-width: 2.75rem;
}
.menu-item-list {
	margin: 0;
	align-self: stretch;
	height: 1.75rem;
	position: relative;
	text-align: left;
	font-size: var(--font-size-lgi);
	color: var(--color-white);
	font-family: var(--font);
}
.menu-item-wrapper {
	margin: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-mini-5) 0 0;
	box-sizing: border-box;
	max-width: 100%;
}
.contact-us {
	text-decoration: none;
	flex: 1;
	position: relative;
	font-weight: 700;
	color: inherit;
}
.contact-menu-item,
.menu-item-container {
	flex-direction: row;
	justify-content: flex-start;
}
.contact-menu-item {
	border-radius: var(--br-20xl);
	background: linear-gradient(78.3deg, #08bbbf, #9ad63c);
	display: flex;
	align-items: flex-start;
	padding: var(--padding-sm-5) var(--padding-12xl);
}
.menu-item-container {
	align-self: stretch;
	gap: 3.25rem;
}
.menu,
.menu-item-container,
.menu-items,
.menu-wrapper {
	display: flex;
	align-items: flex-start;
	max-width: 100%;
}
.menu-items {
	width: 52.063rem;
	flex-direction: column;
	justify-content: flex-start;
	padding: var(--padding-xs-5) 0 0;
	box-sizing: border-box;
}
.menu,
.menu-wrapper {
	flex-direction: row;
}
.menu {
	flex: 1;
	justify-content: space-between;
	gap: var(--gap-xl);
	z-index: 1;
}
.menu-wrapper {
	align-self: stretch;
	justify-content: flex-end;
	padding: 0 var(--padding-xs) 0 0;
	box-sizing: border-box;
	text-align: center;
	font-size: var(--font-size-lg);
	color: var(--color-white);
	font-family: var(--font);
}
.the-complete-journey {
	margin: 0;
	flex: 1;
	position: relative;
	font-size: inherit;
	letter-spacing: -0.01em;
	line-height: 121%;
	font-weight: 700;
	font-family: inherit;
	display: inline-block;
	text-shadow: 0 29px 131px rgba(0, 0, 0, 0.07),
		0 18.8px 76.7px rgba(0, 0, 0, 0.05), 0 11.2px 41.7px rgba(0, 0, 0, 0.04),
		0 5.8px 21.3px rgba(0, 0, 0, 0.04), 0 2.4px 10.7px rgba(0, 0, 0, 0.03),
		0 0.5px 5.2px rgba(0, 0, 0, 0.02);
	max-width: 100%;
	z-index: 1;
}
.main-content {
	width: 102.288rem;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 19.812rem;
	box-sizing: border-box;
	max-width: 100%;
}
.d-1-1,
.line-icon {
	position: relative;
	z-index: 1;
}
.d-1-1 {
	width: 3.563rem;
	height: 3.563rem;
	object-fit: cover;
}
.line-icon {
	height: 10.313rem;
	width: 1.063rem;
}
.line-wrapper {
	flex: 1;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 var(--padding-xl);
}
.isolation-mode-icon {
	height: 3.563rem;
	width: 3.25rem;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	z-index: 1;
}
.isolation-mode-container {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 0.125rem 0 0.187rem;
}
.image-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	gap: var(--gap-lg);
}
.product-design-prototyping {
	align-self: stretch;
	position: relative;
	line-height: 123.54%;
	z-index: 1;
}
.all-the-steps {white-space: normal;font-family: "IBM Plex Sans Thai";}
.finalized-product {
	color: var(--color-white);
}
.all-the-steps-container {
	width: 18.438rem;
	height: 5.875rem;
	position: relative;
	font-size: var(--font-size-lg);
	line-height: 150.86%;
	display: inline-block;
	flex-shrink: 0;
	z-index: 1;
	color: var(--color-whitesmoke);
}
.product-description {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-5xs);
}
.serial-manufacturing {
	width: 16.25rem;
	position: relative;
	line-height: 123.54%;
	display: inline-block;
	z-index: 1;
}
.overcoming-all-the-obstacles {
	margin: 0;
	font-family: "IBM Plex Sans Thai";
}
.b {
	font-family: var(--font);
}
.overcoming-all-the-container {
	position: relative;
	font-size: var(--font-size-lg);
	line-height: 150.86%;
	z-index: 1;
	color: var(--color-whitesmoke);
}
.serial-manufacturing-parent {
	width: 17.063rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0.312rem;
	opacity: 0;
}
.image-content,
.product-description-parent {
	display: flex;
	align-items: flex-start;
	max-width: 100%;
}
.product-description-parent {
	flex: 1;
	flex-direction: column;
	justify-content: flex-start;
	gap: 6.937rem;
	min-width: 13.063rem;
}
.image-content {
	/* width: 25.875rem; */
	width: 20.875rem;
	flex-direction: row;
	justify-content: center;
	gap: var(--gap-16xl);
}
.image,
.image-child {
	border-radius: var(--br-3xs);
	max-width: 100%;
}
.image-child {
	align-self: stretch;
	height: 38rem;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	object-fit: contain;
	position: relative;
	display: block;
	background: none;
}
.image {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	z-index: 1;
	background: none;
	/* max-width: 31%; */
}
.as-we-integrate {
	position: relative;
	line-height: 150.86%;
	z-index: 1;
}
.botton-child {
	height: 3.563rem;
	width: 9.5rem;
	position: relative;
	border-radius: var(--br-20xl);
	border: 1px solid var(--linear);
	box-sizing: border-box;
	display: none;
}
.show-case {
	flex: 1;
	position: relative;
	font-size: 22px;
	text-transform: none;
	display: inline-block;
	font-family: var(--font-product);
	font-weight: 500;
	color: var(--color-white);
	text-align: center;	
	z-index: 1;
}
.botton,
.image-parent,
.integration-description {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.botton {
	cursor: pointer;
	padding: var(--padding-sm) var(--padding-12xl) var(--padding-2xs);
	background-color: transparent;
	height: 3.563rem;
	box-sizing: border-box;
	flex-direction: row;
	z-index: 1;
	border-radius: 39px;
	border: 1px solid var(--Linear, #08BBBF);
}
.botton:hover,
.rectangle-group:hover,
.rectangle-parent:hover {
	background-color: var(--color-darkcyan-200);
	border: 1px solid var(--color-darkcyan-100);
	box-sizing: border-box;
}
.image-parent,
.integration-description {
	max-width: 100%;
}
.integration-description {
	/* width: 22.875rem; */
	width: 33.875rem;
	flex-direction: column;
	gap: var(--gap-13xl);
}
.image-parent {
	height: 38rem;
	width: 73.188rem;
	flex-direction: row;
	padding: 0 var(--padding-20xl) 0 0;
	box-sizing: border-box;
	gap: 5.75rem;
	color: var(--color-whitesmoke);
	display: flex;
	justify-content: space-between;
	display: none;
}
.dot-icon,
.scroll-down {
	position: relative;
	z-index: 1;
}
.scroll-down {
	width: fit-content;
	line-height: normal;
	display: inline-block;
	transform: rotate(-90deg);
	position: relative;
	white-space: nowrap;
	height: fit-content;
}
.dot-icon {
	height: 2.125rem;
	width: 0.375rem;
}
.dot-container,
.scroll-content,
.scroll-content-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.dot-container {
	flex-direction: row;
	padding: 0 var(--padding-4xs);
	position: relative;
}
.scroll-content,
.scroll-content-wrapper {
	flex-direction: column;
}
.scroll-content {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 39px;
}
.scroll-content-wrapper {
	height: 33.625rem;
	width: 1.5rem;
	padding: 25.562rem 0 0;
	box-sizing: border-box;
	font-size: var(--font-size-base);
}
.sub-content {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	max-width: 100%;
	gap: var(--gap-xl);
	text-align: left;
	font-size: var(--font-size);
	font-family: var(--font);
}
.hiro,
.main-content-parent {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	max-width: 100%;
}
.main-content-parent {
	display: inline-block;
	border-radius: 70px 0px;
	background: rgba(255, 255, 255, 0.10);
	backdrop-filter: blur(13px);
	padding: 40px;
	margin-left: 0;
    margin-right: auto;	
	width: 612px !important;
}
.hiro {
	align-self: stretch;
	align-items: flex-end;
	padding: var(--padding-sm) 2.062rem var(--padding-103xl) var(--padding-13xl);
	box-sizing: border-box;
	position: relative;
	gap: 4.431rem;
	text-align: center;
	font-size: var(--font-size-46xl);
	color: var(--color-white);
	font-family: var(--font1);
}
.department-next-door {
	margin: 0;
	background: linear-gradient(82.09deg, #08bbbf, #9ad63c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.just-like-having-container {
	margin: 0;
	align-self: stretch;
	position: relative;
	font-size: inherit;
	line-height: 121%;
	font-weight: 700;
	font-family: var(--font-product);	
	font-size: 64px;
	font-style: normal;
	font-weight: 500;
	line-height: 121%; /* 72.6px */
	color: white;
	padding: 0;
	width: 90%;
	margin: 0 auto;
}
.kiiam-specializes-in {
	flex: 1;
	position: relative;	
	font-size: 22px;
	line-height: 28px;
	font-weight: 400;
	display: inline-block;
	max-width: 100%;
	font-family: var(--font-product);	
}
.sec2-wrapper .sec2 .kiiam-specializes-in { margin: 0 auto; }
.expertise-block .kiiam-specializes-in { display: flex; flex-direction: column; gap: 30px; }
.about-us-buttons { margin-bottom: 10px; }
.about-image { max-width: 1120px; height: 512px; margin: 0 auto; }
.about-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; vertical-align: middle; }
.sec2 .img-box { margin: 0 auto; }
.sec2 .img-box01 { margin: 0 auto; }
.full-service-description,
.kiiam-specializes-in-product-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 100%;
}
.kiiam-specializes-in-product-wrapper {
	align-self: stretch;
	flex-direction: row;
	padding: 0 7.25rem;
	box-sizing: border-box;
	font-size: var(--font-size-5xl);
	font-family: var(--font);
}
.full-service-description {
	width: 100%;
	flex-direction: column;
	gap: var(--gap-4xl);
	max-width: 1220px;
}
.mask-group-icon {
	align-self: stretch;
	height: auto;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	flex-shrink: 0;
	z-index: 1;
	display: none;
	/* right: 0px; */
	/* top: 0px; */
}
.mask-group-wrapper {
	height: 37.031rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 100%;
}
.background-shape {
	height: 3.563rem;
	width: 9.5rem;
	position: absolute;
	margin: 0 !important;
	bottom: 15.688rem;
	left: 55.125rem;
	border-radius: var(--br-20xl);
	border: 1px solid var(--linear);
	box-sizing: border-box;
	z-index: 1;
}
.sec2,
.sec2-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	box-sizing: border-box;
	max-width: 100%;
}
.sec2 {
	align-items: center;
	padding: 0;
	position: relative;
	gap: 0;
	background-image: url("../public/sec2.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	height: 900px;
	display: flex;
	width: 100%;
	justify-content: center;
	background-image: none;
	height: auto;
}
.sec2-wrapper {
	background: linear-gradient(180deg, #161616 0%, #000 49.52%, #000 100%);
	align-self: stretch;
	align-items: flex-start;
	padding: 120px 0 0;
	text-align: center;
	font-size: var(--font1-size);
	color: var(--color-white);
	font-family: var(--font1);
	position: relative;
	border-top: 1px solid #414141;
}
.sec2-wrapper:before { content: ""; background-image: url("../public/images/pattern-bg.png"); background-size: contain; background-position: center; background-repeat: no-repeat; width: 100%; height: 274px; position: absolute; left: 0; top: 0; }
.sec2-wrapper .half-circle { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="220" height="418" viewBox="0 0 220 418" fill="none"><g filter="url(%23filter0_f_214_2167)"><path d="M-105.223 264.114C-126.958 230.87 -126.958 187.914 -105.223 154.67L-99.595 146.062C-81.1246 117.812 -49.6492 100.785 -15.8962 100.785L14.8692 100.785C50.2836 100.785 83.0567 119.516 101.031 150.029L106.102 158.637C124.552 189.959 124.552 228.826 106.102 260.147L101.031 268.755C83.0567 299.269 50.2836 318 14.8692 318L-15.8962 318C-49.6492 318 -81.1246 300.973 -99.595 272.722L-105.223 264.114Z" fill="url(%23paint0_linear_214_2167)" fill-opacity="0.5"/></g><defs><filter id="filter0_f_214_2167" x="-221.524" y="0.784546" width="441.464" height="417.215" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="45" result="effect1_foregroundBlur_214_2167"/></filter><linearGradient id="paint0_linear_214_2167" x1="-141" y1="209.392" x2="136" y2="209.392" gradientUnits="userSpaceOnUse"><stop stop-color="%239AD63C"/><stop offset="1" stop-color="%2308BBBF"/></linearGradient></defs></svg>'); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 220px; height: 418px; animation: moveUpDown 15s ease-in-out infinite alternate; }
.info-text { background: #000; margin: 0 auto; }
.info-text p { background: linear-gradient(90deg, #9AD63C 0%, #08BBBF 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size: 24px; font-weight: 500; padding: 0 0 25px; }
.info-text p:before { content: ""; display: inline-block; width: 17px; height: 17px; border-radius: 50%; background: linear-gradient(180deg, #9AD63C 0%, #08BBBF 100%); margin-right: 15px; }
.development-manufacture-section { background: transparent; }
.development-manufacture-section .half-circle { left: inherit; right: 0; transform: rotate(180deg) !important; }
.development-manufacture-section .kiiam-specializes-in-product-wrapper { padding: 0 4.25rem; }
@keyframes moveUpDown {
	0% {
	  top: 0;
	}
	100% {
	  top: calc(100% - 350px); /* Stops before touching the bottom */
	}
  }
.mask-group-icon1 {
	width: 34.75rem;
	height: 32.25rem;
	position: absolute;
	margin: 0 !important;
	top: 101.813rem;
	left: 0;
	z-index: 1;
}
.above-top-section-image {
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(10px);
    padding: 24px 37px 24px 30px;
	display: flex; 
	align-items: center; 
	max-width: 1000px;
	margin: 0 auto;
}
.above-top-section-image p { font-size: 31px; line-height: 40px; background: linear-gradient(90deg, #9AD63C 0%, #08BBBF 100%); background-clip: text;	-webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: left; margin-left: 20px; border-left: 1px solid rgba(255, 255, 255, 0.3); padding-left: 30px; }
.above-top-section-image p + img.image-before { position: absolute; right: -50px; top: -25px; }
.field {
	background: linear-gradient(78.3deg, #08bbbf 76.21%, #9ad63c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.specializing-in-your-container {
	height: 100%;
}
.field-heading {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 4.5rem;
	box-sizing: border-box;
	max-width: 100%;
}
.our-long-experience {
	font-size: 22px;
	line-height: 1.27;
	color: #fff;
	font-weight: 400;
	margin-bottom: 30px;
}
.our-long-experience p { font-size: 22px; line-height: 28px; margin-bottom: 30px; }
.field-description {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	gap: 0;
	max-width: 100%;
}
.field-specialization {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	padding: 0;
	box-sizing: border-box;
	max-width: 100%;
}
.image-icon {
	height: 13rem;
	width: 13rem;
	position: relative;
	object-fit: cover;
	border-radius: 50%;
	filter: brightness(0.5) contrast(1.2) !important;
	transition: filter 0.3s ease;
}
.dental-image-container {
	margin: auto;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}
.dental {
	margin: 0;
	flex: 1;
	position: relative;
	font-size: inherit;
	line-height: 121%;
	font-weight: 700;
	font-family: inherit;
}
.dental-heading {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 var(--padding-57xl);
}
.precision-smart-tools {
	align-self: stretch;
	height: fit-content;
	position: relative;
	font-size: var(--font-size);
	line-height: 149%;
	font-family: var(--font);
	display: inline-block;
	flex-shrink: 0;
}
.dental-content,
.dental-specialization {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	height: fit-content;
}
.dental-content {
	align-self: stretch;
	gap: var(--gap-base);
}
.dental-specialization {
	width: 29%;
	padding: var(--padding-64xl) 0 0;
	box-sizing: border-box;
	max-width: 100%;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	transition: all 0.3s ease;
}

.dental-specialization .dental-content {
	height: 100%;
	transition: transform 0.3s ease;
}

.dental-specialization:hover .dental-content {
	transform: translateY(-60px);
}


.dental-specialization {
	position: relative !important;
}

.dental-content {
	position: relative !important;
	overflow: hidden !important;
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.precision-smart-tools {
	position: relative !important;
	overflow: hidden !important;
	min-height: 231px !important;

	@media (max-width: 975px) {
		min-height: auto !important;
	}
}

.description-preview {
	opacity: 1 !important;
	/* transform: translateY(0) !important; */
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	/* backface-visibility: hidden !important; */
	will-change: transform, opacity !important;
	display: none;
}

.description-full {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	padding-top: 0 !important;
	transform: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
	backface-visibility: hidden !important;
	will-change: transform, opacity !important;
	color: white;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
}

.dental-image-container {
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Hover states */
.dental-content:hover .description-preview {
	opacity: 0 !important;
	visibility: hidden !important;
	transform: translateY(-20px) !important;
}

.dental-content:hover .dental {
	color: white;
}

.dental-content:hover .image-icon {
	filter: none !important;  /* Removes all filters on hover */
}

.dental-content:hover .description-full {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
}

@keyframes glow {
	0% {
		box-shadow: 0 0 0px rgba(8, 187, 191, 0.2);
	}
	50% {
		box-shadow: 0 0 20px rgba(8, 187, 191, 0.6);
	}
	100% {
		box-shadow: 0 0 0px rgba(8, 187, 191, 0.2);
	}
}

.dental-content:hover .dental-image-container {	
	border: double 2px transparent !important;
	border-radius: 50% !important;
	background-image: linear-gradient(#242424, #242424), linear-gradient(34deg, #08bbbf, #9ad63c) !important;
	background-origin: border-box !important;
	background-clip: padding-box, border-box !important;
	position: relative !important;
	background-position: center !important;
	background-size: calc(100% - 4px) calc(100% - 4px), 100% 100% !important;
	animation: glow 2s ease-in-out infinite !important;
	/* margin-top: 15px; */
}

.section__read-more::before {
	width: 180px;
	margin: auto;
}


.dental-specialization .read-more-btn {
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: all 0.3s ease;
	padding: 12px 24px;
	background: linear-gradient(78.3deg, #08bbbf, #9ad63c);
	border: none;
	border-radius: 30px;
	color: white;
	cursor: pointer;
}

.dental-specialization:hover .read-more-btn {
	bottom: 20px;
	opacity: 1;
}
.image-icon1 {
	height: 14.063rem;
	width: 14.25rem;
	position: relative;
	object-fit: cover;
}
.dermatology-image-container {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 3.437rem;
}
.dermatology {
	margin: 0;
	flex: 1;
	position: relative;
	font-size: inherit;
	line-height: 121%;
	font-weight: 700;
	font-family: inherit;
	display: inline-block;
	max-width: 100%;
}
.dermatology-content,
.dermatology-heading,
.dermatology-specialization {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 100%;
}
.dermatology-heading {
	align-self: stretch;
	flex-direction: row;
	padding: 0 var(--padding-8xs);
	box-sizing: border-box;
}
.dermatology-content,
.dermatology-specialization {
	flex-direction: column;
}
.dermatology-content {
	align-self: stretch;
	gap: 0.875rem;
}
.dermatology-specialization {
	width: 22.188rem;
	padding: var(--padding-64xl) var(--padding-base) 0 0;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	transition: all 0.3s ease;
}

.dermatology-specialization .dermatology-content {
	height: 100%;
	transition: transform 0.3s ease;
}

.dermatology-specialization:hover .dermatology-content {
	transform: translateY(-60px);
}

.dermatology-specialization .read-more-btn {
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: all 0.3s ease;
	padding: 12px 24px;
	background: linear-gradient(78.3deg, #08bbbf, #9ad63c);
	border: none;
	border-radius: 30px;
	color: white;
	cursor: pointer;
}

.dermatology-specialization:hover .read-more-btn {
	bottom: 20px;
	opacity: 1;
}
.image1,
.veterinary-content,
.veterinary-description {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}
.image1 {
	border: 2px solid var(--linear);
	background-color: transparent;
	height: 19.438rem;
	width: 20rem;
	outline: 0;
	box-sizing: border-box;
	justify-content: flex-start;
}
.veterinary-content,
.veterinary-description {
	align-self: stretch;
}
.veterinary-content {
	justify-content: center;
	padding: 0 var(--padding-xl);
}
.veterinary-description {
	justify-content: flex-start;
	padding: 0 7.562rem 0 var(--padding-103xl);
}
.our-experience-in,
.show-case1 {
	position: relative;
	font-size: var(--font-size);
	line-height: 149%;
	font-family: var(--font);
}
.our-experience-in {
	align-self: stretch;
	color: var(--color-whitesmoke);
}
.show-case1 {
	flex: 1;
	display: inline-block;
	color: var(--color-white);
	text-align: center;
	min-width: 6.188rem;
	z-index: 1;
}
.rectangle-parent,
.veterinary-button {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}
.rectangle-parent {
	cursor: pointer;
	border: 1px solid var(--linear);
	padding: var(--padding-2xs) var(--padding-8xl) var(--padding-xs);
	background-color: transparent;
	height: 3.563rem;
	flex: 1;
	border-radius: var(--br-20xl);
	box-sizing: border-box;
}
.veterinary-button {
	align-self: stretch;
	padding: 0 var(--padding-160xl);
}
.veterinary-heading,
.veterinary-specialization {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}
.veterinary-heading {
	align-self: stretch;
	gap: var(--gap-3xl);
	transition: all 0.3s ease;
}

.veterinary-image {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 1rem;
}

.veterinary-icon {
	width: 13rem;
	height: 13rem;
	object-fit: cover;
}

.veterinary-full-description {
	display: none;
	position: relative;
	line-height: 149%;
	color: var(--color-whitesmoke);
}

.veterinary-specialization:hover .veterinary-full-description {
	display: block;
}

.veterinary-specialization:hover .our-experience-in {
	display: none;
}

.veterinary-button {
	display: none;
}

.veterinary-specialization:hover .veterinary-button {
	display: block;
}
.veterinary-specialization {
	width: 31.875rem;
	gap: var(--gap-23xl);
	max-width: 100%;
	color: var(--color-white);
	position: relative;
	overflow: hidden;
	cursor: pointer;
	transition: all 0.3s ease;
}

.veterinary-specialization .veterinary-content {
	height: 100%;
	transition: transform 0.3s ease;
}

.veterinary-specialization:hover .veterinary-content {
	transform: translateY(-60px);
}

.veterinary-specialization .read-more-btn {
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: all 0.3s ease;
	padding: 12px 24px;
	background: linear-gradient(78.3deg, #08bbbf, #9ad63c);
	border: none;
	border-radius: 30px;
	color: white;
	cursor: pointer;
}

.veterinary-specialization:hover .read-more-btn {
	bottom: 20px;
	opacity: 1;
}
.mask-group-icon2 {
	height: 31.625rem;
	width: 33.188rem;
	position: absolute;
	margin: 0 !important;
	right: -11.312rem;
	bottom: -21.437rem;
	z-index: 1;
}
.industry-specialization,
.specialization-content {
	display: flex;
	align-items: flex-start;
	max-width: 100%;
}
.industry-specialization {
	align-self: stretch;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
	gap: var(--gap-xl);
	font-size: var(--font2-size);
	color: var(--color-darkgray);
	height: fit-content;
}
.specialization-content {
	width: 100%;
	flex-direction: column;
	justify-content: flex-start;
	gap: 0;
}
.specialization-content-wrapper {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	text-align: center;
	font-size: var(--font1-size);
	color: var(--color-white);
	font-family: var(--font1);
	overflow: visible;
	z-index: 1;
	padding-right: 8rem;
	padding-left: 8rem;
	padding-bottom: 000px;
}
.mask-group-icon3 {
	height: 27.063rem;
	width: 22.563rem;
	position: absolute;
	margin: 0 !important;
	bottom: -5.375rem;
	left: 0;
}
.studies {
	background: linear-gradient(78.3deg, #08bbbf, #9ad63c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.case-studies {
	margin: 0;
	flex: 1;
	position: relative;
	font-size: inherit;
	line-height: 121%;
	font-weight: 700;
	font-family: var(--font-product);
	display: inline-block;
	max-width: 100%;
	text-align: center;
	font-size: 64px;
	font-style: normal;
	font-weight: 500;
	line-height: 121%;
	margin-bottom: 25px !important;	
	max-width: 1350px !important;
}
.case-studies-wrapper {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 11.125rem 0 var(--padding-160xl);
	box-sizing: border-box;
	max-width: 100%;
}
.develop-product-main-subtitle {
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(10px);
    padding: 20px;
    max-width: 1240px;
    margin: 0 auto 30px;
}
.develop-product-main-subtitle div { color: #fff; font-size: 28px; font-weight: 500; display: flex; align-items: center; gap: 20px; }
.develop-product-main-subtitle .logo-icon { width: 42px; height: 42px; }
.develop-product-main-subtitle .logo-icon img { width: 100%; height: 100%; object-fit: contain; }
.our-long-experience1 {
	height: auto;
	position: relative;
	font-size: var(--font-size);
	line-height: 149%;
	font-family: var(--font);
	color: var(--color-whitesmoke);
	display: inline-block;
	flex-shrink: 0;
	text-align: center;
}
.steps-wrap { display: flex; flex-wrap: wrap; gap: 30px; width: 100%; position: relative; }
.steps-wrap:before { content: ""; position: absolute; left: 0; top: 42%; border: 1px dashed #9AD63C; width: calc(100% - 2px) }
.step-box { width: calc((100% - 90px) / 4); cursor: pointer; display: flex; }
.step-inner-box { background: #0D0D0D; padding: 40px; position: relative; overflow: hidden; width: 100%; }
.step-inner-box::before { content: ""; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="150" height="134" viewBox="0 0 150 134" fill="none"><mask id="mask0_514_691" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="150" height="134"><path d="M150 0H0V134H150V0Z" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_514_691)"><path d="M85.1154 43.4054C75.9678 43.5384 68.2534 44.7208 62.8182 45.8713C60.1008 46.4466 57.9488 47.0127 56.4683 47.4402C55.7279 47.654 55.152 47.8364 54.7599 47.9631C54.5648 48.0262 54.4125 48.0767 54.3087 48.112C54.2576 48.1293 54.2159 48.1424 54.1878 48.1522C54.1743 48.1569 54.1635 48.1615 54.1556 48.1643L54.1475 48.1683H54.1435C54.1423 48.1687 54.1407 48.1709 54.8325 50.1112L54.1395 48.1683L52.137 48.8803L52.9106 50.8595C59.0413 66.5114 69.3187 80.4401 78 90.4145C82.35 95.4124 86.3223 99.4422 89.209 102.225C90.6525 103.617 91.826 104.699 92.6419 105.435C93.0491 105.803 93.3665 106.085 93.5847 106.276C93.6939 106.372 93.7809 106.443 93.8385 106.493C93.8454 106.499 93.8525 106.504 93.8587 106.509L95.6476 108.151C114.146 124.776 133.046 131.372 147.503 133.767C154.956 135.002 161.222 135.12 165.642 134.925C167.852 134.828 169.603 134.652 170.811 134.499C171.414 134.423 171.882 134.351 172.205 134.298C172.366 134.272 172.492 134.253 172.58 134.238C172.624 134.23 172.66 134.222 172.685 134.217C172.696 134.215 172.706 134.211 172.713 134.209H172.725C172.726 134.209 172.728 134.206 172.326 132.186C172.142 132.222 132.627 139.959 95.2689 105.005C95.108 104.868 66.8173 80.707 54.8325 50.1112C54.9312 50.0762 104.214 32.6088 149.328 65.5503C149.495 65.6625 182.21 87.6261 172.326 132.186L172.729 134.209L174.051 133.948L174.341 132.633C179.43 109.688 173.52 92.4793 166.286 81.0175C162.681 75.3053 158.759 71.031 155.73 68.1811C154.214 66.755 152.916 65.6814 151.991 64.959C151.529 64.5981 151.158 64.3249 150.899 64.1383C150.77 64.0457 150.669 63.9749 150.597 63.9251C150.562 63.9006 150.533 63.8788 150.512 63.8648L150.504 63.8567C127.484 47.0642 103.402 43.1399 85.1154 43.4054Z" fill="white" fill-opacity="0.05"/><path d="M171.321 132.42C171.551 132.936 172.158 133.171 172.679 132.944C173.2 132.715 173.437 132.109 173.207 131.592L171.321 132.42ZM88.8992 64.1142C88.3495 63.9671 87.7827 64.289 87.6337 64.8342C87.4856 65.3795 87.8102 65.9421 88.3592 66.0902C118.695 74.2071 139.443 90.8019 152.609 105.373C159.191 112.658 163.875 119.434 166.912 124.384C168.43 126.859 169.537 128.878 170.261 130.272C170.623 130.969 170.892 131.511 171.067 131.876C171.154 132.057 171.218 132.196 171.26 132.288C171.281 132.332 171.295 132.366 171.305 132.388L171.321 132.42C171.325 132.418 171.388 132.388 172.264 132.004C173.121 131.628 173.2 131.596 173.207 131.592V131.588L173.187 131.548C173.175 131.521 173.157 131.481 173.134 131.432C173.088 131.331 173.02 131.183 172.929 130.992C172.745 130.608 172.467 130.048 172.095 129.332C171.35 127.898 170.222 125.839 168.677 123.32C165.586 118.282 160.826 111.4 154.144 104.005C140.779 89.2143 119.707 72.3578 88.8992 64.1142Z" fill="white" fill-opacity="0.05"/><path d="M90.3298 61.2717C89.3798 57.5498 85.5812 55.4348 81.9261 56.4536L81.9302 56.4579C78.281 57.4544 76.0181 61.2318 76.9869 64.929V64.9332C77.9049 68.4177 81.2888 70.4684 84.7176 69.8921L85.403 69.7428C89.0486 68.7469 91.2989 64.966 90.3256 61.2717H90.3298ZM82.4827 58.5618C84.9091 57.8854 87.3209 59.1714 88.1323 61.3741L88.2694 61.8265L88.2735 61.835C88.9248 64.2931 87.4359 66.9255 84.8589 67.6303L84.3728 67.737C81.9467 68.1467 79.6509 66.6857 79.039 64.3614L78.9434 63.9005C78.6097 61.7377 79.8664 59.5407 82.005 58.7197L82.4744 58.5661L82.4827 58.5618Z" fill="white" fill-opacity="0.05"/><path d="M120.875 93.4055C119.973 89.9665 116.457 88.009 113.054 88.932H113.05L112.429 89.1381C110.387 89.9306 108.924 91.6933 108.445 93.7463L107.298 92.3397L108.472 96.8131C108.931 98.561 110.073 99.9251 111.529 100.724L111.537 100.736V100.728C112.935 101.492 114.623 101.737 116.285 101.279V101.275C119.676 100.34 121.79 96.8542 120.875 93.4055ZM113.56 90.8934C115.98 90.237 118.368 91.6433 118.968 93.9365V93.9404C119.536 96.0821 118.352 98.3521 116.212 99.1747L115.772 99.3213L115.32 99.4204C113.081 99.8012 110.955 98.4346 110.387 96.298L110.298 95.8661C109.967 93.6998 111.318 91.5107 113.56 90.8894V90.8934Z" fill="white" fill-opacity="0.05"/><path d="M133.109 87.7271C129.928 87.6422 125.372 88.1772 119.749 90.5993C119.225 90.8254 118.98 91.4484 119.199 91.9898C119.417 92.5305 120.017 92.7871 120.541 92.5625C125.89 90.2582 130.159 89.7748 133.056 89.8522C134.507 89.891 135.621 90.069 136.359 90.2341C136.728 90.3166 137.005 90.398 137.183 90.454C137.271 90.4818 137.337 90.5023 137.376 90.5163C137.393 90.5226 137.405 90.5302 137.412 90.5329H137.416L137.617 90.591C138.088 90.6744 138.569 90.4052 138.75 89.9269C138.955 89.3808 138.692 88.7661 138.163 88.5531H138.159V88.5489H138.151C138.145 88.5465 138.136 88.54 138.127 88.5365C138.108 88.5293 138.082 88.5229 138.051 88.5116C137.987 88.4886 137.896 88.4565 137.781 88.4203C137.552 88.3478 137.22 88.2543 136.793 88.1588C135.938 87.9676 134.697 87.7695 133.109 87.7271Z" fill="white" fill-opacity="0.05"/><path d="M104.92 78.987C103.781 75.939 100.496 74.264 97.3164 75.15L97.3124 75.1459C93.9222 76.0811 91.8419 79.5716 92.7269 83.0137V83.0178C93.6202 86.4677 97.1477 88.4198 100.539 87.486V87.4819C103.927 86.5645 106.016 83.0533 105.121 79.6141L104.92 78.987ZM97.8509 77.1881C100.201 76.5312 102.542 77.9077 103.132 80.1628C103.717 82.4175 102.352 84.8118 100.009 85.4438H100.005L99.5629 85.5428C97.3536 85.9204 95.2623 84.5814 94.7162 82.4774L94.6278 82.0524C94.3072 79.9311 95.6345 77.7985 97.8469 77.1881H97.8509Z" fill="white" fill-opacity="0.05"/><path d="M117.138 75.9542C116.41 75.8962 115.365 75.8635 114.076 75.9582C111.495 76.1481 107.926 76.8498 103.918 78.8787C103.422 79.1294 103.216 79.7449 103.461 80.2528C103.705 80.7603 104.305 80.9677 104.8 80.7175C108.545 78.8217 111.856 78.1791 114.217 78.0054C115.398 77.9185 116.342 77.9464 116.982 77.9973C117.301 78.0228 117.545 78.0542 117.704 78.0775C117.784 78.0891 117.844 78.0991 117.88 78.1055C117.898 78.1087 117.912 78.1122 117.919 78.1135H117.923C118.464 78.2241 118.99 77.8632 119.099 77.3083C119.206 76.7535 118.855 76.2137 118.314 76.1025H118.31L118.306 76.0984C118.301 76.0974 118.291 76.1 118.282 76.0984C118.267 76.0955 118.246 76.091 118.22 76.0864C118.165 76.0767 118.085 76.0609 117.986 76.0464C117.787 76.0174 117.501 75.9832 117.138 75.9542Z" fill="white" fill-opacity="0.05"/><path d="M136.445 108.529C135.296 105.495 132.013 103.826 128.833 104.692H128.829L128.208 104.898C125.235 106.047 123.477 109.231 124.209 112.405V112.456L124.244 112.587C125.156 116.02 128.652 117.97 132.049 117.037H132.053C135.438 116.101 137.523 112.603 136.649 109.162L136.645 109.15L136.445 108.529ZM129.338 106.652C131.741 105.998 134.13 107.398 134.74 109.685C135.32 111.989 133.93 114.42 131.54 115.081L131.089 115.18C128.843 115.564 126.721 114.208 126.149 112.056V112.052C125.554 109.748 126.935 107.311 129.338 106.648V106.652Z" fill="white" fill-opacity="0.05"/><path d="M149.937 104.557C146.506 104.296 141.832 104.503 136.573 106.266L135.516 106.639L135.33 106.729C134.934 106.969 134.767 107.431 134.959 107.84C135.151 108.248 135.638 108.469 136.109 108.388L136.311 108.334L137.303 107.983C142.227 106.332 146.583 106.143 149.759 106.385C151.455 106.513 152.814 106.763 153.742 106.979C154.205 107.088 154.56 107.188 154.795 107.259C154.913 107.294 155.001 107.323 155.057 107.341C155.085 107.351 155.106 107.359 155.118 107.363L155.126 107.367L155.328 107.417C155.8 107.496 156.285 107.272 156.474 106.861C156.688 106.393 156.435 105.86 155.909 105.668L155.586 106.367L155.905 105.668L155.901 105.664L155.893 105.661C155.886 105.659 155.878 105.657 155.868 105.654C155.847 105.646 155.817 105.637 155.78 105.625C155.704 105.6 155.595 105.563 155.457 105.521C155.179 105.438 154.779 105.325 154.266 105.206C153.24 104.966 151.764 104.696 149.937 104.557Z" fill="white" fill-opacity="0.05"/><path d="M137.958 66.0498C135.232 65.9804 132.97 68.3385 132.91 71.3182L132.921 71.8688C133.093 74.5887 135.113 76.8059 137.691 76.8836L137.695 76.8796C140.431 76.97 142.673 74.5799 142.758 71.6271V71.6192C142.814 69.0184 141.178 66.7315 138.885 66.1885V66.0736L137.958 66.0498ZM137.914 68.0898C139.549 68.1317 140.897 69.6577 140.861 71.5638L140.835 71.9163C140.626 73.6496 139.269 74.9111 137.751 74.8594L137.747 74.8555L137.439 74.8317C135.936 74.6162 134.756 73.1654 134.807 71.3815V71.3697C134.841 69.5397 136.166 68.1451 137.732 68.0819L137.914 68.0898Z" fill="white" fill-opacity="0.05"/><path d="M135.275 75.7668C134.537 80.4787 134.947 84.0573 135.564 86.4828C135.871 87.6922 136.23 88.6098 136.517 89.2361C136.66 89.5487 136.785 89.7905 136.878 89.9571C136.924 90.0395 136.964 90.1047 136.992 90.1512C137.006 90.1745 137.017 90.1965 137.026 90.2106C137.03 90.2171 137.035 90.222 137.038 90.2265L137.045 90.2344C137.046 90.2347 137.062 90.2253 137.847 89.66L138.648 89.0856L137.045 90.2344C137.35 90.6948 137.956 90.813 138.398 90.4959C138.839 90.1778 138.953 89.5463 138.648 89.0856L138.633 89.0618C138.618 89.0366 138.591 88.995 138.557 88.935C138.49 88.8149 138.391 88.624 138.272 88.3645C138.034 87.8439 137.719 87.04 137.444 85.9599C136.896 83.8035 136.501 80.5142 137.193 76.0916L135.275 75.7668ZM136.392 74.9269C135.862 74.8366 135.361 75.214 135.275 75.7668L137.193 76.0916C137.279 75.5395 136.921 75.0176 136.392 74.9269Z" fill="white" fill-opacity="0.05"/><path d="M115.442 56.2509L115.446 56.2551C112.704 56.6843 110.902 59.4518 111.291 62.3629C111.651 65.1315 113.869 67.134 116.376 67.0296L116.878 66.9793C119.618 66.5614 121.425 63.7715 121.036 60.8548C120.656 57.9201 118.157 55.836 115.442 56.2509ZM115.736 58.3664C117.299 58.1341 118.811 59.3454 119.043 61.1522L119.047 61.1606C119.291 62.9933 118.155 64.6169 116.595 64.8554H116.591L116.301 64.8847C114.854 64.9428 113.503 63.784 113.28 62.0654V62.0571L113.253 61.7219C113.18 60.0426 114.259 58.6019 115.736 58.3706V58.3664Z" fill="white" fill-opacity="0.05"/><path d="M116.394 65.0648C115.851 65.0399 115.379 65.3689 115.249 65.8274L115.214 66.0299L115.178 67.3287C115.186 70.2762 115.796 72.6509 116.451 74.3547C116.826 75.3279 117.216 76.0851 117.517 76.6028C117.668 76.8608 117.797 77.0598 117.89 77.1985C117.937 77.268 117.977 77.3226 118.005 77.3614L118.048 77.4209L118.053 77.4289C118.053 77.4293 118.055 77.4314 118.979 76.853L118.053 77.4329C118.406 77.8943 119.11 78.0065 119.62 77.687C120.128 77.3673 120.257 76.7343 119.905 76.2731L119.887 76.2493C119.871 76.2267 119.843 76.1896 119.808 76.1381C119.738 76.0339 119.632 75.8717 119.505 75.6535C119.251 75.2162 118.909 74.555 118.575 73.6875C117.991 72.1694 117.432 70.018 117.425 67.3208L117.46 66.1332L117.447 65.9267C117.368 65.4597 116.936 65.0899 116.394 65.0648Z" fill="white" fill-opacity="0.05"/></g></svg>'); background-repeat: no-repeat; width: 150px; height: 134px; position: absolute; right: 0; bottom: 0; }
.step-inner-box .title-wrap { display: flex; align-items: center; justify-content: space-between; }
.step-inner-box .step-name { font-size: 28px; font-weight: 500; }
.step-inner-box .step-number { font-size: 24px; font-weight: 700; background: var(--Link, linear-gradient(180deg, #08BBBF 0%, #9AD63C 100%)); background-clip: text;	-webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.step-inner-box .step-img { text-align: left; margin: 30px 0 20px; display: flex; height: 172px; }
.step-inner-box .step-img img { width: auto; height: 100%; object-fit: contain; }
.step-inner-box .step-description { text-align: left; }
.step-inner-box .step-description .title, .step-inner-box .overlay .title { font-size: 22px; font-weight: 700; }
.step-inner-box .step-description p, .step-inner-box .overlay p { font-size: 20px; font-weight: 400; }
.step-inner-box .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; padding: 40px; opacity: 0 !important; background: #0D0D0D; transition: all 0.3s ease-in-out !important; text-align: left; }
.step-inner-box .overlay:before { content: ""; background: url('data:image/svg+xml,<svg width="49" height="45" viewBox="0 0 49 45" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.9902 0.306878C12.4773 0.372459 8.67155 0.955803 5.99021 1.52339C4.6496 1.80717 3.58797 2.08648 2.85759 2.29736C2.49233 2.40282 2.20822 2.49282 2.0148 2.55534C1.91853 2.58647 1.84338 2.61138 1.79218 2.62877C1.76696 2.63733 1.74641 2.6438 1.73255 2.64862C1.72589 2.65093 1.72057 2.65319 1.71664 2.65457L1.71267 2.65655H1.71068C1.71008 2.65677 1.70931 2.65783 2.05058 3.61508L1.70869 2.65655L0.720803 3.00781L1.10244 3.9842C4.12692 11.7058 9.19711 18.5773 13.4799 23.498C15.6259 25.9637 17.5856 27.9517 19.0097 29.3246C19.7218 30.0111 20.3007 30.5452 20.7032 30.9082C20.9041 31.0894 21.0607 31.2287 21.1683 31.323C21.2222 31.3702 21.2651 31.4056 21.2936 31.4302C21.297 31.4331 21.3005 31.4355 21.3035 31.4381L22.186 32.2478C31.3119 40.4498 40.6359 43.7038 47.7678 44.8852C51.4448 45.4943 54.5363 45.5526 56.7165 45.4568C57.8069 45.4088 58.6709 45.3218 59.2667 45.2464C59.5643 45.2088 59.7951 45.1733 59.9544 45.1472C60.0337 45.1342 60.0962 45.1252 60.1393 45.1174C60.1609 45.1135 60.1788 45.1098 60.191 45.1075C60.1968 45.1064 60.2013 45.1042 60.2049 45.1035H60.2109C60.2115 45.1034 60.2123 45.1019 60.0141 44.1053C59.9234 44.1232 40.4291 47.94 21.9992 30.6959C21.9199 30.6282 7.96308 18.709 2.05058 3.61508C2.09926 3.5978 26.4121 -5.01944 48.6682 11.2317C48.751 11.2871 64.8902 22.1224 60.0141 44.1053L60.2128 45.1035L60.8648 44.9745L61.0079 44.3256C63.5189 33.0062 60.603 24.5166 57.0345 18.8622C55.256 16.0441 53.3212 13.9355 51.8267 12.5296C51.0788 11.826 50.4384 11.2963 49.9821 10.94C49.7542 10.7619 49.5713 10.6271 49.4435 10.5351C49.38 10.4894 49.3298 10.4545 49.2944 10.4299C49.2769 10.4178 49.2628 10.4071 49.2526 10.4002L49.2487 10.3962C37.8922 2.11187 26.0117 0.175878 16.9902 0.306878Z" fill="%239AD63C"/><path d="M59.5181 44.2206C59.6316 44.4752 59.9313 44.591 60.1881 44.4791C60.4453 44.3664 60.5621 44.0673 60.4486 43.8121L59.5181 44.2206ZM18.8568 10.5232C18.5856 10.4506 18.306 10.6094 18.2325 10.8784C18.1594 11.1474 18.3196 11.4249 18.5904 11.498C33.5561 15.5023 43.7915 23.6891 50.2867 30.8774C53.5342 34.4714 55.8449 37.8144 57.343 40.2563C58.0919 41.4771 58.6379 42.4731 58.9952 43.1609C59.1737 43.5047 59.3064 43.7722 59.3928 43.9522C59.4358 44.0417 59.4674 44.1104 59.4883 44.1555C59.4983 44.1773 59.5052 44.1939 59.5101 44.2048L59.5181 44.2206C59.5203 44.2196 59.5512 44.2047 59.9833 44.0154C60.4063 43.83 60.4452 43.814 60.4486 43.8121V43.8101L60.4386 43.7904C60.4327 43.7773 60.4241 43.7576 60.4128 43.7332C60.3899 43.6836 60.3566 43.6102 60.3114 43.5161C60.2206 43.327 60.0834 43.0506 59.8998 42.6972C59.5325 41.99 58.9761 40.974 58.2138 39.7314C56.689 37.2459 54.3407 33.8507 51.0442 30.2025C44.451 22.9059 34.0555 14.59 18.8568 10.5232Z" fill="%239AD63C"/><path d="M19.5625 9.12107C19.0939 7.28494 17.2198 6.24154 15.4167 6.74416L15.4187 6.74627C13.6184 7.23789 12.5021 9.10141 12.98 10.9253V10.9274C13.4329 12.6464 15.1023 13.6581 16.7938 13.3738L17.132 13.3001C18.9305 12.8088 20.0406 10.9436 19.5604 9.12107H19.5625ZM15.6913 7.78419C16.8883 7.45048 18.0781 8.08494 18.4784 9.17159L18.546 9.39476L18.5481 9.39897C18.8694 10.6116 18.1348 11.9103 16.8635 12.258L16.6237 12.3106C15.4269 12.5127 14.2942 11.792 13.9924 10.6453L13.9452 10.4179C13.7806 9.35096 14.4006 8.26709 15.4556 7.86209L15.6872 7.7863L15.6913 7.78419Z" fill="%239AD63C"/><path d="M34.6314 24.9737C34.1867 23.2771 32.4522 22.3114 30.7732 22.7667H30.7713L30.4647 22.8684C29.4573 23.2594 28.7355 24.129 28.4994 25.1418L27.9338 24.4478L28.5127 26.6548C28.7392 27.517 29.3023 28.19 30.021 28.5841L30.0248 28.59V28.5861C30.7144 28.9631 31.5471 29.0837 32.3671 28.8578V28.8558C34.0401 28.3949 35.0831 26.675 34.6314 24.9737ZM31.0227 23.7343C32.2167 23.4105 33.3946 24.1043 33.6907 25.2356V25.2376C33.9708 26.2941 33.387 27.414 32.3309 27.8198L32.1139 27.8921L31.891 27.941C30.7865 28.1289 29.7378 27.4547 29.4573 26.4006L29.4135 26.1876C29.25 25.1188 29.9169 24.0389 31.0227 23.7324V23.7343Z" fill="%239AD63C"/><path d="M40.6667 22.1723C39.0976 22.1304 36.8499 22.3944 34.0761 23.5893C33.8177 23.7008 33.6967 24.0082 33.8045 24.2752C33.9123 24.542 34.2081 24.6686 34.4665 24.5578C37.1055 23.421 39.2113 23.1825 40.641 23.2207C41.3566 23.2399 41.906 23.3277 42.2703 23.4091C42.4523 23.4498 42.589 23.49 42.6766 23.5176C42.72 23.5313 42.7525 23.5414 42.7718 23.5483C42.7805 23.5515 42.7861 23.5552 42.7896 23.5565H42.7916L42.8907 23.5852C43.1233 23.6263 43.3606 23.4935 43.4497 23.2576C43.5508 22.9881 43.421 22.6849 43.1603 22.5798H43.1583V22.5778H43.1543C43.1513 22.5766 43.1471 22.5734 43.1424 22.5716C43.1332 22.5681 43.1203 22.5649 43.1048 22.5593C43.0733 22.548 43.0287 22.5322 42.972 22.5143C42.8586 22.4785 42.6952 22.4324 42.4844 22.3853C42.0625 22.291 41.4503 22.1933 40.6667 22.1723Z" fill="%239AD63C"/><path d="M26.7603 17.8604C26.1982 16.3567 24.5779 15.5304 23.0092 15.9675L23.0072 15.9654C21.3347 16.4268 20.3085 18.1488 20.745 19.8469V19.8489C21.1857 21.5509 22.9259 22.5139 24.5993 22.0532V22.0512C26.2704 21.5986 27.3008 19.8664 26.8594 18.1697L26.7603 17.8604ZM23.2729 16.9729C24.4324 16.6488 25.5871 17.3279 25.878 18.4404C26.1666 19.5528 25.4936 20.734 24.3375 21.0457H24.3356L24.1175 21.0946C23.0276 21.2809 21.9958 20.6203 21.7264 19.5823L21.6828 19.3727C21.5247 18.3262 22.1795 17.274 23.2709 16.9729H23.2729Z" fill="%239AD63C"/><path d="M32.788 16.3644C32.4287 16.3358 31.9134 16.3197 31.2774 16.3664C30.0042 16.4601 28.2432 16.8062 26.2659 17.8072C26.0216 17.9308 25.9199 18.2345 26.0404 18.4851C26.161 18.7354 26.4571 18.8377 26.7013 18.7143C28.5487 17.7791 30.1823 17.4621 31.3467 17.3763C31.9293 17.3335 32.3952 17.3472 32.7109 17.3724C32.8685 17.3849 32.9887 17.4004 33.0673 17.4119C33.1067 17.4176 33.136 17.4226 33.1541 17.4257C33.163 17.4273 33.1699 17.429 33.1733 17.4297H33.1752C33.4421 17.4842 33.7017 17.3062 33.7552 17.0324C33.8083 16.7587 33.6348 16.4925 33.3679 16.4376H33.366L33.3641 16.4356C33.3615 16.4351 33.3565 16.4363 33.3525 16.4356C33.3448 16.4341 33.3345 16.4319 33.3217 16.4297C33.2944 16.4249 33.2552 16.417 33.2061 16.4099C33.108 16.3956 32.9672 16.3787 32.788 16.3644Z" fill="%239AD63C"/><path d="M42.3126 32.4346C41.7459 30.9381 40.1263 30.1147 38.5572 30.542H38.5553L38.2491 30.6436C36.7822 31.2101 35.9153 32.781 36.2762 34.3466V34.372L36.2934 34.4365C36.7432 36.1301 38.4683 37.0924 40.1439 36.6318H40.1458C41.8158 36.1701 42.8447 34.4445 42.4135 32.747L42.4116 32.7412L42.3126 32.4346ZM38.8065 31.5088C39.9922 31.1859 41.1707 31.8765 41.4718 33.0049C41.7575 34.1415 41.0718 35.341 39.8928 35.6669L39.6702 35.7158C38.5625 35.9051 37.5156 35.2364 37.2332 34.1748V34.1728C36.9399 33.0358 37.6211 31.8338 38.8065 31.5068V31.5088Z" fill="%239AD63C"/><path d="M48.9687 30.4751C47.2763 30.3465 44.9702 30.4484 42.3758 31.3184L41.8543 31.5023L41.7627 31.5465C41.5672 31.6649 41.4849 31.8929 41.5796 32.0945C41.6744 32.296 41.9147 32.405 42.1469 32.365L42.2464 32.3385L42.7361 32.1652C45.1651 31.3508 47.3139 31.2577 48.8811 31.3768C49.7174 31.4403 50.3881 31.5635 50.8458 31.6702C51.0744 31.7236 51.2494 31.7732 51.3654 31.8081C51.4234 31.8256 51.4672 31.8396 51.4948 31.8488C51.5083 31.8533 51.5188 31.8574 51.5246 31.8594L51.5286 31.8612L51.6281 31.8859C51.8611 31.9249 52.1004 31.8144 52.1935 31.6119C52.2991 31.3808 52.1746 31.1177 51.9148 31.0232L51.7555 31.3679L51.9128 31.0232L51.9108 31.0214L51.9068 31.0197C51.9038 31.0186 51.8995 31.0177 51.8949 31.0161C51.8844 31.0125 51.8696 31.0081 51.8511 31.002C51.8139 30.9896 51.7603 30.9713 51.6918 30.9507C51.555 30.9095 51.3573 30.8541 51.1046 30.7951C50.5984 30.677 49.8703 30.5437 48.9687 30.4751Z" fill="%239AD63C"/><path d="M43.0592 11.4783C41.7145 11.444 40.5983 12.6074 40.5685 14.0773L40.574 14.349C40.6588 15.6908 41.6554 16.7846 42.9275 16.8229L42.9293 16.821C44.2793 16.8656 45.3851 15.6864 45.4273 14.2297V14.2258C45.4547 12.9428 44.6475 11.8146 43.5163 11.5467V11.49L43.0592 11.4783ZM43.0372 12.4847C43.8439 12.5053 44.5092 13.2582 44.491 14.1985L44.4782 14.3724C44.3752 15.2275 43.7056 15.8498 42.9568 15.8243L42.9549 15.8224L42.8032 15.8107C42.0616 15.7044 41.4794 14.9886 41.5048 14.1086V14.1027C41.5213 13.2 42.1752 12.5119 42.9476 12.4808L43.0372 12.4847Z" fill="%239AD63C"/><path d="M41.7354 16.2717C41.3713 18.5963 41.5738 20.3617 41.8778 21.5583C42.0295 22.155 42.2066 22.6076 42.3483 22.9166C42.419 23.0708 42.4803 23.1901 42.5263 23.2723C42.5491 23.313 42.5685 23.3451 42.5825 23.3681C42.5896 23.3796 42.5949 23.3904 42.5994 23.3974C42.6014 23.4006 42.6036 23.403 42.605 23.4052L42.6088 23.4091C42.6091 23.4092 42.617 23.4046 43.0042 23.1257L43.3997 22.8423L42.6088 23.4091C42.7592 23.6362 43.058 23.6946 43.276 23.5381C43.4939 23.3812 43.5499 23.0697 43.3997 22.8423L43.3922 22.8306C43.3846 22.8182 43.3713 22.7977 43.3547 22.7681C43.3215 22.7088 43.2729 22.6146 43.2141 22.4866C43.0964 22.2298 42.941 21.8332 42.8056 21.3003C42.5353 20.2365 42.3401 18.6138 42.6819 16.432L41.7354 16.2717ZM42.2864 15.8574C42.0249 15.8129 41.7781 15.999 41.7354 16.2717L42.6819 16.432C42.7243 16.1596 42.5475 15.9021 42.2864 15.8574Z" fill="%239AD63C"/><path d="M31.9512 6.64413L31.9532 6.6462C30.6007 6.85797 29.7114 8.22323 29.9036 9.65938C30.0812 11.0252 31.1755 12.0131 32.4119 11.9616L32.6596 11.9368C34.0115 11.7306 34.9029 10.3543 34.7111 8.91538C34.5235 7.4676 33.2908 6.43948 31.9512 6.64413ZM32.0964 7.68779C32.8674 7.57319 33.6131 8.17075 33.7279 9.06212L33.7298 9.06625C33.8499 9.97041 33.2895 10.7713 32.5202 10.889H32.5183L32.3751 10.9035C31.6613 10.9321 30.9945 10.3605 30.8849 9.51265V9.50851L30.8713 9.34318C30.8356 8.51469 31.3678 7.80395 32.0964 7.68986V7.68779Z" fill="%239AD63C"/><path d="M32.4209 10.9921C32.1532 10.9798 31.92 11.1421 31.8558 11.3683L31.8385 11.4682L31.8212 12.109C31.8249 13.5631 32.1256 14.7346 32.449 15.5751C32.6338 16.0552 32.8266 16.4288 32.9751 16.6842C33.0492 16.8115 33.113 16.9096 33.1591 16.9781C33.1823 17.0124 33.2017 17.0393 33.2154 17.0584L33.2371 17.0878L33.2392 17.0917C33.2394 17.0919 33.2405 17.093 33.696 16.8076L33.2392 17.0937C33.4135 17.3213 33.7605 17.3767 34.0121 17.2191C34.2631 17.0613 34.3266 16.7491 34.1529 16.5215L34.1442 16.5098C34.1362 16.4986 34.1224 16.4803 34.1052 16.4549C34.0706 16.4035 34.0184 16.3235 33.9558 16.2159C33.8304 16.0001 33.6616 15.6739 33.4969 15.246C33.2086 14.497 32.9329 13.4357 32.9296 12.105L32.947 11.5192L32.9405 11.4173C32.9015 11.1869 32.6881 11.0045 32.4209 10.9921Z" fill="%239AD63C"/></svg>'); background-repeat: no-repeat; width: 49px; height: 45px; position: absolute; right: 0; bottom: 0; }
.step-inner-box:hover .overlay { opacity: 1 !important; visibility: visible; }
.step-inner-box .overlay p:not(:last-child) { margin-bottom: 30px; }
.case-study-content,
.case-study-heading {
	display: flex;
	align-items: flex-start;
	max-width: 100%;
}
.case-study-heading {
	width: 53.563rem;
	flex-direction: column;
	justify-content: flex-start;
	gap: var(--gap-4xs);
}
.case-study-content {
	flex: 1;
	flex-direction: row;
	justify-content: flex-end;
	padding: 0;
	box-sizing: border-box;
}
.frame-inner,
.frame-item,
.rectangle-icon {
	height: 37rem;
	width: 90.875rem;
	position: absolute;
	margin: 0 !important;
	right: -17.406rem;
	bottom: -1.812rem;
	object-fit: cover;
	z-index: 1;
}
.frame-inner,
.rectangle-icon {
	height: 38.625rem;
	width: 94.875rem;
	right: -19.406rem;
	bottom: -5.75rem;
	z-index: 2;
}
.rectangle-icon {
	height: 39.688rem;
	width: 97.375rem;
	right: -20.656rem;
	bottom: -9rem;
	z-index: 3;
}
.mask-group-parent {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 100%;
	height: auto;
	overflow: hidden;
	padding: 100px 0;
	background: transparent;
	width: 100%;
	min-height: 100px;
	padding-top: 100px;
	overflow: visible;
	text-align: center;
	font-size: var(--font-size-21xl);
	z-index: 0;
	padding: 100px 8rem;
	padding-top: 20px;

	@media (max-width: 975px) {
		padding: 0 20px;
	}
}

.slider-container {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 700px;
	overflow: visible;
	margin-top: 200px;
}

.slider-card {
	position: absolute;
	width: 100%;
	height: 100%;
	transition: all 0.5s ease;
	background: linear-gradient(180deg, #2e2e2e, #242424);
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.2);
	cursor: pointer;
	max-width: 100%;
	left: 0;
	bottom: 0;
	transform-origin: bottom;
}

.slider-card.active {
	transform: translateY(0) scale(1);
	z-index: 3;
	opacity: 1;
}

.slider-card.prev {
	transform: translateY(-15%) scale(0.95);
	z-index: 2;
	opacity: 0.8;
}

.slider-card.prev-2 {
	transform: translateY(-30%) scale(0.9);
	z-index: 1;
	opacity: 0.6;
}

.slider-card.next {
	transform: translateY(15%) scale(0.95);
	z-index: 0;
	opacity: 0.8;
}

.slider-card.next-2 {
	transform: translateY(30%) scale(0.9);
	z-index: -1;
	opacity: 0.6;
}

.card-content {
	padding: 40px;
	color: white;
	text-align: left;
	position: absolute;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	background: linear-gradient(to top, rgba(46, 46, 46, 0.95), rgba(46, 46, 46, 0.7), transparent);
}
.lorem-ipsum-is-simply,
.name-of-case {
	position: relative;
	display: inline-block;
	max-width: 100%;
}
.name-of-case {
	margin: 0;
	width: 21.188rem;
	font-size: inherit;
	line-height: 121%;
	font-weight: 700;
	font-family: inherit;
	z-index: 4;
}
.lorem-ipsum-is-simply {
	width: 47.813rem;
	line-height: 149%;
	flex-shrink: 0;
}
.rectangle-div {
	height: 3.563rem;
	width: 9.5rem;
	position: relative;
	border-radius: var(--br-20xl);
	border: 2px solid var(--linear);
	box-sizing: border-box;
	display: none;
}
.read-more {
	flex: 1;
	position: relative;
	font-size: var(--font-size-lg);
	text-transform: capitalize;
	display: inline-block;
	font-family: var(--font);
	color: var(--color-white);
	text-align: center;
	min-width: 5.688rem;
	z-index: 1;
}
.read-more-parent,
.rectangle-group {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	box-sizing: border-box;
}
.rectangle-group {
	cursor: pointer;
	border: 2px solid var(--linear);
	padding: var(--padding-smi) var(--padding-12xl) 0.5rem;
	background-color: transparent;
	align-self: stretch;
	height: 3.563rem;
	border-radius: var(--br-20xl);
	flex-direction: row;
}
.rectangle-group:hover {
	border: 2px solid var(--color-darkcyan-100);
}
.read-more-parent {
	width: 9.5rem;
	flex-direction: column;
	padding: 0.093rem 0 0;
}
.case-study-summary {
	align-self: stretch;
	flex-direction: row;
	justify-content: space-between;
	gap: var(--gap-xl);
	z-index: 4;
	font-size: var(--font-size);
	color: var(--color-whitesmoke);
	font-family: var(--font);
}
.case-study-details,
.case-study-item,
.case-study-summary {
	display: flex;
	align-items: flex-start;
	max-width: 100%;
}
.case-study-details {
	width: 89.25rem;
	flex-direction: column;
	justify-content: flex-start;
	gap: var(--gap-6xs);
}
.case-study-item {
	align-self: stretch;
	flex-direction: row;
	justify-content: center;
	padding: 0 var(--padding-xl) var(--padding-243xl);
	box-sizing: border-box;
	text-align: left;
	font-size: var(--font2-size);
	color: var(--color-white);
	font-family: var(--font1);
}
.both-ends {
	background: linear-gradient(68.83deg, #08bbbf, #9ad63c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.develop-product {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 20.062rem 4.562rem 25.687rem;
	box-sizing: border-box;
	max-width: 100%;
	text-align: center;
	font-size: var(--font1-size);
	color: var(--color-white);
	font-family: var(--font1);
}
.mask-group-icon4 {
	align-self: stretch;
	height: 71.375rem;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	flex-shrink: 0;
}
.development-mask {
	height: 87.813rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	position: absolute;
	top: 15%;
	left: 0px;
}
.icon,
.icon1,
.icon2,
.icon3 {
	width: auto;
	height: 28rem;
	position: relative;
	object-fit: contain;
	margin: 0 auto;
}
.phase-icons {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 100%;
}
.wrapper {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 var(--padding-mini) 0 1.187rem;
	box-sizing: border-box;
	max-width: 100%;
}
.beta-icons,
.beta-icons-wrapper {
	flex: 1;
	display: flex;
	max-width: 100%;
}
.beta-icons {
	align-self: stretch;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	gap: var(--gap-68xl);
}
.beta-icons-wrapper {
	width: 32.381rem;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 var(--padding-4xs);
	box-sizing: border-box;
}
.icon3 {
	width: 32.444rem;
	position: relative;
	max-height: 100%;
	max-width: 100%;
}
.phase-row {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 4.25rem;
	width: 100%;
	margin-bottom: 3rem;
}

.phase-icons {
	width: 40%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 365px;
}

.phase-icons img {
	width: auto;
	height: 100%;
	object-fit: cover;
	margin-left: 0px;
	margin: auto;
	width: 500px;
	overflow: visible;
}

.production-content {
	flex: 1;
	display: flex;
	align-items: flex-start;
}

.frame-parent {
	width: 100%;
	display: flex;
	gap: 2rem;
	align-items: flex-start;
}

.development-marker-parent {
	width: 120px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
}

.development-marker {
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 35px;
}

.frame-group {
	flex: 1;
	max-width: 600px;
}

.alpha-parent {
	margin-bottom: 1rem;
}

.alpha-description {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.proof-of-concept {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.set-requirements-and {
	line-height: 1.5;
}
.b1 {
	position: relative;
	line-height: 121%;
}
.development-marker {
	background: #535353;
	border-radius: var(--br-15xl-5);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: var(--padding-2xs-5) var(--padding-7xl);
	z-index: 1;
	padding: 0px;
	display: flex;
}
.development,
.development-circle-child {
	position: relative;
	background: linear-gradient(78.3deg, #08bbbf, #9ad63c);
}
.development {
    font-size: 40px;
	line-height: 1;
    font-weight: 500;
    color: #fff;
    background: transparent;
    -webkit-text-fill-color: #fff;
}
.de
.development-circle-child {
	width: 1.188rem;
	height: 1.188rem;
	border-radius: 50%;
	z-index: 1;
}
.development-circle {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0.343rem 0 0;
}
.development-name,
.development-title {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}
.development-title {
	justify-content: flex-start;
	gap: var(--gap-6xl);
}
.development-name {
	justify-content: flex-end;
	padding: 0 var(--padding-5xl) 0 0;
	text-align: right;
	font-size: var(--font-size);
	font-family: var(--font);
	position: absolute;
	bottom: 9px;
	margin-right: 46px;
}
.development-marker-parent {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	position: relative;
	justify-content: flex-start;
	gap: var(--gap-22xl);
	width: fit-content;
}
.alpha,
.vector-icon {
	align-self: stretch;
	position: relative;
	text-align: left;
}
.alpha {
	margin: 0;
	text-align: left;
	color: #FFF;
	font-family: var(--font-product);
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: 121%; /* 38.72px */
}
footer .alpha { text-align: left !important; }
.vector-icon {
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
}
.alpha-parent {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 0 var(--padding-12xs);
	gap: var(--gap-4xs);
}
.proof-of-concept,
.set-requirements-and {
	position: relative;
	line-height: 149%;
	display: inline-block;
}
.proof-of-concept {
	width: 22.525rem;
	font-weight: 600;
	max-width: 100%;
}
.set-requirements-and {
	height: 4.625rem;
	flex-shrink: 0;
}
.alpha-description {
	align-self: stretch;
	flex-direction: column;
	justify-content: flex-start;
	gap: var(--gap-6xs);
	font-size: var(--font-size);
	font-family: var(--font);
}
.alpha-description,
.frame-group,
.frame-parent,
.production-content {
	display: flex;
	align-items: flex-start;
	max-width: 100%;
	text-align: left;
}
.frame-group {
	flex: 1;
	flex-direction: column;
	justify-content: flex-start;
	gap: var(--gap-10xl);
	min-width: 22rem;
	font-size: var(--font2-size);
	font-family: var(--font1);
}
.frame-parent,
.production-content {
	flex-direction: row;
}
.frame-parent {
	flex: 1;
	justify-content: flex-start;
	gap: var(--gap-20xl);
	/* max-width: 60%; */
}
.production-content {
	width: 50%;
	justify-content: flex-end;
	padding: 0 var(--padding-5xl) var(--padding-smi);
	box-sizing: border-box;
	max-width: 50%;
}
.beta-placeholder-icon {
	height: 144.5rem;
	width: 0.063rem;
	margin: 0 !important;
	position: absolute;
	bottom: -107.75rem;
	left: 2.188rem;
	object-fit: contain;
}
.beta-marker {
	border-radius: var(--br-15xl-5);
	background-color: var(--color-dimgray-100);
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-2xs-5) var(--padding-3xl);
}
.beta {
	margin: 0;
	width: 14.544rem;
	position: relative;
	font-size: inherit;
	line-height: 121%;
	font-weight: 700;
	font-family: inherit;
	display: inline-block;
}
.functional-and-tested {
	width: 23.794rem;
	display: inline-block;
	max-width: 100%;
}
.continue-all-design,
.functional-and-tested {
	position: relative;
	line-height: 149%;
}
.beta-explanation {
	width: 33.138rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-6xs);
	max-width: 100%;
	font-size: var(--font-size);
	font-family: var(--font);
}
.beta-name,
.beta-title {
	flex: 1;
	justify-content: flex-start;
}
.beta-title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--gap-14xl);
	min-width: 22rem;
	max-width: 100%;
	font-size: var(--font2-size);
	font-family: var(--font1);
}
.beta-name {
	gap: var(--gap-20xl);
	z-index: 1;
}
.beta-content,
.beta-content-wrapper,
.beta-name {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	max-width: 100%;
}
.beta-content {
	flex: 1;
	justify-content: flex-start;
	position: relative;
}
.beta-content-wrapper {
	width: 43.631rem;
	justify-content: flex-end;
	padding: 0 var(--padding-5xl) var(--padding-8xl);
	box-sizing: border-box;
}
.pre-production-header-child {
	width: 33.881rem;
	position: relative;
	max-height: 100%;
	max-width: 100%;
	margin-top: -2.875rem;
}
.pre-production-header {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	min-height: 2.875rem;
	max-width: 100%;
}
.confirmed-to-launch {
	width: 17.006rem;
	position: relative;
	line-height: 149%;
	display: inline-block;
}
.pre-production-title {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-15xl);
	min-width: 22.5rem;
	max-width: 100%;
	font-size: var(--font2-size);
	font-family: var(--font1);
}
.pre-production-content-wrapper {
	width: 42.881rem;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 var(--padding-xs);
	box-sizing: border-box;
	max-width: 100%;
}
.production-marker-container {
	position: absolute;
	top: 0;
	left: 10rem;
	border-radius: var(--br-15xl-5);
	background-color: var(--color-dimgray-100);
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-2xs-5) var(--padding-xl);
}
.first-production-description,
.first-production-details {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 100%;
}
.first-production-description {
	width: 33.881rem;
	gap: var(--gap-6xs);
	font-size: var(--font-size);
	font-family: var(--font);
}
.first-production-details {
	width: 36.625rem;
	padding: 0 0 0 var(--padding-xl);
	box-sizing: border-box;
	gap: var(--gap-15xl);
}
.first-production-title {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	max-width: 100%;
	width: 100%;
}
.manufacturing {
	width: 8.625rem;
	position: relative;
	font-size: var(--font-size);
	line-height: 149%;
	display: inline-block;
	font-family: var(--font);
	color: var(--color-gray-100);
	text-align: right;
	margin-top: -9.938rem;
}
.production-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	min-height: 11.063rem;
	max-width: 100%;
	height: 100%;
	font-size: var(--font2-size);
	font-family: var(--font1);
}
.production-marker-container-parent {
	width: 51.381rem;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 var(--padding-5xl) var(--padding-smi);
	box-sizing: border-box;
	position: relative;
	max-width: 100%;
	z-index: 1;
}
.production-content-parent {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	gap: 16.875rem;
	min-width: 33.875rem;
	max-width: 100%;
}
.development-phases {
	flex: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 4.25rem;
	max-width: 100%;
	padding-top: 100px;
	width: 100%;
	position: relative;
	padding: 0 7.5rem;
}
.development-visual,
.serial-production-content {
	display: flex;
	justify-content: flex-start;
	box-sizing: border-box;
}
.development-visual {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0;
	gap: initial;
	max-width: 100%;
	text-align: center;
	font-size: var(--font-size-21xl);
	color: var(--color-white);
	font-family: var(--font-product);
	padding-top: 100px;
	padding-bottom: 100px;
	background: linear-gradient(180deg, #161616 0%, #000 50.48%, #000 100%);
	width: 100%;
	position: relative;
	border-top: 1px solid #414141;
}
.development-visual:before {
	content: "";
    background-image: url(../public/images/pattern-bg.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 274px;
    position: absolute;
    left: 0;
    top: 0;
}
.serial-production-content {
	height: 41.875rem;
	flex-direction: column;
	align-items: flex-start;
	padding: 0;
	position: absolute;
	left: 0px;
	bottom: 10%;
}
.icon4,
.icon5 {
	position: relative;
	max-width: 100%;
}
.icon4 {
	width: 29.813rem;
	max-height: 100%;
}
.icon5 {
	height: 22.688rem;
	flex: 1;
	overflow: hidden;
}
.container,
.ongoing-phases {
	display: flex;
	box-sizing: border-box;
	max-width: 100%;
}
.container {
	align-self: stretch;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 var(--padding-4xs) 0 var(--padding-12xs);
}
.ongoing-phases {
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	padding: 0 2.312rem 0 0;
	gap: 6.187rem;
}
.serial-production-circle {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	background-color: var(--color-dimgray-100);
	width: 100%;
	height: 100%;
	z-index: 1;
}
.serial-production-marker {
	position: absolute;
	top: 0.625rem;
	left: 1.438rem;
	line-height: 121%;
	display: inline-block;
	width: 1.563rem;
	height: 3rem;
	min-width: 1.563rem;
	z-index: 2;
}
.serial-production-circle-parent {
	height: 4.313rem;
	width: 4.313rem;
	position: relative;
}
.serial-production {
	width: 21.256rem;
	position: relative;
	line-height: 121%;
	display: inline-block;
	max-width: 100%;
}
.serial-production-title-child {
	align-self: stretch;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	z-index: 1;
}
.serial-production-title {
	align-self: stretch;
	height: 2.938rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 0 var(--padding-12xs);
	box-sizing: border-box;
	max-width: 100%;
}
.on-going-deliveries-to {
	width: 29.838rem;
	position: relative;
	line-height: 149%;
	display: inline-block;
	max-width: 100%;
}
.frame-container {
	width: 40.631rem;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-20xl);
	max-width: 100%;
}
.ongoing {
	align-self: stretch;
	position: relative;
	line-height: 149%;
}
.ongoing-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-base) 0 0;
}
.refinement-circle {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	background-color: var(--color-dimgray-100);
	width: 100%;
	height: 100%;
}
.refinement,
.refinement-marker {
	line-height: 121%;
	display: inline-block;
}
.refinement-marker {
	position: absolute;
	top: 0.625rem;
	left: 1.375rem;
	width: 1.688rem;
	height: 3rem;
	min-width: 1.688rem;
	z-index: 1;
}
.refinement {
	width: 16.931rem;
	position: relative;
}
.refinement-phase {
	align-self: stretch;
	height: 2.938rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 0 var(--padding-12xs);
	box-sizing: border-box;
	gap: var(--gap-5xs);
}
.refinement-name {
	flex: 1;
	flex-direction: row;
	align-items: flex-start;
	gap: var(--gap-20xl);
	min-width: 26.375rem;
	text-align: left;
	font-size: var(--font-size-21xl);
	color: var(--color-white);
	font-family: var(--font-montserrat);
}
.frame-div,
.production-phases,
.refinement-name {
	display: flex;
	justify-content: flex-start;
	max-width: 100%;
}
.frame-div {
	align-self: stretch;
	flex-direction: row;
	align-items: flex-start;
	gap: var(--gap-4xl);
	z-index: 1;
	text-align: right;
	font-size: var(--font-size);
	color: var(--color-gray-100);
	font-family: var(--font);
}
.production-phases {
	width: 48.006rem;
	flex-direction: column;
	align-items: flex-end;
	gap: 17.812rem;
}
.serial-production-visual {
	width: 108.456rem;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0 var(--padding-xl) 12.875rem 0;
	box-sizing: border-box;
	max-width: 100%;
	gap: var(--gap-xl);
	text-align: left;
	font-size: var(--font-size-21xl);
	color: var(--color-white);
	font-family: var(--font-montserrat);
}
.mask-group-icon6 {
	height: 26.938rem;
	position: absolute;
	max-width: 100%;
	left: 0px;
}
.if-you-can,
.the-kiiam-process {
	margin: 0;
	align-self: stretch;
	position: relative;
	z-index: 1;
}
.the-kiiam-process {
	font-size: inherit;
	line-height: 121%;
	font-weight: 700;
	font-family: inherit;
}
.if-you-can {
	height: fit-content;
	font-size: var(--font-size-21xl);
	line-height: 130%;
	font-weight: 600;
	font-family: var(--font);
	display: inline-block;
	flex-shrink: 0;
	transform: none !important;
}
.kiiam-process-and-testimonials,
.sec6 {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.sec6 {
	width: 100%;
	position: relative;
	top: 0;
	margin: auto;
	flex-direction: column;
	padding: 80px 23%;
	box-sizing: border-box;
	gap: var(--gap-23xl);
	z-index: 1;
	border-radius: 25px;
}
.kiiam-process-and-testimonials {
	flex-direction: row;
	position: relative;
	/* width: 100%; */
	width: 100%;
	border-radius: 25px;
	overflow: hidden;
}
.our-long-experience-container {
	position: relative;
	font-size: var(--font-size);
	line-height: 149%;
	font-family: var(--font);
	color: var(--color-lightgray);
}
.kiiam-process-content,
.what-others-say-parent {
	width: 51.188rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-mid);
	max-width: 100%;
	position: relative;
	text-align: center;
}
.kiiam-process-content {
	width: 100%;
	flex-direction: row;
	align-items: flex-end;
	justify-content: center;
	gap: var(--gap-xl);
	margin: 0px;
	display: flex;
}
.image-1-icon {
	width: 12.25rem;
	height: 3.875rem;
	position: relative;
	object-fit: cover;
}
.full-name,
.lorem-ipsum-is-simply1 {
	position: relative;
	line-height: 149%;
	display: inline-block;
}
.lorem-ipsum-is-simply1 {
	width: 24.5rem;
	max-width: 100%;
	height: auto;
	text-overflow: ellipsis;
	color: black;
	text-align: left;
}
.full-name {
	width: fit-content;
	height: 2.5rem;
	font-weight: 500;
	color: var(--color-lightseagreen);
	flex-shrink: 0;
}
.group-icon {
	width: 3.625rem;
	height: 2.688rem;
	position: absolute;
	margin: 0 !important;
	top: -1.375rem;
	right: 3.25rem;
	z-index: 2;
}
.image-1-parent {
	width: 29.938rem;
	box-shadow: 0 55px 80px rgba(0, 0, 0, 0.07),
		0 35.6px 46.9px rgba(0, 0, 0, 0.05), 0 21.2px 25.5px rgba(0, 0, 0, 0.04),
		0 11px 13px rgba(0, 0, 0, 0.04), 0 4.5px 6.5px rgba(0, 0, 0, 0.03),
		0 1px 3.1px rgba(0, 0, 0, 0.02);
	border-radius: var(--br-3xs);
	background-color: var(--color-white);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-48xl-5) var(--padding-xl) var(--padding-48xl-5)
		var(--padding-24xl);
	box-sizing: border-box;
	position: relative;
	gap: var(--gap-7xl);
	max-width: 100%;
	z-index: 1;
}
.image-2-icon {
	width: 9.938rem;
	height: 4.25rem;
	position: relative;
	object-fit: cover;
	z-index: 2;
}
.full-name1,
.lorem-ipsum-is-simply-container {
	position: relative;
	line-height: 149%;
	display: inline-block;
	flex-shrink: 0;
	z-index: 2;
}
.lorem-ipsum-is-simply-container {
	align-self: stretch;
	height: 6.938rem;
}
.full-name1 {
	width: 16.313rem;
	height: 2.5rem;
	font-weight: 500;
	color: var(--color-lightseagreen);
}
.frame-wrapper,
.image-2-parent {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 100%;
}
.image-2-parent {
	width: 25.938rem;
	gap: var(--gap-15xl);
}
.frame-wrapper {
	width: 29.5rem;
	padding: 3.781rem 0 0;
	box-sizing: border-box;
}
.image-5-icon {
	width: 14.5rem;
	height: 2.625rem;
	position: relative;
	object-fit: cover;
	z-index: 2;
}
.lorem-ipsum-is-simply3 {
	position: relative;
	line-height: 149%;
	z-index: 2;
}
.image-5-parent {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-10xl);
}
.frame-parent2,
.frame-wrapper1 {
	display: flex;
	align-items: flex-start;
	max-width: 100%;
}
.frame-wrapper1 {
	width: 22.75rem;
	flex-direction: column;
	justify-content: flex-start;
	padding: 4.531rem 0 0;
	box-sizing: border-box;
}
.frame-parent2 {
	align-self: stretch;
	flex-direction: row;
	justify-content: space-between;
	flex-shrink: 0;
	gap: var(--gap-xl);
}
.testimonial-pagination-dots,
.testimonial-pagination-dots1 {
	height: 0.763rem;
	width: 0.763rem;
	position: relative;
	border-radius: 50%;
	background-color: var(--linear);
}
.testimonial-pagination-dots1 {
	background-color: var(--color-lightgray);
}
.testimonial-pagination {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-lgi);
	flex-shrink: 0;
}
.frame-parent1,
.testimonial-navigation {
	width: 90.113rem;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	padding: 0 var(--padding-xl);
	box-sizing: border-box;
	max-width: 100%;
}
.frame-parent1 {
	width: 95rem;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	padding: 0 0 0 var(--padding-xl);
	gap: 60px;
}

.testimonials-section {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	text-align: center;
	gap: 30px;
	padding-bottom: 253px;
	align-items: center;
	position: relative;
	background: linear-gradient(180deg, #161616 0%, #000 50.48%, #000 100%);	
	padding: 100px 0;
	border-top: 1px solid #414141;
}
.testimonials-section:before {
	content: "";
    background-image: url(../public/images/pattern-bg.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 274px;
    position: absolute;
    left: 0;
    top: 0;
}
.testimonials-section .just-like-having-container { padding-top: 0; width: 100%; }
.our-long-experience-container { font-family: var(--font-product); color: #fff; }
.testimonials-section .overcoming-all-the-obstacles { font-size: 22px; line-height: 28px; }

.testimonials-section .swiper-button-next, .testimonials-section .swiper-button-prev  { background: linear-gradient(78.3deg, #08bbbf, #9ad63c);    
    width: 45px;
    height: 45px;
    border-radius: 50%;
	display: none;
}
.testimonials-section .swiper-button-next:after, .testimonials-section .swiper-button-prev:after { font-size: 20px !important; color: #fff !important; }
.testimonials-section .swiper-button-prev { left: 105px;}
.testimonials-section .swiper-button-next { right: 175px; }

.kiiam-process-container,
.testimonial-cards {
	display: flex;
	align-items: flex-start;
	max-width: 100%;
	flex-wrap: nowrap;
	flex-direction: column;
}
.testimonials-section .logo-bg {
    width: 413px;
    height: 152px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.testimonial-cards {
	align-self: stretch;
	flex-direction: column;
	justify-content: flex-end;
	text-align: left;
	font-size: var(--font-size);
	color: var(--color-darkslategray);
	font-family: var(--font);
	display: flex;
	align-items: center;
	height: fit-content;
	gap: 80px;
	background: linear-gradient(180deg, #242424, #242424);
}
.kiiam-process-container {
	width: 100%;
	flex-direction: column;
	justify-content: flex-start;
	padding: 0;
	box-sizing: border-box;
	gap: var(--gap-44xl);
}
.footer-navigation-child {
	width: 10.869rem;
	height: 3.919rem;
	position: relative;
}
.home2 {
	margin: 0;
	background: linear-gradient(126.23deg, #08bbbf, #9ad63c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.home1,
.industries2 {
	position: relative;
	line-height: 149%;
	display: inline-block;
	flex-shrink: 0;
}
.home1 {
	align-self: stretch;
	height: 1.438rem;
}
.industries2 {
	height: 1.313rem;
	min-width: 6rem;
}
.expertise1 {
	align-self: stretch;
}
.blog1,
.expertise1,
.showcase1 {
	position: relative;
	line-height: 149%;
}
.showcase1 {
	display: inline-block;
	min-width: 6rem;
}
.blog1 {
	align-self: stretch;
}
.footer-menus {
	height: fit-content;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: var(--gap-xs);
}
.services2 {
	align-self: stretch;
	position: relative;
	line-height: 149%;
	background: var(--Link, linear-gradient(180deg, #08BBBF 0%, #9AD63C 100%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 26px;
	font-weight: 500;
}
.services-menu {
	width: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-xs);
	color: white;
}
.services-menu:nth-child(2) {
    position: relative;
    left: 29px;
}
.get-in-touch {
	align-self: stretch;
	position: relative;
	line-height: 149%;
	background: var(--Link, linear-gradient(180deg, #08BBBF 0%, #9AD63C 100%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.get-in-touch,
.hataas-street-kfar {
	height: auto;
	display: inline-block;
	flex-shrink: 0;
}
.get-in-touch { font-size: 26px; font-weight: 500;  }
.hataas-street-kfar,
.israel-4442520,
.tel-972-9-7940-500 {
	align-self: stretch;
	position: relative;
	line-height: 149%;
}
.tel-972-9-7940-500 {
	height: auto;
	display: inline-block;
	flex-shrink: 0;
}
.contact-info,
.footer-links {
	display: flex;
	align-items: flex-start;
}
.contact-info {
	width: auto;
	height: auto;
	flex-direction: column;
	justify-content: flex-start;
	gap: var(--gap-xs);
	position: relative;
    left: 58px;
	
}
footer .contact-info ul { gap: 30px; }
.footer-links {
	align-self: stretch;
	flex-direction: row;
	justify-content: space-between;
	padding: 0 var(--padding-9xs) 0 0;
	gap: var(--gap-xl);
	/* gap: 215px; */
}
.copyright-2024,
.footer-navigation {
	flex-shrink: 0;
	max-width: 100%;
	z-index: 2;
}
.footer-navigation {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 0 var(--padding-12xs-1);
	box-sizing: border-box;
	gap: var(--gap-46xl);
}
.copyright-2024 {
	background: rgba(255, 255, 255, 0.05);
	display: flex;
	left: inherit;
	bottom: inherit;
	width: 100%;
	padding: 10px 260px;	
	position: relative;
	font-size: 20px;
	font-weight: 300;
}
.copyright-2024 span {
    font-size: 32px;
    display: inline-block;
    vertical-align: middle;
    height: 24px;
}
.copyright-2024 .footer-col { width: 50%; }
.copyright-2024 .footer-col:first-child { text-align: left; }
.copyright-2024 .footer-col:last-child { text-align: right; }
.copyright-2024 .footer-col:last-child a { text-decoration: underline; }
.footer-navigation-and-copyrigh,
.footer-top {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 100%;
	align-content: flex-start;
}
.footer-navigation-and-copyrigh {
	align-self: stretch;
	gap: 0px;
	width: 100%;
}
.footer-top {
	order: 2;
	width: 100%;
	padding-top: 60px;
}
.youtube-negative-icon {
	z-index: 3;
}
.facebook-negative-icon,
.linkedin-negative-icon,
.youtube-negative-icon {
	width: 1.625rem;
	position: relative;
	height: 1.625rem;
	overflow: hidden;
	flex-shrink: 0;
}
.linkedin-negative-icon {
	z-index: 1;
}
.social-icons,
.youtube-negative-parent {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.youtube-negative-parent {
	width: 9.5rem;
	height: 1.625rem;
	flex-direction: row;
	gap: var(--gap-18xl);
}
.social-icons {
	flex-direction: column;
	padding: 0;
}
.social-icons .social-wrap { display: flex; gap: 20px; }
.social-icons .social-wrap a { display: inline-block; width: 50px; height: 50px; transition: all 0.3s ease-in-out; }
.social-icons .social-wrap a:hover, .social-icons .social-wrap a:focus { transform: scale(1.1); }
.footer-social,
.footer-social-and-c-t-a {
	display: flex;
	flex-direction: row;
	align-items: center;
	max-width: 100%;
}
.footer-social {
	flex: 1;
	justify-content: space-between;
	gap: var(--gap-xl);
}
.footer-social-and-c-t-a, .footer-c-t-a {
	width: 50%;
	border: 1px solid #434343;
	background: linear-gradient(182deg, #000 1.72%, #242424 98.35%);
	padding: 30px;
	border-radius: 0;
	height: 100%;

}
.footer-c-t-a { gap: 0; flex-direction: row; padding: 15px 30px !important; }
.wed-love-to {
	align-self: stretch;
	position: relative;
	font-size: 20px;
	line-height: 28px;	
	font-weight: 500;
	font-family: var(--font-product);
	white-space: nowrap;
	height: fit-content;
	overflow: hidden;
	height: auto;
	white-space: break-spaces;
	text-align: left;
}
.c-t-a-button {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 0;
}
.get-in-touch1 {
	flex: 1;
	position: relative;
	font-size: 20px;
	line-height: 24px;
	font-family: var(--font-product);	
	text-align: center;
	color: #fff;
	font-weight: 400;
}
.contact-us-button-container {
	cursor: pointer;
	border: 0;
	padding: 0;
	border-radius: 30px;
	background: linear-gradient(88deg, #08BBBF -0.03%, #9AD63C 99.97%);
	flex: 1;	
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 20px;
	white-space: nowrap;
	transition: all 0.3s ease-in-out;
}
.contact-us-button-container:hover {
	background-color: var(--color-gainsboro);
	transform: scale(1.1);
}
.contact-us-button {
	align-self: stretch;
	flex-direction: row;
	padding: 0px;
	max-width: none;
	margin: 0;
}
.contact-us-button,
.footer,
.footer-bottom,
.footer-c-t-a,
.footer-content {
	display: flex;
	align-items: center;
    justify-content: space-between;
	height: auto;
}
.footer,
.footer-bottom,
.footer-content {
	max-width: 100%;
}
.footer-bottom {
	display: flex;
    flex-direction: row;
    gap: 30px;
	width: 100%;
}
.footer,
.footer-content {
	flex-direction: row;
}
.footer-content {
	flex: 1;
	gap: 0;
	padding-top: 0;
	width: 100%;
}
.footer {
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	font-size: var(--font-size);
	font-family: var(--font-product);
	padding: 0 260px 50px;
	
	
	
	

	@media (max-width: 975px) {
		padding: 0 20px;
	}
}
.frame-child2 {
	position: absolute;
	top: 1.375rem;
	left: 0;
	border-radius: var(--br-3xs);
	background-color: var(--color-white);
	width: 30rem;
	height: 26.875rem;
}
.frame-child3 {
	position: absolute;
	top: 0;
	left: 23rem;
	width: 3.625rem;
	height: 2.688rem;
	z-index: 1;
}
.rectangle-container {
	height: 28.25rem;
	width: 30rem;
	position: absolute;
	margin: 0 !important;
	top: -9.312rem;
	left: 44.625rem;
	box-shadow: 0 50px 80px rgba(0, 0, 0, 0.07),
		0 32.4px 46.9px rgba(0, 0, 0, 0.05), 0 19.3px 25.5px rgba(0, 0, 0, 0.04),
		0 10px 13px rgba(0, 0, 0, 0.04), 0 4.1px 6.5px rgba(0, 0, 0, 0.03),
		0 0.9px 3.1px rgba(0, 0, 0, 0.02);
}
.frame-child4 {
	position: absolute;
	top: 1.375rem;
	left: 0;
	box-shadow: 0 59px 80px rgba(0, 0, 0, 0.07),
		0 38.2px 46.9px rgba(0, 0, 0, 0.05), 0 22.7px 25.5px rgba(0, 0, 0, 0.04),
		0 11.8px 13px rgba(0, 0, 0, 0.04), 0 4.8px 6.5px rgba(0, 0, 0, 0.03),
		0 1.1px 3.1px rgba(0, 0, 0, 0.02);
	border-radius: var(--br-3xs);
	background-color: var(--color-white);
	width: 29.938rem;
	height: 26.875rem;
}
.frame-child5,
.group-div {
	position: absolute;
	z-index: 1;
}
.frame-child5 {
	top: 0;
	left: 22.875rem;
	width: 3.625rem;
	height: 2.688rem;
}
.group-div {
	height: 28.25rem;
	width: 29.938rem;
	margin: 0 !important;
	top: -9.312rem;
	right: 11.688rem;
}
.mask-group-icon7 {
	position: absolute;
	top: auto;
	left: 85.25rem;
	width: 34.75rem;
	height: 35rem;
	bottom: 0px;
	display: none;
}
.mask-group-icon8 {
	position: absolute;
	top: auto;
	bottom: 0px;
	left: 0;
	width: 21.813rem;
	height: 23.813rem;
	display: none;
}
.bottom-wave-child,
.wave-shape-icon {
	position: absolute;
	top: 31.188rem;
	left: -0.375rem;
	width: 120rem;
	height: 41.125rem;
	z-index: 1;
}
.wave-shape-icon {
	top: auto;
	bottom: 0px;
	left: 51.5rem;
	width: 52.225rem;
	height: fit-content;
	object-fit: contain;
	z-index: 3;
	display: none;
}
.bottom-wave {
	height: auto;
	position: relative;
	max-width: 100%;
	padding-bottom: 0;
	background: linear-gradient(180deg, #161616 0%, #000 49.52%, #000 100%);
	border-top: 1px solid #414141;
	width: 100%;
	padding-top: 90px;
	margin-top: 270px;
}
.bottom-wave:before {
	content: "";
    background-image: url(../public/images/pattern-bg.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 274px;
    position: absolute;
    left: 0;
    top: 0;
}
.footer-logo { position: absolute; width: 100%; left: 50%; transform: translate(-50%, -50%); z-index: -1; text-align: center; opacity: 0; top: 0; transition: all 1s ease; }
.footer-logo:before { content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); position: absolute; left: 50%; top: 190px; width: 100%; height: 47px; transform: translateX(-50%); }
.footer-logo.visible { opacity: 1; top: -60px; }
  

.footer-logo img { width: 940px; height: 100%; }
.bottom-shapes,
.home,
.kiiam-process-container-parent {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.bottom-shapes {
	width: 120rem;
	margin: 0 !important;
	position: absolute;
	top: 71.438rem;
	left: 0;
	flex-direction: row;
	max-width: 100%;
}
.home,
.kiiam-process-container-parent {
	position: relative;
	overflow: hidden;
	flex-direction: column;
	color: var(--color-white);
}
.kiiam-process-container-parent {
	align-self: stretch;
	box-sizing: border-box;
	max-width: 100%;
	text-align: center;
	font-size: var(--font1-size);
	font-family: var(--font1);
	padding-top: 100px;
	padding-bottom: 150px;
	background: linear-gradient(180deg, #242424, #242424);
}
.home {
	width: 100%;
	background: linear-gradient(180deg, #2e2e2e, #242424);
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	font-size: var(--font-size);
	font-family: var(--font-product) !important;
	background: linear-gradient(180deg, #242424, #242424);
	background: #000 !important;	
	max-width: 100%;
}
.testimonials-slider {
	display: flex;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.frame-parent2 {
	display: flex;
	transition: transform 0.5s ease;
	width: calc(100% * 3);
	padding-top: 50px;
}

.image-1-parent {
	/* flex: 1 0 33.33%; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding: 20px;
	box-sizing: border-box;
	max-width: 33%;
	overflow: visible;
}

.testimonial-pagination {
	display: flex;
	gap: 12px;
	justify-content: center;
	margin-top: 20px;
}

.testimonial-pagination-dots,
.testimonial-pagination-dots1 {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.testimonial-pagination-dots {
	background-color: var(--linear);
}

.testimonial-pagination-dots1 {
	background-color: var(--color-lightgray);
}
.banner-wrap-breadcrumbs {
    border-radius: 70px 0px;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(13px);
    width: auto;
	padding: 44px 58px 44px 33px;
	min-width: 500px;
}

/* Service Section */
.section-pattern { 
	background: linear-gradient(180deg, #161616 0%, #000 49.52%, #000 100%);   
    padding: 100px 0;
    text-align: center;
    font-size: var(--font1-size);
    color: var(--color-white);
    font-family: var(--font1);
    position: relative;
    border-top: 1px solid #414141;
	width: 100%;
 }
 .section-pattern:before {
	content: "";
    background-image: url(../public/images/pattern-bg.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 274px;
    position: absolute;
    left: 0;
    top: 0;
 }
 .section-pattern .content-small { max-width: 1200px; margin: 0 auto; }
 .section-pattern .content { padding: 0 8rem; width: 100%; }
 .section-pattern h1, .section-pattern h2 { font-size: 64px; font-weight: 500; margin: 0 auto 30px; }
 .section-pattern .project-assessment-wrapper { justify-content: center; }
 .serial-manufacture .project-assessment-wrapper { margin-bottom: 30px; }
 .serial-manufacture-wrap { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; }
 .serial-manufacture-wrap .serial-manufacture-box { width: calc(50% - 20px); }
 .serial-manufacture-wrap .serial-manufacture-box .serial-manufacture-inner-box { padding: 40px; border-radius: 20px; border: 1px solid #434343; text-align: center; display: flex; flex-direction: column; gap: 40px; height: 100%; }
 .serial-manufacture-wrap .serial-manufacture-box .serial-manufacture-inner-box .icon-box { width: 100px; height: 100px; border-radius: 10px; border: 1px solid #434343; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
 .serial-manufacture-wrap .serial-manufacture-box .serial-manufacture-inner-box .icon-box .img { width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; }
 .serial-manufacture-wrap .serial-manufacture-box .serial-manufacture-inner-box .icon-box .img img { width: 100%; height: 100%; object-fit: contain; }
 .serial-manufacture-wrap .serial-manufacture-box .serial-manufacture-inner-box h4 { font-size: 32px; font-weight: 700; line-height: 1.125; margin: 0 auto; width: 70%; }
 .serial-manufacture-wrap .serial-manufacture-box .serial-manufacture-inner-box p { font-size: 22px; line-height: 1.27; }
 .serial-manufacture .half-circle { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="220" height="418" viewBox="0 0 220 418" fill="none"><g filter="url(%23filter0_f_214_2167)"><path d="M-105.223 264.114C-126.958 230.87 -126.958 187.914 -105.223 154.67L-99.595 146.062C-81.1246 117.812 -49.6492 100.785 -15.8962 100.785L14.8692 100.785C50.2836 100.785 83.0567 119.516 101.031 150.029L106.102 158.637C124.552 189.959 124.552 228.826 106.102 260.147L101.031 268.755C83.0567 299.269 50.2836 318 14.8692 318L-15.8962 318C-49.6492 318 -81.1246 300.973 -99.595 272.722L-105.223 264.114Z" fill="url(%23paint0_linear_214_2167)" fill-opacity="0.5"/></g><defs><filter id="filter0_f_214_2167" x="-221.524" y="0.784546" width="441.464" height="417.215" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="45" result="effect1_foregroundBlur_214_2167"/></filter><linearGradient id="paint0_linear_214_2167" x1="-141" y1="209.392" x2="136" y2="209.392" gradientUnits="userSpaceOnUse"><stop stop-color="%239AD63C"/><stop offset="1" stop-color="%2308BBBF"/></linearGradient></defs></svg>'); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 220px; height: 418px; animation: moveUpDown 15s ease-in-out infinite alternate; }
 .our-services h2 { max-width: 1180px; margin: 0 auto 30px; }
 .service-card-wrap { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px 40px; }
 .service-card-wrap .service-card-box { width: calc(33.33% - 40px); }
 .service-card-wrap .service-card-box .service-card-inner-box { border: 1px solid #434343; border-radius: 20px; height: 100%; }
 .service-card-wrap .service-card-box .service-card-inner-box .card-image { padding: 10px 10px 0; }
 .service-card-wrap .service-card-box .service-card-inner-box .card-image .img { height: 350px; border-radius: 10px; overflow: hidden; }
 .service-card-wrap .service-card-box .service-card-inner-box .card-image .img img { width: 100%; height: 100%; object-fit: cover; }
 .service-card-wrap .service-card-box .service-card-inner-box .card-contents { display: flex; flex-direction: column; gap: 20px; padding: 40px; text-align: left; }
 .service-card-wrap .service-card-box .service-card-inner-box .card-contents h5 { font-size: 28px; }
 .service-card-wrap .service-card-box .service-card-inner-box .card-contents .text-box h6 { font-size: 18px; font-weight: 700; line-height: 1.27; }
 .service-card-wrap .service-card-box .service-card-inner-box .card-contents .text-box p { font-size: 18px; line-height: 1.27; }
 .service-title h2 { max-width: 1350px; margin: 0 auto 30px; }
 .expertise-block h2 { font-size: 64px; font-weight: 500; color: #fff; text-align: center; margin-bottom: 40px; } 
 .expertise-block h2.just-like-having-container { margin-bottom: 0; }
 
 .industry-project .industry-wrap { display: flex; align-items: flex-start; gap: 30px; }
 .industry-project .half-circle { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="220" height="418" viewBox="0 0 220 418" fill="none"><g filter="url(%23filter0_f_214_2167)"><path d="M-105.223 264.114C-126.958 230.87 -126.958 187.914 -105.223 154.67L-99.595 146.062C-81.1246 117.812 -49.6492 100.785 -15.8962 100.785L14.8692 100.785C50.2836 100.785 83.0567 119.516 101.031 150.029L106.102 158.637C124.552 189.959 124.552 228.826 106.102 260.147L101.031 268.755C83.0567 299.269 50.2836 318 14.8692 318L-15.8962 318C-49.6492 318 -81.1246 300.973 -99.595 272.722L-105.223 264.114Z" fill="url(%23paint0_linear_214_2167)" fill-opacity="0.5"/></g><defs><filter id="filter0_f_214_2167" x="-221.524" y="0.784546" width="441.464" height="417.215" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="45" result="effect1_foregroundBlur_214_2167"/></filter><linearGradient id="paint0_linear_214_2167" x1="-141" y1="209.392" x2="136" y2="209.392" gradientUnits="userSpaceOnUse"><stop stop-color="%239AD63C"/><stop offset="1" stop-color="%2308BBBF"/></linearGradient></defs></svg>'); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 220px; height: 418px; animation: moveUpDown 15s ease-in-out infinite alternate; }
 .industry-project .industry-wrap .industry-details, .industry-project .industry-wrap .industry-content { width: 50%; text-align: left; }
 .industry-project .industry-wrap .industry-details .icon-box { width: 100px; height: 100px; margin-bottom: 30px; }
 .industry-project .industry-wrap .industry-details .icon-box img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
 .industry-project .industry-wrap .industry-details h2 { font-size: 64px; font-weight: 500; margin-bottom: 30px; }
 .industry-project .industry-wrap .industry-details h5, .industry-project .industry-wrap .industry-details p { font-size: 22px; line-height: 1.27; font-weight: 700; margin-bottom: 30px; }
 .industry-project .industry-wrap .industry-details p { font-weight: 400; margin-bottom: 0; }
 .industry-project .industry-wrap .industry-content h4 { font-size: 28px; font-weight: 500; line-height: 1.27; margin-bottom: 30px; }
 .industry-project .industry-wrap .industry-content .project-wrap { display: flex; flex-wrap: wrap; gap: 30px; }
 .industry-project .industry-wrap .industry-content .project-wrap .project-box { width: calc(50% - 30px); display: flex; }
 .industry-project .industry-wrap .industry-content .project-wrap .project-box .project-inner-box { padding: 40px; border-radius: 20px; border: 1px solid #434343; min-height: 310px; width: 100%; }
 .industry-project .industry-wrap .industry-content .project-wrap .project-box .project-inner-box h4 { font-size: 28px; line-height: 1.27; font-weight: 500; margin-bottom: 30px; }
 .industry-project .industry-wrap .industry-content .project-wrap .project-box .project-inner-box p { font-size: 18px; font-weight: 400; line-height: 1.27; }
 .industry-project:nth-child(even) .half-circle { left: inherit; right: 0; transform: rotate(180deg) !important; }
 .industry-project:nth-child(even) .industry-wrap .industry-details .icon-box { width: 163px; }
 .privacy-terms { text-align: left; }
 .privacy-terms h2 { font-size: 30px; margin-bottom: 20px; }
 .privacy-terms p { font-size: 18px; margin-bottom: 20px; }
 .privacy-terms p a { color: #9AD63C; cursor: pointer; }
 .privacy-terms .content { position: relative; }
 

@media screen and (max-width: 1725px) {
	.sub-content {
		flex-wrap: wrap;
		justify-content: center;
	}
	.mask-group-icon {
		align-self: stretch;
		width: auto;
	}
	.mask-group-wrapper {
		flex: 1;
	}
	.frame-parent2,
	.serial-production-visual {
		flex-wrap: wrap;
	}
	.footer-bottom {
		flex: 1;
	}
	.footer-content {
		/* flex-wrap: wrap; */
	}
}
@media screen and (max-width: 1325px) {
	.menu-item-wrapper {
		display: none;
	}
	.main-content {
		padding-left: var(--padding-139xl);
		padding-right: var(--padding-139xl);
		box-sizing: border-box;
	}
	.integration-description {
		flex: 1;
	}
	.image-parent {
		gap: 2.875rem;
		flex-wrap: wrap;
	}
	.hiro {
		gap: var(--gap-16xl);
		padding-top: var(--padding-xl);
		padding-bottom: var(--padding-60xl);
		box-sizing: border-box;
	}
	.kiiam-specializes-in-product-wrapper {
		padding-left: var(--padding-7xl);
		padding-right: var(--padding-7xl);
		box-sizing: border-box;
	}
	.full-service-description,
	.mask-group-wrapper {
		min-width: 100%;
	}
	.sec2,
	.sec2-wrapper {
		box-sizing: border-box;
	}
	/* .sec2 {
		gap: var(--gap-13xl);
		flex-wrap: wrap;
		padding: var(--padding-xl) var(--padding-xl) var(--padding-186xl);
	}
	.sec2-wrapper {
		padding-bottom: var(--padding-48xl);
	} */
	.field-heading {
		padding-left: var(--padding-17xl);
		padding-right: var(--padding-17xl);
		box-sizing: border-box;
	}
	.industry-specialization {
		flex-wrap: wrap;
		justify-content: center;
	}
	/* .specialization-content-wrapper {
		padding-bottom: 8.75rem;
		box-sizing: border-box;
	} */
	.case-study-summary {
		flex-wrap: wrap;
	}
	.develop-product {
		padding-left: var(--padding-186xl);
		padding-right: var(--padding-141xl);
		box-sizing: border-box;
	}
	.phase-icons-parent {
		flex: 1;
	}
	.development-phases {
		flex-wrap: wrap;
	}
	.development-visual {		
		box-sizing: border-box;
	}
	.serial-production-visual {
		padding-bottom: 8.375rem;
		box-sizing: border-box;
	}
	.kiiam-process-content {
		flex-wrap: wrap;
	}
	.footer-navigation {
		gap: var(--gap-13xl);
	}
	.footer-navigation-and-copyrigh {
		gap: var(--gap-60xl);
	}
	.footer-content {
		gap: var(--gap-77xl);
	}
	.kiiam-process-container-parent {
		gap: var(--gap-68xl);
		padding-top: 13.75rem;
		padding-bottom: var(--padding-156xl);
		box-sizing: border-box;
	}
}

@media (max-width: 1600px) {
	.footer, .copyright-2024 { padding-left: 8rem; padding-right: 8rem; }
	.testimonials-section .swiper-button-prev { left: 120px;}
	.testimonials-section .swiper-button-next { right: 120px; }
	.wed-love-to { font-size: 18px; }
	.contact-info { left: 46px; }
	.services-menu:nth-child(2) { left: 20px; }
 }
/* @media (max-width: 1536px) {
	.footer, .copyright-2024 { padding-left: 200px; padding-right: 200px; }
	
}  */

@media (max-width: 1560px) {	
	.specialization-content { gap: 3.5rem; }
	.the-kiiam-process { font-size: 50px; }
	.if-you-can { font-size: 30px; }
	.mask-group-icon4 { height: 35rem; }	
	.just-like-having-container { font-size: 38px; width: 100%; max-width: 1220px; margin: 0 auto; }
	.kiiam-specializes-in{ font-size: 20px; }
	.case-studies { font-size: 38px; max-width: 1220px !important; }
	.about-image { height: 480px; }
	.step-inner-box, .step-inner-box .overlay { padding: 30px; }	 
	.step-inner-box .step-name { font-size: 26px; }
	.step-inner-box .step-description .title, .step-inner-box .overlay .title { font-size: 20px; font-weight: 700; } 
	.step-inner-box .step-description p, .step-inner-box .overlay p { font-size: 18px; }
	.step-inner-box .overlay p:not(:last-child) { margin-bottom: 20px; }
	.step-inner-box { padding: 20px; }
	.step-inner-box .step-description .title, .step-inner-box .overlay .title { font-size: 20px; font-weight: 700; } 
	.step-inner-box .step-description p, .step-inner-box .overlay p { font-size: 16px; }
	.step-inner-box .overlay p:not(:last-child) { margin-bottom: 15px; }
	.step-inner-box .overlay { padding: 20px; }		
	.development, .alpha { font-size: 30px; }
	.development-phases { max-width: 1220px; padding: 0; }
	.develop-product-main-subtitle div { font-size: 27px; }
	.develop-product-main-subtitle { max-width: 1220px; }
	.steps-wrap:before { top: 35%; }
	.testimonials-section .overcoming-all-the-obstacles { font-size: 20px; line-height: 26px; }
	.bottom-wave { margin-top: 240px;}	
	.development, .alpha { font-size: 30px; }
	.social-icons .social-wrap { gap: 15px; }
	.social-icons .social-wrap a { width: 45px; height: 45px; }
	.services2, .get-in-touch { font-size: 24px; line-height: 30px; } 	
	.contact-info { left: 58px; }
	.services-menu:nth-child(2) { left: 29px; }
	.specializing-in-your-container { font-size: 40px; height: auto; }
	.section-pattern .content, .footer, .copyright-2024 { padding-left: 0; padding-right: 0; max-width: 1220px; margin: 0 auto; }
	.section-pattern h1, .section-pattern h2, .expertise-block h2 { font-size: 38px; }
	.banner-wrap-breadcrumbs { min-width: 450px; }
	.serial-manufacture-wrap .serial-manufacture-box .serial-manufacture-inner-box p { font-size: 20px; }
	.serial-manufacture-wrap .serial-manufacture-box { width: calc(50% - 15px); }
	.serial-manufacture-wrap .serial-manufacture-box .serial-manufacture-inner-box { gap: 30px; padding: 30px; }
	.serial-manufacture-wrap .serial-manufacture-box .serial-manufacture-inner-box h4 { font-size: 28px; }
	.serial-manufacture-wrap .serial-manufacture-box .serial-manufacture-inner-box .icon-box { width: 90px; height: 90px; }
	.serial-manufacture-wrap .serial-manufacture-box .serial-manufacture-inner-box .icon-box .img { width: 60px; height: 60px; }
	.serial-manufacture-wrap { gap: 30px; }
	.service-card-wrap { gap: 30px 30px; }
	.service-card-wrap .service-card-box { width: calc(33.33% - 30px); }
	.service-card-wrap .service-card-box .service-card-inner-box .card-contents { padding: 30px; gap: 15px; }
	.service-card-wrap .service-card-box .service-card-inner-box .card-image .img { height: 240px; }
	.service-card-wrap .service-card-box .service-card-inner-box .card-contents h5 { font-size: 24px; }
	.service-card-wrap .service-card-box .service-card-inner-box .card-contents .text-box p, .service-card-wrap .service-card-box .service-card-inner-box .card-contents .text-box h6 { font-size: 16px; }
	.industry-project .industry-wrap .industry-details .icon-box { width: 90px; height: 90px; }
	.industry-project:nth-child(even) .industry-wrap .industry-details .icon-box { width: 153px; }
	.industry-project .industry-wrap .industry-details h2 { font-size: 38px; }
	.industry-project .industry-wrap .industry-details h5, .industry-project .industry-wrap .industry-details p { font-size: 20px; }
	.industry-project .industry-wrap .industry-content h4 { font-size: 24px; }
	.industry-project .industry-wrap .industry-content .project-wrap .project-box .project-inner-box { padding: 30px; }
	.industry-project .industry-wrap .industry-content .project-wrap .project-box .project-inner-box h4 { font-size: 24px; margin-bottom: 20px; }
	.industry-project .industry-wrap .industry-content .project-wrap .project-box .project-inner-box { min-height: 290px; }
	/* .not-found-content { padding: 100px 0; } */
}

@media (min-width: 1561px) {
	.expertise-block .sec2-wrapper { padding-top: 100px; }
	.serial-manufacture h2 { width: 90%; }
}

@media (max-width: 1440px) {
	.about-image { max-width: 1000px; }
}
@media (max-width: 1366px) {	
	

}

@media (max-width: 1325px) {
	.testimonials-section .swiper-button-prev, .testimonials-section .swiper-button-next { top: 60%; }	
	.kiiam-specializes-in-product-wrapper { padding: 0 20px; }	
	.wed-love-to { font-size: 16px; }
}
@media screen and (max-width: 1199px) {
	.just-like-having-container { font-size: 30px; width: 100%; }
	.development-manufacture-section .full-service-description { gap: 20px; }
	.develop-product-main-subtitle div { gap: 10px; font-size: 22px; }
	.develop-product-main-subtitle { padding: 20px; margin-bottom: 0; }
	.kiiam-specializes-in { font-size: 20px; }	
	.development-visual { padding-top: 70px; }
	.case-studies { font-size: 30px; margin-bottom: 10px !important; }
	.phase-icons { width: 100%; height: 100%; }
	.half-circle { display: none; }
	.about-image { height: 450px; }
	.development-marker { width: 40px; height: 40px; font-size: 24px; }
	.development-phases { gap: 20px; padding-left: 0; padding-right: 0; }	
	.frame-group { gap: 0; }
	.frame-parent { gap: 15px; padding-left: 10px; }
	.alpha { font-size: 28px; }
	.development-name { bottom: 5px; margin-right: 18px; }
	.set-requirements-and { font-size: 16px; }
	.proof-of-concept { margin-bottom: 0; }
	.testimonials-section { gap: 20px; padding: 70px 0 20px; }
	.home .testimonials-section .image-1-parent { width: 100%; margin: 0; padding: 20px; }	
	.home .testimonials-section .swiper-pagination { bottom: 0 !important; }
	.home .lorem-ipsum-is-simply1 { font-size: 18px;  line-height: 1.35; }
	.home .full-name { height: 90px; font-size: 18px; line-height: 1.35; }
	.mask-group-icon3 { width: 11.563rem; }	
	.the-kiiam-process { font-size: 36px; }
	.if-you-can { font-size: 24px; }
	.mask-group-icon6 { height: 20rem; }
	.footer { padding: 0 20px; }
	.copyright-2024 { padding-left: 20px; padding-right: 20px; }
	.bottom-wave { padding-bottom: 150px; margin-top: 200px; }
	.specializing-in-your-container { font-size: 32px; }
	.our-long-experience { font-size: 20px; width: 100%; margin-bottom: 15px; max-width: 100%; }
	.specialization-content {  gap: 2.5rem; }
	.dental-specialization { padding-top: 30px; }
	.dental-image-container { padding: 0; }
	.dental-heading { padding: 0; }
	.dental { font-size: 24px; line-height: 30px; }
	.description-preview { font-size: 16px; line-height: 24px; }
	.mask-group-parent { padding: 0 20px; }
	.lorem-ipsum-is-simply1 { height: 380px; }
	.copyright-2024 { font-size: 16px; }
	.testimonials-section .swiper-button-prev { left: 0; top: 55%; }
	.testimonials-section .swiper-button-next { right: 0; top: 55%; }
	.testimonials-section .logo-bg { width: 306px; height: 111px; }
	.main-content-parent { border-radius: 50px 0; padding: 20px; width: 520px !important; }
	.show-case { font-size: 18px; }
	.sec2-wrapper:before, .development-visual:before, .testimonials-section:before, .mask-group-parent:before, .bottom-wave:before, .section-pattern:before { height: 70px; background-size: cover; }
	.steps-wrap { gap: 20px; flex-wrap: wrap; }
	.step-inner-box { padding: 20px; }
	.step-box { width: calc(50% - 10px); }
	.steps-wrap:before { display: none; }
	.step-inner-box { width: 100%; }
	.step-inner-box .step-name { font-size: 24px; }
	.step-inner-box .step-description .title, .step-inner-box .overlay .title { font-size: 20px; }
	.step-inner-box .step-description p, .step-inner-box .overlay p { font-size: 18px; }
	.step-inner-box .overlay { padding: 20px; }
	.step-inner-box .step-img { height: 120px; }
	.testimonials-section .overcoming-all-the-obstacles { font-size: 20px; line-height: 26px; }	
	.our-long-experience p { margin-bottom: 0; }
	.footer-logo.visible { top: -30px; }
	.footer-logo img { width: 350px; }
	.footer-logo:before { top: 70px; height: 30px; }
	.bottom-wave { padding: 70px 0 0; }
	.footer-social-and-c-t-a, .footer-c-t-a { padding: 20px; display: flex; height: auto; }
	.development { font-size: 28px; }
	.social-icons .social-wrap { gap: 10px; }
	.social-icons .social-wrap a { width: 36px; height: 36px; }
	.wed-love-to { font-size: 16px; }
	.contact-us-button-container { padding: 15px 20px; }
	.get-in-touch1 { font-size: 18px; line-height: 22px; }
	.banner-wrap-breadcrumbs { min-width: 350px; padding: 30px 33px 30px 33px; border-radius: 50px 0; }
	.section-pattern h1, .section-pattern h2, .expertise-block h2 { font-size: 30px; }
	.section-pattern { padding: 70px 20px; }
	.section-pattern.service-title { padding-bottom: 0; }
	.serial-manufacture-wrap { gap: 20px; }
	.serial-manufacture-wrap .serial-manufacture-box { width: calc(50% - 10px); }
	.serial-manufacture-wrap .serial-manufacture-box .serial-manufacture-inner-box { padding: 20px; gap: 20px; }
	.serial-manufacture-wrap .serial-manufacture-box .serial-manufacture-inner-box h4 { font-size: 24px; width: 100%; }
	.serial-manufacture-wrap .serial-manufacture-box .serial-manufacture-inner-box p { font-size: 18px; }
	.serial-manufacture-wrap .serial-manufacture-box .serial-manufacture-inner-box .icon-box { width: 75px; height: 75px; }
	.serial-manufacture-wrap .serial-manufacture-box .serial-manufacture-inner-box .icon-box .img { width: 50px; height: 50px; }
	.service-card-wrap { gap: 20px 20px; }
	.service-card-wrap .service-card-box { width: calc(33.33% - 14px); }
	.service-card-wrap .service-card-box .service-card-inner-box .card-image .img { height: 200px; }
	.service-card-wrap .service-card-box .service-card-inner-box .card-contents { padding: 20px; }
	.expertise-block .project-assessment-wrapper { margin-top: 0; }
	.expertise-block .kiiam-specializes-in { gap: 20px; }	
	.expertise-block .post-content { padding: 25px 20px; }
	.why-we-stand { padding-bottom: 0; }
	.industry-project .industry-wrap .industry-details .icon-box { width: 75px; height: 82px; }
	.industry-project:nth-child(even) .industry-wrap .industry-details .icon-box { width: 120px; }
	.industry-project .industry-wrap .industry-details h2 { font-size: 30px; }
	.industry-project .industry-wrap .industry-details h5, .industry-project .industry-wrap .industry-details p { font-size: 18px; }
	.industry-project .industry-wrap .industry-details h2, .industry-project .industry-wrap .industry-details h5, .industry-project .industry-wrap .industry-details .icon-box { margin-bottom: 20px; }
	.industry-project .industry-wrap .industry-content .project-wrap { gap: 20px; }
	.industry-project .industry-wrap .industry-content .project-wrap .project-box { width: calc(50% - 10px); }
	.industry-project .industry-wrap .industry-content .project-wrap .project-box .project-inner-box { min-height: 270px; padding: 20px; }
	.industry-project .industry-wrap .industry-content .project-wrap .project-box .project-inner-box h4 { font-size: 22px; margin-bottom: 10px; }
	.industry-project .industry-wrap .industry-content .project-wrap .project-box .project-inner-box p { font-size: 16px; }
	.columnvector-1 { padding-bottom: 0; }	
	.columnvector-1 h1 { margin-bottom: 20px; }	
	.privacy-terms { padding-bottom: 0; }
	.privacy-terms p { font-size: 16px; }

	.footer-bottom { gap: 20px; }
	.footer-c-t-a { padding: 15px 20px !important; }
	.services2, .get-in-touch { font-size: 22px; }
	footer ul { gap: 35px; width: 100%; }
	.footer-links li a { font-size: 18px; line-height: 24px; }
	.hataas-street-kfar, .israel-4442520, .tel-972-9-7940-500 { font-size: 18px; }
	.contact-info, .services-menu { gap: 0; }
	.footer-top {  padding-top: 35px; padding-bottom: 35px; }	
	.copyright-2024 span { height: 19px; }
	.no-breadcrumbs h1.title { font-size: 30px; } 
	
	
 	
/* 	.description-full { opacity: 1 !important; visibility: visible !important; }
	.dental-content .dental-image-container { 
		padding: 30px !important;
		border: double 2px transparent !important;
		border-radius: 50% !important;
		background-image: linear-gradient(#242424, #242424), linear-gradient(34deg, #08bbbf, #9ad63c) !important;
		background-origin: border-box !important;
		background-clip: padding-box, border-box !important;
		position: relative !important;
		background-position: center !important;
		background-size: calc(100% - 4px) calc(100% - 4px), 100% 100% !important;
		animation: glow 2s ease-in-out infinite !important;
		margin-top: 15px; 
	}
	.image-icon { filter: none !important; }
	.dental-content .dental { color: #fff; } */
 }


@media screen and (max-width: 900px) {
	.services-menu {
		width: auto;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: var(--gap-xs);
		color: white;
	}
	.the-complete-journey {
		font-size: var(--font-size-33xl);
		line-height: 3.938rem;
	}
	.main-content {
		padding-left: var(--padding-60xl);
		padding-right: var(--padding-60xl);
		box-sizing: border-box;
	}
	.image,
	.integration-description {
		min-width: 100%;
	}
	.image-parent {
		gap: var(--gap-4xl);
	}
	.scroll-content-wrapper {
		padding-top: 16.625rem;
		box-sizing: border-box;
	}
	.main-content-parent {
		gap: var(--gap-xl);
	}
	.hiro {
		gap: var(--gap-lg);
		padding-bottom: var(--padding-32xl);
		box-sizing: border-box;
	}
	.just-like-having-container {
		font-size: var(--font-size-29xl);
		line-height: 3.625rem;
	}
	.sec2 {
		gap: var(--gap-base);
	}
	.sec2-wrapper {
		padding-bottom: var(--padding-25xl);
		box-sizing: border-box;
	}
	.specializing-in-your-container {
		font-size: var(--font-size-29xl);
		line-height: 3.625rem;
	}
	.dental,
	.dermatology {
		font-size: var(--font-size-7xl);
		line-height: 1.938rem;
	}
	.veterinary-description {
		padding-left: 3.813rem;
		padding-right: 3.75rem;
		box-sizing: border-box;
	}
	.veterinary-button {
		padding-left: var(--padding-70xl);
		padding-right: var(--padding-70xl);
		box-sizing: border-box;
	}
	.veterinary-specialization {
		gap: var(--gap-2xl);
	}
	.specialization-content {
		gap: var(--gap-19xl);
	}
	.specialization-content-wrapper {
		padding-bottom: 5.688rem;
		box-sizing: border-box;
	}
	.case-studies {
		font-size: var(--font-size-29xl);
		line-height: 3.625rem;
	}
	.case-studies-wrapper {
		padding-left: var(--padding-70xl);
		padding-right: var(--padding-70xl);
		box-sizing: border-box;
	}
	.case-study-content {
		padding-bottom: 24.563rem;
		box-sizing: border-box;
	}
	.name-of-case {
		font-size: var(--font-size-7xl);
		line-height: 1.938rem;
	}
	.develop-product {
		padding-left: 6.375rem;
		padding-right: 5rem;
		box-sizing: border-box;
	}
	.development-mask {
		display: none;
	}
	.beta-icons {
		gap: var(--gap-24xl);
	}
	.phase-icons-parent {
		gap: var(--gap-16xl);
		min-width: 100%;
	}
	.b1 {
		font-size: var(--font2-size);
		line-height: 2.438rem;
	}
	.development-marker-parent {
		flex: 1;
		display: flex;
		align-items: center;
	}
	.alpha {
		font-size: var(--font-size-7xl);
		line-height: 1.938rem;
	}
	.frame-parent {
		flex-wrap: wrap;
	}
	.beta {
		font-size: var(--font-size-7xl);
		line-height: 1.938rem;
	}
	.beta-title {
		gap: var(--gap-base);
	}
	.beta-name {
		gap: var(--gap-lgi);
		flex-wrap: wrap;
	}
	.first-production-details,
	.pre-production-title {
		gap: var(--gap-mid);
	}
	.production-content-parent {
		gap: 8.438rem;
		min-width: 100%;
	}
	.development-phases {
		gap: var(--gap-15xl);
		max-width: 100%;
	}
	.development-visual {
		gap: var(--gap-6xl);
		padding-left: var(--padding-xl);
		box-sizing: border-box;
	}
	.serial-production-content {
		padding-top: var(--padding-106xl);
		box-sizing: border-box;
	}
	.ongoing-phases {
		gap: var(--gap-30xl);
	}
	.serial-production-marker {
		font-size: var(--font2-size);
		line-height: 2.438rem;
	}
	.serial-production {
		font-size: var(--font-size-7xl);
		line-height: 1.938rem;
	}
	.frame-container {
		gap: var(--gap-lgi);
		flex-wrap: wrap;
	}
	.refinement-marker {
		font-size: var(--font2-size);
		line-height: 2.438rem;
	}
	.refinement {
		font-size: var(--font-size-7xl);
		line-height: 1.938rem;
	}
	.refinement-name {
		gap: var(--gap-lgi);
		flex-wrap: wrap;
		min-width: 100%;
	}
	.frame-div {
		flex-wrap: wrap;
	}
	.production-phases {
		gap: var(--gap-123xl);
	}
	.serial-production-visual {
		padding-bottom: var(--padding-68xl);
		box-sizing: border-box;
	}
	.the-kiiam-process {
		font-size: var(--font-size-29xl);
		line-height: 3.625rem;
	}
	.if-you-can {
		font-size: var(--font2-size);
		line-height: 2.625rem;
	}
	.frame-parent1 {
		gap: var(--gap-29xl);
	}
	.kiiam-process-container {
		gap: var(--gap-12xl);
	}
	/* .footer-links {
		flex-wrap: wrap;
	} */
	.footer-navigation-and-copyrigh {
		gap: var(--gap-20xl);
	}
	.footer-bottom,
	.footer-top {
		min-width: 100%;
	}
	.footer-content {
		gap: var(--gap-29xl);
	}
	.kiiam-process-container-parent {
		gap: var(--gap-24xl);
		padding-top: 8.938rem;
		padding-bottom: 7.125rem;
		box-sizing: border-box;
	}	
}
@media (max-width: 991px) {
	.main-content-parent { width: 510px !important; }
	.image-content { width: 60%; }
	.sec2-wrapper:before, .development-visual:before, .testimonials-section:before, .mask-group-parent:before, .bottom-wave:before, .section-pattern:before { height: 50px; }
	.kiiam-specializes-in { font-size: 18px; }
	.hiro .marquee .marquee-content span { font-size: 18px; }
	.hiro .marquee .marquee-content span:before { width: 14px; height: 14px; margin: 0 14px; }
	.full-service-description, .development-manufacture-section .full-service-description { gap: 10px; }
	.about-image { height: 335px; }
	.development-visual { padding-top: 50px; padding-bottom: 50px; gap: 10px; }
	.develop-product-main-subtitle div { gap: 10px; font-size: 16px; }
	.develop-product-main-subtitle .logo-icon { width: 35px; height: 35px; }
	.testimonials-section .overcoming-all-the-obstacles { font-size: 16px; line-height: 20px; }
	.case-studies { font-size: 24px; line-height: 30px; }
	.our-long-experience p { font-size: 16px; line-height: 20px; } 
	.case-study-wrap { padding-top: 10px; }
	.frame-group { min-width: 100%; }
	.overcoming-all-the-obstacles { font-size: 18px; line-height: 24px; }
	.the-kiiam-process { font-size: 24px; line-height: 30px; }
	.if-you-can { font-size: 18px; line-height: 1.2; }	
	.bottom-wave { margin-top: 150px; padding: 50px 0; padding-bottom: 0 !important; }
	.footer { padding-left: 20px; padding-right: 20px; }	
	.footer-top { margin-bottom: 0; }
	.footer-logo img { width: 300px; }
	.footer-logo:before { top: 60px; height: 30px; }
	.home .testimonials-section .swiper-pagination { bottom: 20px !important; }
	.footer-bottom { display: flex; flex-direction: row; }
	.footer-social-and-c-t-a { padding: 20px; width: 100%; display: flex; align-items: center; flex-wrap: wrap; }
	.footer-social-and-c-t-a .development { font-size: 18px; left: inherit;  margin-top: 0; }
	.footer-social { justify-content: center !important; flex-direction: column; gap: 10px; }
	.social-icons { width: auto; }
	.youtube-negative-parent { gap: 30px; justify-content: flex-start !important; }
	.footer-c-t-a { padding: 20px !important; height: auto; gap: 10px; width: 100%; flex-wrap: wrap; }
	.footer-c-t-a .contact-us-button { margin: 0 auto; }
	.footer-c-t-a .contact-us-button-container { padding: 10px 30px; }
	.footer-c-t-a .get-in-touch1 { font-size: 18px; }
	.c-t-a-button { width: 100%; }
	.footer-c-t-a .alpha { font-size: 18px; line-height: 24px; text-align: center !important; }
	.wed-love-to { font-size: 16px; line-height: 20px; }
	.copyright-2024 { left: inherit; bottom: inherit; }
	.specializing-in-your-container { font-size: 24px; line-height: 30px; }
	.our-long-experience { font-size: 16px; }
	.dental, .dermatology { font-size: 20px; }
	.description-preview { font-size: 14px; line-height: 20px; }
	.testimonials-section .swiper-button-next:after, .testimonials-section .swiper-button-prev:after { font-size: 16px !important; }
	.testimonials-section .swiper-button-prev { left: 5px; width: 36px !important; height: 36px !important; }
	.testimonials-section .swiper-button-next { right: 5px; width: 36px !important; height: 36px !important; }
	.social-icons .social-wrap a { width: 40px; }
	.services-menu { gap: 5px; }
	.services2, .get-in-touch { font-size: 20px; line-height: 24px; }
	.services-menu:nth-child(2), .contact-info { left: 0; }
	.copyright-2024 span { font-size: 28px; height: 19px; }
	.testimonials-section .logo-bg { width: 176px; height: 64px; } 
	.testimonials-section .swiper-button-next, .testimonials-section .swiper-button-prev { width: 30px !important; height: 30px !important; top: 29%; }	
	.testimonials-section .swiper-button-next:after, .testimonials-section .swiper-button-prev:after { font-size: 12px !important; }	
	.home-content-parent { padding: 0 20px; }
	.top { padding: 65px 0 0; }
	.home-content-parent { z-index: 10; width: auto; margin-left: 0; margin-right: 0; }
	.section-pattern { padding: 50px 20px; }
	.section-pattern h1, .section-pattern h2, .expertise-block h2 { font-size: 24px; }	
	.serial-manufacture-wrap { gap: 20px; }
	.serial-manufacture-wrap .serial-manufacture-box .serial-manufacture-inner-box { gap: 15px; }
	.serial-manufacture-wrap .serial-manufacture-box .serial-manufacture-inner-box h4 { font-size: 23px; }
	.serial-manufacture-wrap .serial-manufacture-box .serial-manufacture-inner-box p { font-size: 16px; }
	.service-card-wrap .service-card-box { width: calc(50% - 10px); }
	.service-card-wrap .service-card-box .service-card-inner-box .card-contents h5 { font-size: 20px; }
	.service-card-wrap .service-card-box .service-card-inner-box .card-contents { gap: 10px; }
	.expertise-block .full-service-description, .expertise-block .development-manufacture-section .full-service-description { gap: 20px; }
	.why-we-stand { padding-bottom: 0; }
	.specialization-content-wrapper h1.specializing-in-your-container { margin-bottom: 20px; }
	.our-long-experience { margin-bottom: 5px; }
	.industry-project .industry-wrap { flex-wrap: wrap; }
	.industry-project .industry-wrap .industry-details h2 { font-size: 24px; }
	.industry-project .industry-wrap .industry-details, .industry-project .industry-wrap .industry-content { width: 100%; }
	.industry-project .industry-wrap .industry-details .icon-box { width: 60px; height: 75px; }
	.industry-project .industry-wrap .industry-details h5, .industry-project .industry-wrap .industry-details p { font-size: 16px; }
	.industry-project .industry-wrap .industry-details h5 { margin-bottom: 10px; }
	.industry-project .industry-wrap .industry-content h4 { margin-bottom: 20px; }
	.industry-project .industry-wrap .industry-content .project-wrap .project-box .project-inner-box { min-height: 220px; } 
	.columnvector-1 { padding-bottom: 0; }
	.privacy-terms h2, .privacy-terms p { margin-bottom: 15px; }
	.no-breadcrumbs h1.title { font-size: 24px; } 
} 
@media screen and (max-width: 450px) {
	.about-us {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.menu-item-container {
		gap: var(--gap-7xl);
	}
	.the-complete-journey {
		font-size: var(--font-size-20xl);
		line-height: 2.938rem;
	}
	.main-content {
		padding-left: var(--padding-xl);
		padding-right: var(--padding-xl);
		box-sizing: border-box;
	}
	.product-design-prototyping,
	.serial-manufacturing {
		font-size: var(--font-size-base);
		line-height: 1.25rem;
	}
	.product-description-parent {
		gap: 3.438rem;
	}
	.image-content {
		gap: var(--gap-mid);
		flex-wrap: wrap;
	}
	.as-we-integrate {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.integration-description {
		gap: var(--gap-base);
	}
	.just-like-having-container {
		font-size: var(--font-size-17xl);
		line-height: 2rem;
		font-size: 26px;
	}
	.kiiam-specializes-in {
		font-size: var(--font-size-lgi);
		line-height: 1.813rem;
	}
	.sec2 {
		padding-bottom: 8.313rem;
		box-sizing: border-box;
	}
	.specializing-in-your-container {
		font-size: var(--font-size-17xl);
		line-height: 2.75rem;
		font-size: 26px;
	}
	.our-long-experience {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.dental-image-container {
		padding-left: var(--padding-xl);
		padding-right: var(--padding-xl);
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: auto;
	}
	.dental {
		font-size: var(--font-size-lgi);
		line-height: 1.438rem;
	}
	.dental-heading {
		padding-left: var(--padding-xl);
		padding-right: var(--padding-xl);
		box-sizing: border-box;
	}
	.precision-smart-tools {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.dental-specialization {
		padding-top: var(--padding-35xl);
		box-sizing: border-box;
	}
	.dermatology-image-container {
		padding-left: var(--padding-xl);
		padding-right: var(--padding-xl);
		box-sizing: border-box;
	}
	.dermatology {
		font-size: var(--font-size-lgi);
		line-height: 1.438rem;
	}
	.dermatology-specialization {
		padding-top: var(--padding-35xl);
		box-sizing: border-box;
	}
	.veterinary-description {
		padding-left: var(--padding-xl);
		padding-right: var(--padding-xl);
		box-sizing: border-box;
	}
	.our-experience-in {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.veterinary-button {
		padding-left: var(--padding-xl);
		padding-right: var(--padding-xl);
		box-sizing: border-box;
	}
	.specialization-content {
		gap: var(--gap-lgi);
	}
	.case-studies {
		font-size: var(--font-size-17xl);
		line-height: 2.75rem;
	}
	.case-studies-wrapper {
		padding-left: var(--padding-xl);
		padding-right: var(--padding-xl);
		box-sizing: border-box;
	}
	.our-long-experience1 {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.case-study-content {
		padding-bottom: 15.938rem;
		box-sizing: border-box;
	}
	.name-of-case {
		font-size: var(--font-size-lgi);
		line-height: 1.438rem;
	}
	.lorem-ipsum-is-simply {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.case-study-item {
		padding-bottom: 10.625rem;
		box-sizing: border-box;
	}
	.beta-icons {
		gap: var(--gap-3xl);
	}
	.phase-icons-parent {
		gap: var(--gap-lg);
	}
	.b1 {
		font-size: var(--font-size-5xl);
		line-height: 1.813rem;
	}
	.development {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.alpha {
		font-size: var(--font-size-lgi);
		line-height: 1.438rem;
	}
	.proof-of-concept,
	.set-requirements-and {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.frame-group {
		min-width: 100%;
	}
	.frame-parent {
		gap: var(--gap-lgi);
	}
	.beta {
		font-size: var(--font-size-lgi);
		line-height: 1.438rem;
	}
	.continue-all-design,
	.functional-and-tested {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.beta-title {
		min-width: 100%;
	}
	.confirmed-to-launch {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.pre-production-title {
		min-width: 100%;
	}
	.manufacturing {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.production-content-parent {
		gap: var(--gap-48xl);
	}
	.development-phases {
		gap: var(--gap-mid);
	}
	.development-visual {
		padding-bottom: 1.438rem;
		box-sizing: border-box;
	}
	.ongoing-phases {
		gap: var(--gap-6xl);
	}
	.serial-production-marker {
		font-size: var(--font-size-5xl);
		line-height: 1.813rem;
	}
	.serial-production {
		font-size: var(--font-size-lgi);
		line-height: 1.438rem;
	}
	.on-going-deliveries-to,
	.ongoing {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.refinement-marker {
		font-size: var(--font-size-5xl);
		line-height: 1.813rem;
	}
	.refinement {
		font-size: var(--font-size-lgi);
		line-height: 1.438rem;
	}
	.production-phases {
		gap: var(--gap-52xl);
	}
	.the-kiiam-process {
		font-size: var(--font-size-17xl);
		line-height: 2.75rem;
	}
	.if-you-can {
		font-size: var(--font-size-5xl);
		line-height: 1.938rem;
		height: fit-content;
	}
	.full-name,
	.lorem-ipsum-is-simply1,
	.our-long-experience-container {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.image-1-parent {
		padding-left: 1.313rem;
		padding-top: var(--padding-25xl);
		padding-bottom: var(--padding-25xl);
		box-sizing: border-box;
	}
	.full-name1,
	.lorem-ipsum-is-simply-container {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.image-2-parent {
		gap: var(--gap-mid);
	}
	.lorem-ipsum-is-simply3 {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.frame-parent1 {
		gap: var(--gap-5xl);
	}
	.kiiam-process-container {
		gap: var(--gap-base);
		padding: 0px !important;
		width: 100% !important;

	}
	.blog1,
	.expertise1,
	.home1,
	.industries2,
	.showcase1 {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.blog1,
	.expertise1,
	.showcase1 {
		line-height: 0.938rem;
	}
	.blog1 {
		line-height: 1.063rem;
	}
	.get-in-touch,
	.hataas-street-kfar,
	.services2 {
		font-size: 20px;
		line-height: 1.5rem;
		margin-bottom: 5px;
	}
	.israel-4442520,
	.tel-972-9-7940-500 {
		font-size: var(--font-size-base);
		line-height: 1.125rem;
	}
	.tel-972-9-7940-500 {
		line-height: 1.5rem;
	}
	.footer-navigation {
		gap: var(--gap-base);
	}
	.copyright-2024 {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.footer-navigation-and-copyrigh {
		gap: var(--gap-xl);
	}
	.footer-social {
		flex-wrap: wrap;
	}
	.wed-love-to {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
		white-space: normal;
	}
	.contact-us-button,
	.footer-c-t-a {
		padding-left: var(--padding-xl);
		padding-right: var(--padding-xl);
		box-sizing: border-box;
		margin: 0px;
		max-width: max-content;
		padding: 0px;
		margin: auto;
	}
	.footer-c-t-a {
		gap: var(--gap-base);
	}
	.footer-content {
		gap: var(--gap-5xl);
	}
	.kiiam-process-container-parent {
		gap: var(--gap-3xl);
	}

	.contact-info {
		height: 9.688rem;
		width: 17.563rem;
		flex-direction: column;
		justify-content: flex-start;
		gap: var(--gap-xs);
		color: white;
	}

	footer ol, footer ul {
		list-style-type: none !important;
	}
}
.image-1-parent {
	max-width: 100%;
	width: 100%;
	overflow: visible;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 32px;
	padding-top: 60px;
	padding-bottom: 60px;
	box-sizing: border-box;
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block;
	max-width: 33%;
}

.testimonials-section .swiper-container {
	width: 100%;
	margin: auto;
	overflow: hidden;
	padding-top: 25px;
	z-index: 2;
} 

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
	background-color: #D4D4D4;
	width: 12.159px;
	height: 12.159px;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background-color: #07bbbf !important;
}

.swiper-pagination {
	bottom: 150px !important;
}

.service-dec {
	position: absolute;
	top: 0px;
	right: 0px;
}

.service-dec.dec2{
	right:auto;
	left:0px;
	top: auto;
	bottom:0px;
}

.line {
	transition: opacity 0.8s, transform 0.8s;
	opacity: 0;
	transform: translateY(0px);
	width: 2px;
	height: 94%;
	position: fixed;
	left: calc(50% + 58px);
	background: white;
	top: 4%;
}

.progress-line {
	width: 100%;
	height: 0%;
	background: linear-gradient(78deg, #08BBBF -19.22%, #9AD63C 96.02%);
	position: absolute;
	top: 0;
	transition: height 0.3s ease, opacity 0.3s ease;
	opacity: 0; /* Start hidden */
}

.circle {
	width: 20px;
	height: 20px;
	background: linear-gradient(78deg, #08BBBF -19.22%, #9AD63C 96.02%);
	border-radius: 50%;
	position: absolute;
	transform: translateX(-50%);
	transition: top 0.3s ease, opacity 0.3s ease;
	z-index: 2;
	box-shadow: 0 0 10px rgba(8, 187, 191, 0.5);
	opacity: 0; /* Start hidden */
	right: 0;
	left: 0;
}


.gradient_progress_bar_v541_container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 165px;
	background: #f5f5f5;
	position: relative;
	opacity: 0;
	transition: opacity 0.5s ease;
}

.gradient_progress_bar_v541_track {
	width: 4px;
	height: 165px;
	background: #e0e0e0;
	position: relative;
	overflow: visible;
}

.gradient_progress_bar_v541_progress {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	background: linear-gradient(34deg, #08bbbf, #9ad63c);
	transition: height 2s linear;
}

.gradient_progress_bar_v541_sliding_circle {
	width: 12px;
	height: 12px;
	background: linear-gradient(34deg, #08bbbf, #9ad63c);
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%) !important;
	transition: top 2s linear !important;
}

.gradient_progress_bar_v541_endpoint {
	width: 12px;
	height: 12px;
	background: #e0e0e0;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%) !important;
	transition: background 0.3s ease !important;
	bottom: 0px;
}

.gradient_progress_bar_v541_endpoint.gradient_progress_bar_v541_filled {
	background: linear-gradient(34deg, #08bbbf, #9ad63c);
}

.gradient_progress_bar_v541_endpoint.gradient_progress_bar_v541_top {
	top: 0;
}

.gradient_progress_bar_v541_endpoint.gradient_progress_bar_v541_bottom {
	bottom: -12px;
	transform: translate(-50%, 50%);
}

@media (max-width: 767px) {
	.hiro .marquee .marquee-content span:before { width: 10px; height: 10px; margin: 0 10px; }
	.hiro .marquee .marquee-content span { font-size: 16px; line-height: 35px; }
	.home .lorem-ipsum-is-simply1 { font-size: 14px; line-height: 20px; }
	.case-studies { font-size: 28px; line-height: 1.25; margin-bottom: 10px !important }
	.our-long-experience p { font-size: 16px; line-height: 20px; margin-bottom: 10px; }
	.the-kiiam-process { font-size: 20px; line-height: 24px; }
	.if-you-can { font-size: 16px; line-height: 24px; }
	.show-case { font-size: 16px; }
	.sec2-wrapper:before, .development-visual:before, .testimonials-section:before, .mask-group-parent:before, .bottom-wave:before, .section-pattern:before { height: 30px; }
	.sec2-wrapper { padding-top: 30px; }
	.sec2 { padding-top: 0; padding-bottom: 0; }
	.about-image { height: 180px; }
	.develop-product-main-subtitle div { text-align: left; }
	.develop-product-main-subtitle div span.text-inner { width: calc(100% - 45px); }
	.step-box { width: 100%; }
	.step-inner-box .step-description p, .step-inner-box .overlay p { font-size: 16px;line-height: 1.37; }
	.step-inner-box .step-description .title, .step-inner-box .overlay .title { font-size: 18px; }
	.testimonials-section .overcoming-all-the-obstacles { font-size: 16px; padding: 0 20px; }	
	.testimonials-section .logo-bg { max-width: 185px; }
	.footer-navigation-child {width: 7.869rem; height: 2.919rem;  }
	.footer-logo.visible { top: -16px; }
	.footer-logo:before { top: 43px; height: 30px; }
	footer ul { line-height: 1.3; }	
	.footer-links li a { font-size: 16px; }
	.services-menu { gap: 0; width: 100%; }
	.testimonials-section .swiper-button-next, .testimonials-section .swiper-button-prev { top: 35%; width: 100%; }
	.israel-4442520, .tel-972-9-7940-500, .hataas-street-kfar, .ongoing { font-size: 14px; }
	.copyright-2024 .footer-col { width: 100%; }
	.contact-info { gap: 5px; height: auto; width: 100%; }
	.footer-top { padding-top: 30px; padding-bottom: 30px; }
	.footer-links { gap: 15px; flex-wrap: wrap; }
	.footer-bottom { display: flex; flex-direction: column; }
	.footer-c-t-a { max-width: 100%; height: auto !important; gap: 10px !important; }
	.footer-social-and-c-t-a, .footer-c-t-a { width: 100%; padding: 15px !important }
	.footer-social-and-c-t-a .development { font-size: 24px; }
	.facebook-negative-icon, .linkedin-negative-icon, .youtube-negative-icon { width: 1.3rem; height: 1.3rem; }
	.footer-c-t-a .alpha { font-size: 24px; line-height: 20px; margin-bottom: 10px;}
	.wed-love-to { font-size: 16px; line-height: 20px; }
	.footer-c-t-a .contact-us-button-container { padding: 10px 20px; }
	.footer-c-t-a .get-in-touch1 { font-size: 16px; }
	.copyright-2024 { font-size: 16px; line-height: 20px; left: inherit; bottom: inherit; }
	.copyright-2024 span { font-size: 26px; height: 16px; }
	.bottom-wave { padding-bottom: 0 !important; margin-top: 110px; }		
	.field-specialization { padding: 0; }
	.field-description { gap: 0; }
	.specializing-in-your-container { font-size: 20px; line-height: 24px; }	
	.top { padding: 62px 0 0; height: 300px; }
	.banner-wrap-breadcrumbs { border-radius: 0; width: 100%; padding: 10px 20px; }
	.home-content-parent { width: 100%; margin-bottom: 0; padding: 0; } 
	.serial-manufacture-wrap { flex-direction: column; }
	.serial-manufacture-wrap .serial-manufacture-box { width: 100%; }
	.serial-manufacture-wrap .serial-manufacture-box .serial-manufacture-inner-box h4 { font-size: 22px; }
	.service-card-wrap .service-card-box { width: 100%; }
	.step-inner-box::before{max-width: 70px;background-size: contain;background-position: bottom;}
	.home .testimonials-section .image-1-parent{padding: 35px 15px;}
	.group-icon{ width: 36px; height: 32px;}
	.home .full-name{text-align: left;}
	.expertise-block .full-service-description, .expertise-block .development-manufacture-section .full-service-description, .expertise-block .kiiam-specializes-in { gap: 15px; }
	.specialization-content-wrapper h1.specializing-in-your-container, .our-long-experience, .industry-project .industry-wrap .industry-details h2, .industry-project .industry-wrap .industry-details h5, .industry-project .industry-wrap .industry-details .icon-box { margin-bottom: 10px; }
	.industry-project .industry-wrap { gap: 20px; }
	.industry-project .industry-wrap .industry-content h4 { font-size: 22px; margin-bottom: 15px; }
	.industry-project .industry-wrap .industry-content .project-wrap .project-box { width: 100%; }
	.industry-project .industry-wrap .industry-content .project-wrap .project-box .project-inner-box h4 { font-size: 20px; }
	.columnvector-1 h1 { margin-bottom: 10px; }
	.no-breadcrumbs { height: 180px; }
	.no-breadcrumbs .home-content-parent { margin: auto; padding-left: 20px; padding-right: 20px; }

}

/* 404 and thank you and contact page css */
.not-found-section .content-box { padding:52px 60px; border-radius:70px 0px; background:rgba(255,255,255,0.10); backdrop-filter:blur(13px); max-width:865px; margin:-70px auto; }
.not-found-section { padding:200px 15px 150px; }
.not-found-section .wrapper { max-width:1100px; margin:0 auto; }
.not-found-content { display:flex; flex-direction:column; justify-content:center; }
.not-found-content p { font-size:22px; padding:0 15px; }
.not-found-content .contact-menu-item { max-width:250px; font-size:22px; justify-content:center; margin:30px auto 0; }
.font-64 { font-size:64px; color:#9AD63C; font-weight:normal; margin-bottom:30px; }
.not-found-content .contact-menu-item:hover { transform:scale(1.06) !important; }
.half-circle.right-side { left:inherit !important; right:0; transform:rotate(180deg) !important; }
.thank-you-section h1 { font-size:22px; font-weight:normal; padding:0 10px; }
.thank-you-section.not-found-section .wrapper { max-width:1200px; }
.thank-you-section.not-found-section .content-box { margin:-25px auto; }
.thank-you-section.not-found-section { padding:260px 0px 100px; }
.contact-form{gap: 30px;}
.contact-form > div{    width: 50%;}
.contact-form .contact-form__section{background-color: #0D0D0D;padding: 50px 55px;}
.contact-form .contact-cards{display: flex;gap:30px;margin-bottom: 30px;}
.contact-form .contact-cards > div{background-color: #0D0D0D;color:white;padding: 17px 8px; font-size: 22px;    flex: 1;   flex-direction: column;    text-align: center;    justify-content: flex-start;}
.contact-form .contact-cards > div a:hover{color:#9AD63C;}
.contact-form .wpcf7 form{padding: 0;}
.contact-form .wpcf7{width: 100%;}
.contact-form .wpcf7 input[type="text"],.contact-form  .wpcf7 input[type="email"],.contact-form  .wpcf7 input[type="tel"],.contact-form  .wpcf7 textarea{
	padding: 18px 28px;
	font-size: 20px;	
    border: 1px solid #434343;
	width: 100%;
	font-family: var(--font-product);
	    margin-bottom: 22px;
}
.contact-form  .wpcf7 textarea{
	min-height: 166px;
}
.contact-form  .wpcf7-submit{
	border-radius: 100px !important;
	margin-top: 0;
}
.contact-form .wpcf7 input:focus,.contact-form  .wpcf7 textarea:focus{
	border:1px solid #9AD63C;	
}
.contact-form .contact-ilustration{
    width: 100%;
	max-width: 100%;
}
.contact-form .contact-form__header{gap:0;}
.contact-form .contact-form__header p{font-size: 22px;}
.contact-form .contact-ilustration iframe{width: 100%;}
.no-pattern {padding: 100px 0;}
.section-pattern .contact-form h1, .section-pattern .contact-form h2{margin-left: 0;margin-right: 0;}
.no-pattern .content {
    padding: 0 8rem;
    width: 100%;
}
.contact-form .contact-form__section h2{
	margin-bottom: 20px;
	color:#ffffff;
	font-size:64px;
}
.contact-form .footer__contact-address{
	margin-bottom: 0;
}
@media only screen and (max-width:1560px) {
  .not-found-section { padding:160px 15px 100px; }
  .font-64 ,.contact-form .contact-form__section h2{ font-size:38px !important; margin-bottom:20px; }
  .not-found-content p, .not-found-content .contact-menu-item { font-size:20px; }
  .not-found-content .contact-menu-item { max-width:210px; }
  .not-found-section .not-found-image { max-width:750px; }
  .not-found-section .content-box { padding:32px 20px; max-width:725px; margin:-55px auto; }
  .thank-you-section.not-found-section { padding:210px 0px 80px; }
  .contact-form .contact-cards > div{font-size: 18px;}
  .contact-form .contact-form__section{padding: 40px 30px;}
 .no-pattern .content {max-width: 1220px; margin: 0 auto;padding-left: 15px;padding-right: 15px;}
}
@media only screen and (max-width:1199px) {
  .not-found-section { padding:130px 15px 80px; }
  .font-64 ,.contact-form .contact-form__section h2{ font-size:30px !important; }
  .thank-you-section.not-found-section { padding:100px 0px 30px; }
}
@media only screen and (max-width:991px) {
  .font-64 ,.contact-form .contact-form__section h2{ font-size:24px  !important; }
  .not-found-content p, .thank-you-section h1 { font-size:16px; padding:0; }
  .not-found-content .contact-menu-item { max-width:fit-content; }
  .thank-you-section.not-found-section .content-box { margin:-15px auto; }
  .contact-form{flex-direction: column !important;}
  .contact-form > div{width: 100%;}
  .contact-form .contact-form__header{margin-bottom: 20px;}
  .contact-form .wpcf7 input[type="text"], .contact-form .wpcf7 input[type="email"], .contact-form .wpcf7 input[type="tel"], .contact-form .wpcf7 textarea{
	padding: 15px 25px; font-size: 18px; margin-bottom: 20px;}
  .contact-form .wpcf7 textarea {min-height: 126px;}
  .no-pattern {
    padding: 60px 0;
}
}
@media only screen and (max-width:767px) {
  .not-found-section { padding:100px 0 60px; }
  .font-64 ,.contact-form .contact-form__section h2{ font-size:28px !important;  }
  .not-found-content p { font-size:18px; }
  .not-found-content .contact-menu-item { font-size:16px; }
  .not-found-section .content-box { margin-top:-20px; }
  .thank-you-section.not-found-section { padding:80px 0px 30px; }
  .contact-form .wpcf7 input[type="text"], .contact-form .wpcf7 input[type="email"], .contact-form .wpcf7 input[type="tel"], .contact-form .wpcf7 textarea{font-size: 16px;}
	.contact-form .contact-cards{flex-direction: column;gap:20px;}
}
/* 404 and thank you and contact page end*/