/*
 Theme Name: Hello Elementor Child
 Template: hello-elementor
 Description: A child theme for Hello Elementor
 Version: 1.0
 Author: Elementor Team
 Text Domain: hello-elementor-child
*/

@media only screen and (min-width: 1024px) {
	.hover-1 {
  		transition: background 0.1s ease;
	}
	.hover-1 .elementor-icon-box-title span,
	.hover-1 .elementor-icon-box-description {
	  transition: color 0.1s ease;
	}
	.hover-1:hover {
	  background: linear-gradient(117.22deg, #0077B8 37.78%, #339DDB 101.9%);
	}
	.hover-1:hover .elementor-icon-box-title span,
	.hover-1:hover .elementor-icon-box-description {
	  color: #FFFFFF !important;
	}
}

/*Testimonials Listing Grid*/
body {
  overflow-x: hidden;
}

.testimonials-listing-container {
	width: clamp(70vw, 94vw, 99vw);
	position: relative;
	padding: 110px 0 0 0;
	margin: -110px 0 0 0;
	overflow-x: clip; 
}
@media only screen and (max-width: 1400px) {
	.testimonials-listing-container {
		width: 100vw;
	}
}
@media only screen and (min-width: 1401px)  and (max-width: 1700px) {
	.testimonials-listing-container {
		width: 99vw;
	}
}

.testimonials-custom-grid {
	border-radius: 20px;
	position: relative;
	width: 100%;
}

.dev-grid-track {
	display: flex;
	transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	will-change: transform;
}

.dev-grid-item {
	display:flex;
	flex-direction: column;
	width: 332.8px;
	height: fit-content;
	min-width: 25%;
	border-radius: 20px;
	padding: 30px;
	margin-right: 30px;
	background-color: #FFFFFF;
	transition: transform 0.3s ease-in-out;
}

.dev-testimonial {
	font-family: Nunito Sans;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0em;
	height: 272.8px;
	margin-bottom: 48px;
}

.divider {
	width: 100%;
	opacity: 0.5;
	color: #0E0E0E;
	border-top-style: dashed;
	border-top-width: 1px;
}

.dev-item-content {
	display: flex;
	position: relative;
	flex-direction: column;
	gap: 6px;
	margin-top: 20px;
	height: 141px;
}

.dev-client-name {
	font-family: Nunito Sans;
	font-weight: 500;
	font-size: 18px;
	line-height: 21.6px;
	letter-spacing: 0em;
	color: #0E0E0E;
	margin: 0;
}

.item-content-inner {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.dev-job-info {
	font-family: Nunito Sans;
	font-weight: 500;
	font-size: 14px;
	line-height: 19.6px;
	letter-spacing: 0em;
	text-align: left;
	text-transform: capitalize;
	color: #004F7B;
	margin: 0;
}

.dev-logo {
		max-width: 181.55px !important;
		max-height: 46.37px;
		object-fit: contain;
		position: absolute;   
		bottom: 0;         
		right: 0;
	}
.dev-grid-item.post-319 .dev-logo {
	max-width: 75.49px !important;
}
.dev-grid-item.post-323 .dev-logo {
	max-width: 45.42px !important;
}

button.dev-nav-arrow.dev-prev, button.dev-nav-arrow.dev-next  {
	padding: 0;
	background-color: transparent;
}

.dev-nav-arrow {
	position: absolute;
	inset: -19% auto auto auto;
	width: 50px;
	height: 50px;
	border: none;
	z-index: 2;
}

.dev-nav-arrow:hover {
	cursor: pointer;
}

.dev-prev {
	left: 76%;
	background: url('https://bluebird.digitalfoldstaging.co.za/wp-content/uploads/2025/10/Button-previous-slide-3.svg');
}

.dev-next {
	left: 80.9%;
	background: url('https://bluebird.digitalfoldstaging.co.za/wp-content/uploads/2025/10/Button-next-slide-2.svg');
}

.dev-nav-arrow:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

/*Tablet*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.testimonials-listing-container {
		width: 95vw;
		padding: 0;
		margin: 0;
	}
		
	.dev-grid-item {
		min-width: 40%;
		margin-right: 30px;
	}
	
	.dev-testimonial {
		font-size: 18px;
		line-height: 28px;
		height: 280px;
		margin-bottom: 48px;
	}
	
	.dev-client-name {
	font-size: 16px;
	}
	.dev-job-title, .dev-company {
	font-size: 12px;
	}
	
	.dev-nav-arrow {
	inset: 82px auto auto auto;
}
	.dev-next {
	right: 32px;
}
	.dev-prev {
	right: 106px;
}
}

/*Mobile*/
@media only screen and (max-width: 767px) {
	.testimonials-listing-container {
		width: 95vw;
		padding: 0 0 75px 0;
		margin: 0;
	}
		
	.dev-grid-item {
		min-width: 80%;
		margin-right: 24px;
	}
	
	.dev-testimonial {
		font-size: 18px;
		line-height: 28px;
		height: 270px;
		margin-bottom: 48px;
	}
	
	.dev-client-name {
	font-size: 16px;
	}
	.dev-job-title, .dev-company {
	font-size: 12px;
	}
	
	.dev-nav-arrow {
	inset: auto auto -74px auto;
}
	.dev-next {
	left: 52%;
}
	.dev-prev {
	left: 35%;
}
}
/*End Testimonials Listing Grid*/