/* This file will override the styles in css/about.css */

.completeness-paragraph-parent {
	gap: 8rem;
}

.expectation-content {
	gap: 8rem;
}

.quality-content {
	gap: 8rem;
}

.contractor-description {
	padding: 0 16rem 0 7.375rem;
}

.team-members {
	gap: 1rem;
}

/* .clients-title {
	padding: 0 20rem 0 20rem;
} */

.completeness-content-parent {
	gap: 0;
}



@media screen and (max-width: 1200px) {
	.contractor-description {
		padding-left: var(--padding-40xl);
		padding-right: 3.875rem;
	}
	.footer-links-list {
		gap: var(--gap-13xl);
	}
	.footer-navigation1 {
		gap: var(--gap-60xl);
	}
	.about {
		gap: var(--gap-30xl);
	}
}

@media screen and (max-width: 825px) {
	.our-sense-of-container {
		font-size: var(--font-size-29xl);
		line-height: 3.625rem;
	}
	.completeness-paragraph-parent {
		gap: 2.75rem;
	}
	.from-the-first {
		font-size: var(--font-size-7xl);
		line-height: 1.938rem;
	}
	.interpreting-your-expectations-container {
		font-size: var(--font-size-29xl);
		line-height: 3.625rem;
	}
	.expectation-content {
		gap: var(--gap-19xl);
	}
	.maintaining-quality-and-container {
		font-size: var(--font-size-29xl);
		line-height: 3.625rem;
	}
	.quality-content {
		gap: var(--gap-13xl);
	}
	.a-contractor-to {
		font-size: var(--font-size-29xl);
		line-height: 3.625rem;
	}
	.you-really-want {
		font-size: var(--font-size-7xl);
		line-height: 1.938rem;
	}
	.contractor-description {
		padding-left: var(--padding-10xl);
		padding-right: var(--padding-12xl);
	}
	.team {
		font-size: var(--font-size-29xl);
		line-height: 3.625rem;
	}
	.sam-mendes {
		font-size: var(--font-size-7xl);
		line-height: 1.938rem;
	}
	.or-ramot {
		font-size: var(--font-size-7xl);
		line-height: 1.938rem;
	}
	.clients-title {
		padding-left: 8.125rem;
		padding-right: 8.188rem;
	}
	.completeness-content-parent {
		gap: var(--gap-16xl);
	}
	.footer-links-container {
		flex-wrap: wrap;
	}
	.footer-navigation1 {
		gap: var(--gap-20xl);
	}
	.lets-get-started1 {
		font-size: var(--font-size-7xl);
		line-height: 1.938rem;
	}
	.footer-content1 {
		gap: var(--gap-29xl);
	}
	.about {
		gap: var(--gap-5xl);
	}
}

@media screen and (max-width: 450px) {
	.company3 {
		font-size: 2.375rem;
		line-height: 2.875rem;
	}
	.our-sense-of-container {
		font-size: var(--font-size-17xl);
		line-height: 2.75rem;
	}
	.kiiam-is-a-container {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.completeness-paragraph-parent {
		gap: var(--gap-3xl);
	}
	.from-the-first {
		font-size: var(--font-size-lgi);
		line-height: 1.438rem;
	}
	.from-the-first-interaction-ou-wrapper {
		padding-left: var(--padding-xl);
		padding-right: var(--padding-xl);
	}
	.interpreting-your-expectations-container {
		font-size: var(--font-size-17xl);
		line-height: 2.75rem;
	}
	.when-you-show {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.expectation-content {
		gap: var(--gap-lgi);
	}
	.maintaining-quality-and-container {
		font-size: var(--font-size-17xl);
		line-height: 2.75rem;
	}
	.it-goes-without-container {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.quality-content {
		gap: var(--gap-base);
	}
	.a-contractor-to {
		font-size: var(--font-size-17xl);
		line-height: 0.75rem;
	}
	.you-really-want {
		:;38rem;
		:
		xx-large;
		color: #EFEFEF;
		text-align: center;

		/* ,,תת */
		font-family: "Gill Sans";
		font-size: 23px;
		font-style: normal;
		font-weight: 700;
		line-height: 157%; /* 38.72px */
		height: auto;
	}
	.frame-parent3 {
		padding-left: var(--padding-xl);
		padding-right: var(--padding-xl);
		padding: 60px 20px;
	}
	.team {
		font-size: var(--font-size-17xl);
		line-height: 2.75rem;
	}
	.sam-mendes {
		font-size: var(--font-size-lgi);
		line-height: 1.438rem;
	}
	.cto {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.ariel-bochner {
		font-size: var(--font-size-lgi);
		line-height: 1.438rem;
	}
	.member-details {
		gap: var(--gap-2xl);
	}
	.or-ramot {
		font-size: var(--font-size-lgi);
		line-height: 1.438rem;
	}
	.ceo,
	.or-is-a-container {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.or-shape-parent {
		padding-top: 11.875rem;
	}
	.or-shape-parent,
	.team-content-wrapper {
		padding-bottom: var(--padding-xl);
	}
	.clients-title {
		padding-left: var(--padding-xl);
		padding-right: var(--padding-xl);
	}
	.completeness-content-parent {
		gap: var(--gap-lg);
	}
	.blog3,
	.expertise3,
	.get-in-touch2,
	.home3,
	.industries5,
	.services4,
	.services5,
	.showcase3,
	.tel-972-9-7940-5001 {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.footer-links-list {
		gap: var(--gap-base);
	}
	.copyright-20241 {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.footer-navigation1 {
		gap: var(--gap-xl);
	}
	.follow-us1 {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.social-content {
		flex-wrap: wrap;
	}
	.lets-get-started1 {
		font-size: var(--font-size-lgi);
		line-height: 1.438rem;
	}
	.wed-love-to1 {
		font-size: var(--font-size-base);
		line-height: 1.5rem;
	}
	.call-to-action-button,
	.footer-call-to-action {
		padding-left: var(--padding-xl);
		padding-right: var(--padding-xl);
	}
	.footer-call-to-action {
		gap: var(--gap-base);
	}
	.footer-content1 {
		gap: var(--gap-5xl);
	}
}

.team-slider {
	width: 100%;
	overflow: hidden;
}

.team-slider .swiper-slide {
	width: auto;
	width: 374.487px;
	height: 522.991px;
	border: none;
}

.team-slider .swiper-pagination {
	position: relative;
	margin-top: 20px;
}

.team-slider .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background-color: #fff;
	opacity: 0.5;
	border-radius: 50%;
	margin: 0 5px;
}

.team-slider .swiper-pagination-bullet-active {
	opacity: 1;
}

.team-slider .swiper-slide .profile-shapes-parent, .swiper-container.team-slider .swiper-slide.swiper-slide-next {
	transition: transform 1.5s ease;
}

.team-slider .swiper-slide .profile-shapes-parent, .swiper-container.team-slider .swiper-slide.swiper-slide {
	transition: transform 1.1s ease;
}


.team-slider .swiper-slide-active .profile-shapes-parent {
	/* transform: scale(1.05); */
}

.swiper-backface-hidden .swiper-slide {
	transition: height 1s ease;
}
.swiper-backface-hidden .swiper-slide:hover  {
	transform: scale(1.3);
	z-index: 6;
}
.team-slider .swiper-slide .profile-shapes-parent .bg-profile-img::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 25px;
	border: none;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	z-index: 1; /* Ensures it appears above the content inside the container */
	pointer-events: none; /* Ensures this pseudo-element doesn't interfere with clicks */
	background: #24242459;
}

.team-slider .swiper-slide .profile-shapes-parent:hover .bg-profile-img::after {
/* 	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 34.16%, rgba(39, 39, 39, 0.35) 70.01%); */
	background: rgba(0,0,0,0.5);
}
.team-slider .swiper-slide .profile-shapes-parent .member-description {
	z-index: 2;
	height: 0;
	overflow: hidden; /* Prevent content from overflowing during the animation */
	transition: height 1s ease; /* Animate height over 0.3 seconds */
}

.team-slider .swiper-slide .profile-shapes-parent:hover .member-description {
	z-index: 2;
	height: auto; /* This won't work directly with transition, so we need a trick */
	max-height: 200px; /* Set this to the maximum height you expect */
}

.swiper-container.team-slider {
	padding: 100px 0px;
	max-width: 100%;
	margin: auto;
	padding-left: 8rem;
	padding-right: 8rem;
}
@media screen and (max-width: 1440px) {
	.completeness-paragraph-parent, .completeness-content-parent {
		gap: 5.5rem;
	}
	.expectation-content {
		gap: 4.75rem;
	}
	.quality-content {
		gap: var(--gap-44xl);
	}
	.team { height: auto; font-size: 40px; }
	
	.completeness-content-parent {
		gap: 0;
	}
	.team-slider .swiper-slide { height: 400px; }	
}
@media screen and (max-width: 1325px) {
	.swiper-container.team-slider { padding: 0 8rem 50px; }
}
@media (max-width: 1199px) {
	.swiper-container.team-slider { padding-left: 20px; padding-right: 20px; }
	.team-slider .swiper-slide { height: 350px; }
	.swiper-container.team-slider { padding-bottom: 20px; }
	.about { padding-bottom: 0; }
	 .team { font-size: 30px; }
	.swiper-backface-hidden .swiper-slide:hover { transform: none; }
}
@media (max-width: 991px) {
	.our-sense-of-container, .from-the-first, .interpreting-your-expectations-container, .maintaining-quality-and-container { font-size: 24px; line-height: 30px; }
	.expectation-content { flex-direction: column; }
	.completeness-paragraph-parent, .completeness-content-parent, .expectation-content { gap: 0; }
	.team { font-size: 24px; } 	
	.swiper-slide { max-width: 50%; }
	 
}

@media (max-width: 767px) {
	.our-sense-of-container, .from-the-first, .interpreting-your-expectations-container, .maintaining-quality-and-container { font-size: 20px; line-height: 24px; }
	.quality-content { gap: 30px; }
	.team-content-wrapper { padding-bottom: 0; }	
}

/*
.swiper-container.team-slider .swiper-slide.swiper-slide-active {
transform: scale(1.3);
z-index: 3;
margin-right: 40px;
}

.swiper-container.team-slider .swiper-slide.swiper-slide-active .member-description {
z-index: 2;
height: auto; /* This won't work directly with transition, so we need a trick */
max-height: 200px; /* Set this to the maximum height you expect */
}
*/