/* This file will be used to make any changes in any location */

.hiro-video {
	width: 100%;
	height: auto;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	filter: brightness(70%); /* Adjust the percentage for dimming */
	/* opacity: 1 !important;
	transform: none !important;
	transition: none !important; */
}


.hiro .image-parent .image {
	opacity: 0 !important;
}

.testimonials-section .swiper-container {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.testimonials-section .glide__track {
	overflow: visible;
	width: 100%;
}

.testimonials-section .glide__slides {
	display: flex;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
}

/* Important: This ensures slides are visible */
.testimonials-section .glide__slide {
	flex-shrink: 0;
	height: auto;
	position: relative;
	width: 33.333% !important;  /* Force width for 3 slides */
}

/* Ensure the image-1-parent is visible and properly sized */
.testimonials-section .image-1-parent {
	width: calc(100% - 30px);  /* Account for gap */
	margin: 0 15px;
	position: relative;
	height: 500px;
	opacity: 1 !important;
	transition: all 0.3s ease-in-out !important;
}

/* Ensure all content inside slides is visible */
.testimonials-section .image-1-parent * {
	opacity: 1 !important;
}

.testimonials-section .image-1-parent:hover { 
	transform: translatey(-10px) !important;
}

/* Ensure images are properly sized */
.testimonials-section .image-1-icon {
	width: 100%;
	height: auto;
	display: block;
}

/* Pagination styling */
.testimonials-section .swiper-pagination {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 20px;
	width: 100%;
}

.testimonials-section .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: transparent;
	border: 4px solid #fff;	
	padding: 0;
	cursor: pointer;	
}
.testimonials-section .swiper-pagination-bullet:hover, .testimonials-section .swiper-pagination-bullet:focus { border-color: #08BBBF; }

.testimonials-section .swiper-pagination-bullet-active, .testimonials-section .swiper-pagination-bullet-active:hover, .testimonials-section .swiper-pagination-bullet-active:focus {
	background: #9AD63C !important;
	border-color: #0000007a;
}

@media (max-width: 1325px) {
	.hiro-video { height: 100%; }
}

/* Mobile adjustments */
@media (max-width: 976px) {
	.testimonials-section .glide__slide {
		width: 100% !important;
	}
}


.testimonials-section  .swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block;
	max-width: 100%;
	/* flex: 1; */
	height: 100%;
}

.menu-wrapper {
	z-index: 9;
}


/* Desktop Menu Styles */
.desktop-menu {
	display: block;
}

/* Mobile Menu Base Styles */
.mobile-menu-wrapper {
	display: none;
}

@media (max-width: 991px) {
	/* Hide desktop menu */
	.desktop-menu {
		display: none;
	}

	/* Show mobile menu wrapper */
	.mobile-menu-wrapper {
		display: block;
	}

	/* Menu Trigger Button */
	.menu-trigger {
		position: fixed;
		top: 15px;
		right: 15px;
		z-index: 1000;
		padding: 10px 15px;
		background: #ffffff;
		color: #333333;
		border: none;
		border-radius: 4px;
		box-shadow: 0 2px 5px rgba(0,0,0,0.2);
		font-size: 24px;
		line-height: 1;
		cursor: pointer;
	}

	/* Mobile Menu Overlay */
	.mobile-menu-overlay {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 998;
	}

	.mobile-menu-overlay.active {
		display: block;
	}

	/* Mobile Menu Container */
	.mobile-menu {
		position: fixed;
		top: 0;
		left: -280px;
		width: 280px;
		height: 100vh;
		background: #242424;
		z-index: 999;
		overflow-y: auto;
		transition: left 0.3s ease;
	}

	.mobile-menu.active {
		left: 0;
	}

	/* Menu Header */
	.menu-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 15px;
		background: #404040;
		position: relative;
		min-height: 76px;
	}

	/* Create gradient border using pseudo-element */
	.menu-header::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		background: linear-gradient(34deg, #08bbbf, #9ad63c);
	}

	.menu-header span {
		font-size: 27px;
		font-weight: bold;
		opacity: 1;
	}

	.close-menu {
		background: none;
		border: none;
		font-size: 24px;
		color: #333;
		cursor: pointer;
		padding: 0;
	}

	/* Menu Content */
	.menu-content {
		padding: 0px;
	}

	.menu-item-list {
		list-style: none;
		margin: 0;
		padding: 0;
		height: fit-content;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		color: white;
		w100%: ;
		gap: 0px;
		color: white;
		max-width: 100%;
		width: 100%;
	}

	.menu-item-list li {
		border-bottom: 1px solid #e8e8e870;
	}

	.menu-item-list .menu-item {
		display: block;
		padding: 0;
		color: white;
		text-decoration: none;
		font-size: 18px;
		width: 100%;
	}
	.menu-item-list .menu-item a { padding: 10px 20px; }

	/* Contact Button */
	.mobile-contact {
		padding: 20px;
		border-top: 0px;
	}

	.contact-menu-item {
		/* display: block; */
		/* padding: 12px 20px; */
		/* background: #007bff; */
		/* color: #ffffff !important; */
		text-align: center;
		text-decoration: none;
		/* border-radius: 4px; */
	}

	/* Animation Classes */
	.menu-slide-in {
		animation: slideIn 0.3s forwards;
	}

	.menu-slide-out {
		animation: slideOut 0.3s forwards;
	}



	@keyframes slideIn {
		from { left: -280px; }
		to { left: 0; }
	}

	@keyframes slideOut {
		from { left: 0; }
		to { left: -280px; }
	}
	.phase-icons img { width: 100%; margin-right: 0; }
}

/* Menu Trigger Icon */
.menu-trigger {
	position: fixed;
	top: 15px;
	right: 15px;
	z-index: 1000;
	padding: 15px;
	background: transparent;
	border: none;
	cursor: pointer;
}

.menu-trigger-icon {
	position: relative;
	display: block;
	width: 30px;
	height: 2px;
	background-color: #333;
	transition: background-color 0.3s;
}

.menu-trigger-icon::before,
.menu-trigger-icon::after {
	content: '';
	position: absolute;
	left: 0;
	width: 30px;
	height: 2px;
	background-color: #333;
	transition: transform 0.3s;
}

.menu-trigger-icon::before {
	top: -8px;
}

.menu-trigger-icon::after {
	bottom: -8px;
}


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

/* Active state */
.menu-trigger.is-active .menu-trigger-icon {
	background-color: transparent;
}

.menu-trigger.is-active .menu-trigger-icon::before {
	top: 0;
	transform: rotate(45deg);
}

.menu-trigger.is-active .menu-trigger-icon::after {
	bottom: 0;
	transform: rotate(-45deg);
}

.menu-trigger {
	position: absolute;
	top: 30px;
	right: 15px;
	z-index: 1000;
	padding: 15px;
	background: transparent;
	border: none;
	cursor: pointer;
	box-shadow: none;
}

.menu-trigger-icon,
.menu-trigger-icon::before,
.menu-trigger-icon::after {
	background: linear-gradient(34deg, #08bbbf, #9ad63c);
}

/* Hide middle line completely when active */
.menu-trigger.is-active .menu-trigger-icon {
	background: none !important;    /* Using !important to ensure it's hidden */
	background-color: transparent !important;
}

.menu-trigger.is-active .menu-trigger-icon::before,
.menu-trigger.is-active .menu-trigger-icon::after {
	background: linear-gradient(34deg, #08bbbf, #9ad63c);
}

.fade-in {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.8s ease, transform 0.8s ease;
}
.fade-in.visible {
	opacity: 1;
	transform: translateY(0);
}
.home .full-name { color: #9AD63C; }
.home .lorem-ipsum-is-simply1 { color: #fff; }

/* to not effect mobile with changes */
@media (min-width: 976px) {

	.home .testimonials-section .image-1-parent {
		width: 100%;
		margin: 0 auto;
		position: relative;
		height: auto;
		opacity: 1 !important;
	}

	.home .full-name {
		width: fit-content;
		height: auto;
		font-weight: 500;
		color: #9AD63C;
		flex-shrink: 0;
		height: auto;
        text-align: left;
        font-size: 26px;
        line-height: 30px;
	}

	.home .testimonials-section .swiper-pagination {
		display: flex;
		justify-content: center;
		gap: 10px;
		margin-top: 20px;
		width: 100%;
		bottom: 23px !important;
		top: auto !important;
	}

	.home .lorem-ipsum-is-simply1 {
		min-height: 330px;
		max-height: max-content;
		/* Hides any overflowing content */
		/* Adds ellipsis (...) for overflowing text */
		/* Ensures text wraps to the next line */
		
		/* Alternative for breaking long words */
		height: 330px !important; /* Fixed height */
		width: 24.5rem;
		max-width: 100%;
		overflow: hidden; /* Ensures any overflowing content is hidden */
		text-overflow: ellipsis; /* Adds ellipsis (...) for overflowing content */
		display: -webkit-box; /* Enables a multiline ellipsis effect */
		-webkit-line-clamp: 14; /* Limits the number of lines to fit within the height */
		-webkit-box-orient: vertical; /* Specifies the box orientation for multiline text */
		word-wrap: break-word; /* Break long words to prevent overflow */
		color: #fff;
        width: 100%;
        font-size: 20px;
        line-height: 28px;
        font-weight: 400;
		margin-bottom: 10px;
    }
	

	.page-template-archive-case .showcase-grid {
		display: flex;
		gap: 50px;
		flex-wrap: wrap;
		flex-direction: row;
	}

	.page-template-archive-case .showcase-productcard-3 {
		gap: 46px;
		display: flex;
		align-self: stretch;
		flex-direction: column;
		align-items: flex-start;
		width: calc(50% - 25px)
	}

	.page-template-page-expertise .blog-section__posts {		
		display: flex;
		gap: 50px 30px;	
		justify-content: flex-start;		
		flex-direction: row;
		flex-wrap: wrap;
		padding-top: 0;
	}

	.page-template-page-expertise .blog-blogpost {		
		display: flex;			
		max-width: calc(33.33% - 20px);
		border-radius: 20px;
		width: 100%;
		border: 1px solid #434343;
		overflow: hidden;
		text-align: left;	
		cursor: pointer;	
	}


	.single-case .AR {
		position: relative;
		width: 100%;
		height: 100%;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		min-height: 100%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.single-case .ardisplay_viewer {
		min-height: 400px;
		height: 630px;
		width: 100%;
		position: relative;
		top: 15px;
	}

	.single-case .ar-reset-btn-container button {
		background: transparent;
		border: none;
		display: none;
	}

	.services__text.end {
		text-align: center;
		width: 82%;
		line-height: 121%;
		font-size: 36px !important;!i;!;
		padding: 50px 0;
	}

	.services__text.end span {
		opacity: 1;
	}

}
.team-slider .swiper-slide .profile-shapes-parent:hover .member-description {
	z-index: 2;
	height: auto;
	max-height: max-content;
}

.top, .completeness-paragraph-parent, .rowvector_one-1, .services__column, .contact-form__section, .contact-ilustration, .contact__row-1 {
	opacity: 0;
}


.team-slider .swiper-slide .profile-shapes-parent:hover .member-description {
	z-index: 2;
	height: auto;
	max-height: max-content;
	font-size: 16px;
	line-height: 1.4;
}

footer .alpha {
	text-align: center;
}


.contact-background {
	margin-left: 0px;
	padding-left: 5vw;
	padding-right: 5vw;
	gap: var(--space-14xl);
	position: relative;
	display: flex;
	width: 42%;
	flex-direction: row-reverse;
	align-items: center;
	width: 100%;
	justify-content: space-around;
}


.case-template-default .main.column {
	overflow: hidden;
}

.h2a6273-2-icon, .h2a6276-4-icon {
	object-fit: cover;
}

.single-case .case-studies {
	color: white;
}



@media (max-width: 1400px) {
	.sec2-2 {
		margin-top: 112px;
	}
}


.clx-cards-container {
	position: sticky;
	top: 90px;
	height: 650px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

.single-case .introduction-text {
	height: fit-content;
	width: 70%;
	max-width: 100%;
}


.single-case .image-highlight {
	align-self: stretch;
	flex-direction: row;
	justify-content: center;
	padding: var(--padding-7xs) 10.875rem;
}


@media (max-width: 975px) {
	.hiro-video {
		width: 100%;
		height: auto;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		filter: brightness(70%);
		min-height: 500px;
		/* object-fit: scale-down; */
		object-position: center center;
	}

	.hero-image-icon-decoration {
		display: none;
	}


/* 	.completeness-content {
		padding: 0 2rem;
	} */


	.swiper-container.team-slider {
		padding: 100px 0px;
		max-width: 100%;
		margin: auto;
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.team-slider {
		position: relative;
		overflow: hidden;
	}

	.swiper-wrapper {
		display: flex;
		width: 100%;
	}

	.swiper-slide {
		flex-shrink: 0;
		width: 100%;
		position: relative;
	}

	.single-case .image-highlight {
		align-self: stretch;
		flex-direction: row;
		justify-content: center;
		padding: 0 1rem;
	}

	.services__steps-columns {
		gap: var(--space-8xl);
		align-self: center;
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: flex-end;
		direction: ltr;
	}

	.introduction-container {
		flex-wrap: wrap;
		padding: 0 1rem;
	}

	.ardisplay_viewer {
		min-height: 400px;
		height: 100% !important;
	}

	.image-group, .img-0095-1-icon {
		min-width: 100%;
		max-height: 500px !important;
	}

	.AR {
		height: 500px !important;
		transform: translateY(100px) !important;
	}

	.breadcrumbs {
		width: fit-content;
		position: 0;
		margin: 0 !important;
		top: 0;
		left: 0;
		right: auto;
		line-height: 149%;
		color: var(--color-lightgray);
		text-align: left;
		display: inline-block;
		z-index: 4;
		white-space: nowrap;
	}

	.showcase-productcard-3 {
		padding-left: 0;
		padding-right: 0;
		height: fit-content;
	}

	.showcase-productcard__image-2 {
		height: auto;
		width: 100%;
		object-fit: cover;
		border-radius: var(--radius-lg);
		height: 300px;
	}

	.services__column {
		gap: var(--space-8xl);
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
		padding: 0 1rem;
		padding-top: 0px;
	}

	.services__text {
		width: 100%;
		line-height: 121%;
	}

	.services__description {
		width: 100%;
	}

	.h2a6276-2-parent {
		position: absolute;
		z-index: 0;
		height: 100%;
		width: 100%;
		top: 0px;
		bottom: 0px;
		left: 0px;
	}

	.clx-animated-section {
		position: relative;
		height: 650px;
		width: 100%;
		overflow: hidden;
		background: transparent;
		padding: 0px;
	}

	.clx-cards-container {
		position: sticky;
		top: 90px;
		height: 450px;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		max-width: 1200px;
		margin: auto;
	}

	.clx-cards {
		position: relative;
		width: 100%;
		height: 400px;
	}


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

	.development {
		font-size: var(--font-size-base);
		line-height: normal;
		left: 70px;
		margin-top: -33px;		
	}
/* 	.develop-product { display: none; } */

	.production-content {
		width: 100%;
		padding: 0 var(--padding-5xl) var(--padding-smi);
		box-sizing: border-box;
		max-width: 100%;
		display: flex;
		justify-content: center;
		padding-left: 0;
		margin-bottom: 20px;
	}

	.testimonials-section .image-1-parent {
		width: calc(100% - 30px);
		margin: 0 15px;
		position: relative;
		height: auto;
		opacity: 1 !important;
	}

	.dental-specialization {
		padding-top: 30px;
		box-sizing: border-box;
	}

	.precision-smart-tools {
		min-height: 100px !important;
		height: auto;
	}

	.description-full {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		padding-top: 0 !important;
		transform: translateY(100%) !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;
	}

	.contact-background {
		margin-left: 0px;
		padding-left: 5vw;
		padding-right: 5vw;
		gap: var(--space-14xl);
		position: relative;
		display: flex;
		width: 42%;
		flex-direction: column;
		align-items: center;
		width: 100%;
		justify-content: space-around;
	}

	.contact__row-1::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url('../public/contact-bg.jpg');
		background-position: center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-blend-mode: overlay;
		z-index: -1;
		border-radius: 23px;
		animation: fadeInBackground 0.5s ease-in-out forwards;
		opacity: 0;
		background-size: cover;
	}


	.testimonials-section .swiper-pagination {
		display: flex;
		justify-content: center;
		gap: 10px;
		margin-top: 20px;
		bottom: 0px !important;
		width: 100%;
	}

	.swiper-backface-hidden .swiper-slide:hover {
		transform: scale(1); 
		z-index: 6;
	}
	.phase-icons img { width: 100%; margin-right: 0; }	
}

@media (max-width: 1700px) {
	.home .lorem-ipsum-is-simply1 { min-height: 360px; height: 360px !important; }
}
@media (max-width: 1600px) {
	.home .full-name { font-size: 25px; }
}
@media (max-width: 1560px) {
	.home .full-name { font-size: 23px; }
	.home .lorem-ipsum-is-simply1 { min-height: 370px; height: 370px !important; }
}

@media (max-width: 1560px) {
	.hiro-video { height: 100%; }
	.sec2-wrapper { padding-top: 100px; }
	.development-manufacture-section .kiiam-specializes-in-product-wrapper { padding: 0; }
	.page-template-archive-case .showcase-productcard-3 { padding: 0; }
	.single-case .case-studies { font-size: 40px; margin-bottom: 25px !important; }
	.single-case .image-highlight { padding: 0 8rem; }
	.team-slider .swiper-slide .profile-shapes-parent:hover .member-description { font-size: 14px; line-height: 1.2; }
	.home .lorem-ipsum-is-simply1 { min-height: 380px; height: 380px !important; }
	.home .lorem-ipsum-is-simply1 { line-height: 24px; }
	.home .lorem-ipsum-is-simply1 { font-size: 18px; line-height: 26px;  min-height: 360px; height: 360px !important; }	
	.home .full-name { font-size: 21px; line-height: 25px; }
}

@media (max-width: 1366px) {	
	
}

@media (max-width: 1325px) {
	
	
}

@media (max-width: 1199px) {
	.sec2-wrapper { padding-top: 70px; padding-left: 20px; padding-right: 20px; }
	.page-template-page-expertise .blog-section__posts { row-gap: 30px; }
	.page-template-page-expertise .blog-blogpost { gap: 15px; }
	.page-template-archive-case .showcase-productcard-3 { gap: 30px; }
	.single-case .image-highlight { padding: 0 20px; }
	/* .home .testimonials-section .image-1-parent { width: 100%; margin: 0; padding: 30px; }			 */
	.services__text.end { font-size: 26px !important; padding: 10px 0; width: 100%; }
	.home .lorem-ipsum-is-simply1 { font-size: 18px; line-height: 24px; min-height: 400px; height: 400px !important; }
	.home .full-name { font-size: 22px; line-height: 26px; }	
	.home .testimonials-section .swiper-pagination { bottom: 53px !important; }
	
}

@media (max-width: 991px) {
	.sec2-wrapper { padding-top: 50px; }
	/* b.development { display: none; }	 */
	.footer-social-and-c-t-a .development b.development { display: block !important; }
	.services__steps-columns { gap: 20px; }
	.services__text.end { font-size: 22px !important; }
	.development-manufacture-section .kiiam-specializes-in-product-wrapper { padding: 0; }
	.page-template-page-expertise .blog-section__posts { flex-direction: row; flex-wrap: wrap; gap: 0; }
	.page-template-page-expertise .blog-blogpost { width: calc(50% - 10px); }
	.page-template-page-expertise .blog-section__posts { row-gap: 20px; }
	.page-template-archive-case .showcase-productcard-3 { width: calc(50% - 10px); margin: 0; gap: 15px; }
	.swiper-container.team-slider { padding: 0 20px !important; }
	.single-case .case-studies { font-size: 24px; margin-bottom: 15px !important; }	
	.single-case .introduction-text { width: 100%; }
	.menu-trigger { top: 15px; }
	.home .lorem-ipsum-is-simply1 { font-size: 16px; line-height: 22px; min-height: 300px; height: 300px !important; overflow: hidden; margin-bottom: 10px; }
	.home .full-name { font-size: 20px; line-height: 24px; }
	.home .testimonials-section .swiper-pagination { bottom: 43px !important; }	
	.testimonials-section .swiper-pagination-bullet { width: 14px; height: 14px; border-width: 3px; }
	.testimonials-section .swiper-pagination { gap: 3px; }
	.expertise-block .post-details p { font-size: 16px; }
	.expertise-block .blog-blogpost .blog-desc h5, .expertise-block .post-details h5 { text-align: left; }
	.page-template-page-expertise .blog-blogpost { border-radius: 20px; border: 1px solid #434343; overflow: hidden; text-align: left; cursor: pointer; }
	.expertise-block .blog-blogpost__image { height: 350px; }
}
@media (max-width: 767px) {
	.hiro-video { height: 100%; }
	.home .full-name { font-size: 18px; line-height: 1.33; }
	.home .lorem-ipsum-is-simply1 { min-height: 280px; height: 280px !important; margin-bottom: 10px; }
	.home .full-name { height: auto; }
	.home .testimonials-section .swiper-pagination { bottom: 0 !important; }
	.clx-cards-container { top: 150px; height:330px; }
	.clx-animated-section { height: 575px; }
	.page-template-page-expertise .blog-section__posts { flex-direction: column; }
	.page-template-page-expertise .blog-blogpost { width: 100%; }
	.page-template-archive-case .showcase-productcard-3 { width: 100%; }	
}