/* Projects hub — clone bluesunpv.com/projects/ (Elementor #2999) */



body.page-du-an:not(.home) .bluesun-main {

	padding-top: 0;

}



.bluesun-projects-hub-page {

	--proj-primary: #ed741b;

	--proj-text: #1a1a1a;

	--proj-muted: #616161;

	font-family: 'Rany', 'Poppins', sans-serif;

	color: var(--proj-text);

}



.bluesun-projects-hub-page .proj-hub-wrap {

	box-sizing: border-box;

	max-width: 105rem;

	margin: 0 auto;

	padding: 0 15px;

}



/* Hero */

.bluesun-projects-hub-page .proj-hub-hero {

	position: relative;

	height: 500px;

	overflow: hidden;

	display: flex;

	align-items: center;

	justify-content: center;

}



.bluesun-projects-hub-page .proj-hub-hero-bg {

	position: absolute;

	inset: 0;

	background-color: #fff;

	background-size: cover;

	background-position: center;

}



.bluesun-projects-hub-page .proj-hub-hero-inner {

	position: relative;

	z-index: 1;

	text-align: center;

}



.bluesun-projects-hub-page .elementor-slide-heading {

	margin: 0;

	color: #fff;

	font-family: 'Rany Bold', 'Rany', 'Poppins', sans-serif;

	font-size: 72px;

	line-height: 86px;

	font-weight: 700;

}



/* Breadcrumb */

.bluesun-projects-hub-page .proj-hub-bc {

	background: #fff;

}



.bluesun-projects-hub-page .proj-hub-bc-inner {

	box-sizing: content-box;

	max-width: 105rem;

	margin: 0 auto;

	padding: 0 15px;

	height: 3.75rem;

	line-height: 3.75rem;

	font-size: 1rem;

}



.bluesun-projects-hub-page .proj-hub-bc a {

	color: var(--proj-text);

	text-decoration: none;

}



.bluesun-projects-hub-page .proj-hub-bc a:hover {

	color: var(--proj-primary);

}



.bluesun-projects-hub-page .proj-hub-bc .nav-gap {

	margin: 0 0.5rem;

	color: var(--proj-muted);

}



/* Intro */

.bluesun-projects-hub-page .proj-hub-intro {

	background: #fff;

	padding: 5rem 0 0;

	margin-bottom: 20.1875rem;

}



.bluesun-projects-hub-page .proj-hub-intro-grid {

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	gap: 16.25rem;

}



.bluesun-projects-hub-page .proj-hub-intro-left {

	flex: 0 1 53.75rem;

	max-width: 53.75rem;

	min-width: 0;

}



.bluesun-projects-hub-page .proj-hub-kicker {

	margin: 0;

	font-family: 'Rany Medium', 'Rany', sans-serif;

	font-size: 2.5rem;

	line-height: 3.5rem;

	color: var(--proj-primary);

	letter-spacing: 0;

}



.bluesun-projects-hub-page .proj-hub-title {

	margin: 1.25rem 0 0;

	font-family: 'Rany Medium', 'Rany', sans-serif;

	font-size: 1.875rem;

	line-height: 2.375rem;

	color: var(--proj-text);

	font-weight: 500;

}



.bluesun-projects-hub-page .proj-hub-text {

	margin: 1.875rem 0 0;

	font-size: 1.125rem;

	line-height: 2rem;

	color: var(--proj-muted);

}



.bluesun-projects-hub-page .proj-hub-intro-right {

	flex: 0 1 35rem;

	max-width: 35rem;

	min-width: 0;

}



.bluesun-projects-hub-page .proj-hub-side-title {

	margin: 0;

	font-family: 'Rany Medium', 'Rany', sans-serif;

	font-size: 1.875rem;

	line-height: 2.375rem;

	color: var(--proj-primary);

}



.bluesun-projects-hub-page .proj-hub-side-text {

	margin: 1.875rem 0 0;

	max-width: 31.25rem;

	font-size: 1.125rem;

	line-height: 2rem;

	color: var(--proj-muted);

}



/* Category blocks */

.bluesun-projects-hub-page .projects-rcu {

	background: #fff;

	padding-bottom: 5rem;

}



.bluesun-projects-hub-page .projects-blocks {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	gap: 1.875rem;

	margin-top: -15.1875rem;

	position: relative;

	z-index: 2;

}



.bluesun-projects-hub-page .projects-block {

	display: flex;

	flex-direction: column;

}



.bluesun-projects-hub-page .projects-block-img img {

	display: block;

	width: 100%;

	height: auto;

}



.bluesun-projects-hub-page .projects-dec {

	margin-top: -10.625rem;

	min-height: 19.875rem;

	padding: 3.75rem 2.5rem 2.5rem;

	background: linear-gradient(180deg, #fff9f5 0%, #eedcce 100%);

	color: var(--proj-text);

	border-radius: 2.5rem;

	transition: margin-top 0.3s ease;

	text-align: left;

}



.bluesun-projects-hub-page .projects-block:hover .projects-dec,

.bluesun-projects-hub-page .projects-block.is-active .projects-dec,

.bluesun-projects-hub-page .projects-dec.projects-on {

	margin-top: 0;

	border-radius: 0 0 2.5rem 2.5rem;

}



.bluesun-projects-hub-page .projects-dec-title {

	margin: 0;

	font-family: 'Rany Medium', 'Rany', sans-serif;

	font-size: 1.875rem;

	line-height: 2.375rem;

	text-align: center;

	color: var(--proj-text);

}



.bluesun-projects-hub-page .projects-dec-text {

	margin: 1.875rem 0 0;

	font-size: 1.125rem;

	line-height: 2rem;

	text-align: left;

	color: var(--proj-muted);

}



.bluesun-projects-hub-page .projects-rsu-btn {

	display: none;

	margin-top: 2.5rem;

	text-align: center;

}



.bluesun-projects-hub-page .projects-block:hover .projects-rsu-btn,

.bluesun-projects-hub-page .projects-dec.projects-on .projects-rsu-btn {

	display: block;

}



.bluesun-projects-hub-page .projects-learn-btn {

	display: inline-flex;

	flex-direction: row-reverse;

	align-items: center;

	gap: 1rem;

	padding: 0.625rem 1.5rem;

	background: var(--proj-primary);

	color: #fff !important;

	font-family: 'Rany Bold', 'Rany', sans-serif;

	font-size: 1rem;

	line-height: 1.5rem;

	text-decoration: none;

	border-radius: 0;

}



.bluesun-projects-hub-page .projects-learn-btn:hover {

	opacity: 0.92;

}



/* Client results */

.bluesun-projects-hub-page .proj-hub-results {

	background: #fff;

	padding: 7.5rem 0 0;

}



.bluesun-projects-hub-page .proj-hub-results-grid {

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

	gap: 2rem;

}



.bluesun-projects-hub-page .proj-hub-results-intro {

	flex: 0 1 auto;

	min-width: 0;

}



.bluesun-projects-hub-page .proj-hub-results-kicker {

	margin: 0;

	font-family: 'Rany Medium', 'Rany', sans-serif;

	font-size: 2.5rem;

	line-height: 3.5rem;

	color: var(--proj-primary);

}



.bluesun-projects-hub-page .proj-hub-results-title {

	margin: 1.25rem 0 0;

	font-family: 'Rany Medium', 'Rany', sans-serif;

	font-size: 1.875rem;

	line-height: 2.375rem;

	color: var(--proj-text);

}



.bluesun-projects-hub-page .proj-hub-results-stat {

	flex: 1 1 0;

	min-width: 0;

	text-align: center;

}



.bluesun-projects-hub-page .proj-hub-results-value {

	margin: 0;

	padding: 1.25rem 0;

	font-family: 'Rany Medium', 'Rany', sans-serif;

	font-size: 4rem;

	line-height: 4.5rem;

	color: var(--proj-primary);

}



.bluesun-projects-hub-page .proj-hub-results-label {

	margin: 1.25rem 0 0;

	font-size: 1.125rem;

	line-height: 1.5rem;

	color: var(--proj-muted);

}



/* Testimonials */

.bluesun-projects-hub-page .proj-hub-testimonials {

	background: #fff;

	padding: 0 0 7.5rem;

}



.bluesun-projects-hub-page .proj-hub-testimonials-wrap {

	max-width: 76.5625rem;

}



.bluesun-projects-hub-page .proj-hub-testimonials-title {

	margin: 0;

	padding: 10px;

	text-align: center;

	font-family: 'Rany Medium', 'Rany', sans-serif;

	font-size: 2.5rem;

	line-height: 3.5rem;

	color: var(--proj-text);

	font-weight: 500;

}



.bluesun-projects-hub-page .proj-hub-testimonials-rows {

	display: flex;

	flex-direction: column;

	gap: 7.5rem;

	margin-top: 0;

}



.bluesun-projects-hub-page .proj-hub-testimonials-row {

	display: flex;

	gap: 7.5rem;

}



.bluesun-projects-hub-page .proj-hub-tcard {

	display: flex;

	flex: 1 1 0;

	min-width: 0;

	box-shadow: 0 0 40px rgba(237, 116, 27, 0.2);

}



.bluesun-projects-hub-page .proj-hub-tcard--profile-left {

	border-radius: 2.5rem 2.5rem 0 2.5rem;

}



.bluesun-projects-hub-page .proj-hub-tcard--profile-right {

	border-radius: 2.5rem 2.5rem 2.5rem 0;

}



.bluesun-projects-hub-page .proj-hub-tcard-profile {

	flex: 0 0 50%;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	padding: 3.75rem 0;

	background: #f3f3f3;

	border-radius: 2.5rem;

}



.bluesun-projects-hub-page .proj-hub-tcard--profile-left .proj-hub-tcard-profile {

	border-radius: 2.5rem;

}



.bluesun-projects-hub-page .proj-hub-tcard--profile-right .proj-hub-tcard-profile {

	border-radius: 2.5rem;

}



.bluesun-projects-hub-page .proj-hub-tcard-avatar {

	display: block;

	width: 120px;

	height: 120px;

	border-radius: 50%;

	object-fit: cover;

}



.bluesun-projects-hub-page .proj-hub-tcard-name {

	margin: 2.5rem 0 0;

	font-family: 'Rany', sans-serif;

	font-size: 1.5rem;

	line-height: 2rem;

	color: var(--proj-text);

	text-align: center;

}



.bluesun-projects-hub-page .proj-hub-tcard-location {

	margin: 1.25rem 0 0;

	font-size: 1.125rem;

	line-height: 1.5rem;

	color: var(--proj-muted);

	text-align: center;

}



.bluesun-projects-hub-page .proj-hub-tcard-quote {

	flex: 0 0 50%;

	display: flex;

	flex-direction: column;

	padding: 3.75rem 2.5rem 0;

}



.bluesun-projects-hub-page .proj-hub-tcard-quote-icon {

	display: block;

	width: 46px;

	height: 43px;

}



.bluesun-projects-hub-page .proj-hub-tcard-quote-text {

	margin: 1.25rem 0 0;

	font-size: 1.125rem;

	line-height: 2rem;

	color: var(--proj-muted);

}



@media (max-width: 1024px) {

	.bluesun-projects-hub-page .projects-blocks {

		grid-template-columns: 1fr;

		margin-top: 2rem;

	}



	.bluesun-projects-hub-page .projects-dec {

		margin-top: -6rem;

	}



	.bluesun-projects-hub-page .proj-hub-intro {

		margin-bottom: 0;

		padding-top: 2.5rem;

	}



	.bluesun-projects-hub-page .proj-hub-intro-grid {

		flex-direction: column;

		gap: 2rem;

	}



	.bluesun-projects-hub-page .proj-hub-intro-left,

	.bluesun-projects-hub-page .proj-hub-intro-right {

		flex: 0 0 100%;

		max-width: 100%;

	}



	.bluesun-projects-hub-page .proj-hub-side-text {

		max-width: none;

	}



	.bluesun-projects-hub-page .elementor-slide-heading {

		font-size: 42px;

		line-height: 52px;

	}



	.bluesun-projects-hub-page .proj-hub-results-grid {

		flex-direction: column;

		gap: 2.5rem;

	}



	.bluesun-projects-hub-page .proj-hub-results-stat {

		text-align: center;

	}



	.bluesun-projects-hub-page .proj-hub-testimonials-row {

		flex-direction: column;

		gap: 2.5rem;

	}



	.bluesun-projects-hub-page .proj-hub-tcard {

		flex-direction: column;

		border-radius: 2.5rem !important;

	}



	.bluesun-projects-hub-page .proj-hub-tcard-profile,

	.bluesun-projects-hub-page .proj-hub-tcard-quote {

		flex: 0 0 auto;

		width: 100%;

	}



	.bluesun-projects-hub-page .proj-hub-tcard-quote {

		padding: 2rem 1.5rem 2.5rem;

	}

}



@media (max-width: 767px) {

	.bluesun-projects-hub-page .proj-hub-hero {

		height: 320px;

	}



	.bluesun-projects-hub-page .proj-hub-bc-inner {

		height: auto;

		line-height: 1.5;

		padding: 0.75rem 15px;

	}



	.bluesun-projects-hub-page .proj-hub-kicker {

		font-size: 1.3125rem;

		line-height: 1.875rem;

	}



	.bluesun-projects-hub-page .proj-hub-title {

		font-size: 1.25rem;

		line-height: 1.875rem;

	}



	.bluesun-projects-hub-page .proj-hub-text,

	.bluesun-projects-hub-page .proj-hub-side-text {

		font-size: 1rem;

		line-height: 1.875rem;

	}



	.bluesun-projects-hub-page .projects-dec-title {

		font-size: 1.5rem;

		line-height: 1.875rem;

	}



	.bluesun-projects-hub-page .projects-dec-text {

		font-size: 1rem;

		line-height: 1.875rem;

	}



	.bluesun-projects-hub-page .proj-hub-results {

		padding-top: 3rem;

	}



	.bluesun-projects-hub-page .proj-hub-results-kicker {

		font-size: 1.625rem;

		line-height: 2.25rem;

	}



	.bluesun-projects-hub-page .proj-hub-results-title {

		font-size: 1.5rem;

		line-height: 1.875rem;

	}



	.bluesun-projects-hub-page .proj-hub-results-value {

		font-size: 2.5rem;

		line-height: 1.875rem;

	}



	.bluesun-projects-hub-page .proj-hub-results-label {

		font-size: 1rem;

		line-height: 1.875rem;

	}



	.bluesun-projects-hub-page .proj-hub-testimonials-title {

		font-size: 1.5rem;

		line-height: 1.875rem;

	}



	.bluesun-projects-hub-page .proj-hub-testimonials-rows {

		gap: 2.5rem;

	}

}