.post {
	margin-bottom: 0 !important;
}

.single-post h1.fusion-post-title {
	margin-top: 20px;
}

#arch-portfolio-slider {
	--teal: #19b08a;
	display: grid;
	grid-template-columns: 50% 50%;
	height: 800px;
	background: #fff;
	position: relative;
	overflow: hidden;
}

#arch-portfolio-slider .box-hero {
	position: relative;
	background: #000;
	overflow: hidden;
	height: 100%;
}

#arch-portfolio-slider .hero-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition:
		opacity 0.5s ease,
		transform 1s ease;
}

#arch-portfolio-slider .hero-img.changing {
	opacity: 0.3;
	transform: scale(1.05);
}

#arch-portfolio-slider .hero-content {
	position: absolute;
	inset: 0;
	padding: 60px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: white;
	z-index: 5;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 60%);
}

#arch-portfolio-slider .box-slider {
	background-image: url("/wp-content/uploads/2026/03/bg-lines.png");
	padding-top: 60px;
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	height: 100%;
}

#arch-portfolio-slider .swiper {
	width: 100%;
	height: 500px;
	cursor: grab;
}

#arch-portfolio-slider .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
}

#arch-portfolio-slider .nav-arrows {
	display: flex;
	gap: 15px;
	position: absolute;
	top: 50%;
	z-index: 10;
	right: 23%;
	transform: translateX(50%);
}

#arch-portfolio-slider .arrow {
	border: 0;
	cursor: pointer;
	transition: 0.3s;
	background: transparent;
}

#arch-portfolio-slider .arrow:hover {
	background: transparent;
	color: white;
	border-color: transparent;
}

#arch-portfolio-slider .box-footer {
	margin-top: auto;
	padding: 40px 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#arch-portfolio-slider .btn-teal {
	background: var(--teal);
	color: white !important;
	padding: 16px 32px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Outfit';
}

#arch-portfolio-slider .btn-outline {
	border: 1px solid white;
	color: white !important;
	padding: 10px 20px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Outfit';
}

#arch-portfolio-slider .slider-label {
	text-align: right;
	margin-right: 50px;
	margin-bottom: 50px;
}

#mainTitle {
	color: white;
	margin-bottom: 0;
}

.staricon-text p {
	display: flex;
	align-items: center;
	gap: 12px;
}

.prjctdetails-banner-slider .swiper-wrapper {
	padding-block: 0 !important;
}

.prjctdetails-banner-slider .swiper-slide,
.prjctdetails-banner-slider .swiper-slide .fusion-carousel-item-wrapper {
	/*   height: 100% !important; */
	height: calc(100vh - 32px) !important
}

.prjctdetails-banner-slider .fusion-image-wrapper {
	display: flex !important;
	height: 100%;
}

.prjctdetails-banner-slider .fusion-image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.project-details .heading.icon-left {
	margin-bottom: 3px;
}

.project-details .heading.icon-left h2.content-box-heading {
	font-weight: 600;
}

.grid-bg-section:before {
	content: "";
	position: absolute;
	background-image: url("/wp-content/uploads/2026/03/bg-lines.png");
	width: 50%;
	height: 100%;
	top: 0;
	right: 0;
}

.grid-bg-section-two:after {
	content: "";
	position: absolute;
	background-image: url("/wp-content/uploads/2026/03/grid-style2.png");
	width: 55%;
	height: 100%;
	top: 0;
	left: 0;
}

.grid-bg-section-three:before {
	content: "";
	position: absolute;
	background-image: url("/wp-content/uploads/2026/03/bg-lines.png");
	width: 55%;
	height: 100%;
	top: 0;
	left: 0;
}

/*Project Card Animation*/
.project-wrapper {
	position: relative;
	height: 520px;
}

.project-card {
	position: absolute;
	top: 0;
	height: 520px;
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.5s ease;
	cursor: pointer;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

/* main card */
.card-main {
	left: 0;
	width: 65%;
	z-index: 2;
	transform: scale(1);
}

/* side card */
.card-next {
	right: 0;
	top: 60px;
	width: 45%;
	z-index: 1;
	transform: scale(0.9);
}

/* when active switch */
.card-next.active {
	left: 0;
	top: 0;
	width: 65%;
	z-index: 3;
	transform: scale(1);
}

.card-main.inactive {
	right: 0;
	top: 60px;
	width: 45%;
	z-index: 1;
	transform: scale(0.9);
}

.project-bottom {
	position: absolute;
	bottom: 40px;
	left: 40px;
	max-width: 420px;
}

/* button */

.view-btn {
	display: inline-block;
	margin-top: 20px;
	padding: 12px 22px;
	border: 1px solid #fff;
	color: #fff;
	text-decoration: none;
}


.hover-card {
	position: relative;
	overflow: hidden;
	transition: all 0.4s ease;
}

.hover-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	transition: all 0.4s ease;
	z-index: 1;
}

.hover-card:hover::before {
	background: rgba(0,
		0,
		0,
		0.7);
}

/* Hide text initially, show on hover */
.hover-card .fusion-title,
.hover-card .fusion-text,
.hover-card h1,
.hover-card h2,
.hover-card h3,
.hover-card p {
	position: relative;
	z-index: 2;
	opacity: 0;
	transform: translateY(30px);
	/* Slides up from bottom */
	transition: all 0.5s ease;
	color: white !important;
	text-align: center;
}

.hover-card:hover .fusion-title,
.hover-card:hover .fusion-text,
.hover-card:hover h1,
.hover-card:hover h2,
.hover-card:hover h3,
.hover-card:hover p {
	opacity: 1;
	transform: translateY(0);
}

/* Optional: Zoom the image on hover */
.hover-card img {
	transition: transform 0.6s ease;
}

.hover-card:hover img {
	transform: scale(1.05);
	/* Slight zoom – change to 1.1 for more */
}

/* .hover-reveal-box > .fusion-column-wrapper {
position: relative;
transition:
background 0.5s ease,
backdrop-filter 0.6s ease;
overflow: hidden;
} */

/* .hover-reveal-box > .fusion-column-wrapper::before {
content: "";
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 0.6s ease;
} */

.hover-reveal-box>.fusion-column-wrapper:hover {
	background: rgba(0, 0, 0, 0.75) !important;
}

/*
.hover-reveal-box > .fusion-column-wrapper:hover::before {
opacity: 1;
} */

/* Start hidden & below */
.reveal-icon,
.reveal-title,
.reveal-desc {
	opacity: 0;
	transform: translateY(60px);
	/* start 60px lower */
	transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1);
	/* smooth overshoot feel */
}

/* Stagger the animation slightly */
.reveal-icon {
	transition-delay: 0.1s;
}

.reveal-title {
	transition-delay: 0.25s;
}

.reveal-desc {
	transition-delay: 0.4s;
}

/* On hover – slide up & appear */
.hover-reveal-box:hover .reveal-icon,
.hover-reveal-box:hover .reveal-title,
.hover-reveal-box:hover .reveal-desc {
	opacity: 1;
	transform: translateY(0);
}

.hide-on-hover {
	transition-delay: 0.95s;
	transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.hover-reveal-box:hover .hide-on-hover {
	opacity: 0;
	transform: translateY(60px);
	transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Dark overlay on swiper thumbnails */
#arch-portfolio-slider .swiper-slide {
	position: relative;
}

#arch-portfolio-slider .hero-content::after {
	content: '';
	position: absolute;
	inset: 0;
	linear-gradient(to bottom, #00000066, rgba(0, 0, 0, 0));
	height: 169px;
	z-index: -2;
}

#arch-portfolio-slider .swiper-slide::after {
	content: '';
	position: absolute;
	inset: 0;
	/* covers the entire slide */
	background: linear-gradient(to right,
		rgba(0, 0, 0, 0.40) 60%,
		/* transparent on left */
		rgba(0, 0, 0, 0.40) 100%
		/* darker on right */
	);
	pointer-events: none;
	z-index: 2;
}


/* #arch-portfolio-slider .swiper-slide::after {
background: linear-gradient(
to right,
transparent 50%,
rgba(0, 0, 0, 0.5) 100%
);
} */
/* Title Responsive CSS */

.project-box-wrap .box-highlight>.fusion-column-wrapper {

	position: relative;
	/* Important for pseudo-element positioning */
	transition: all 0.3s ease;
	/* Smooth transition for other hover effects if any */
}

.project-box-wrap .box-highlight>.fusion-column-wrapper:hover {
	background-color: white !important;
}

.project-box-wrap .box-highlight>.fusion-column-wrapper::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #2D2F32;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.4s ease-out;
}

.project-box-wrap .box-highlight>.fusion-column-wrapper::after {
	width: 100%;
}

.project-box-wrap .box-highlight>.fusion-column-wrapper:hover::after {
	transform: scaleX(1);
}


/* Testimonial Slider CSS */
.testimonial-slider {
	max-width: 600px;
}
.testimonials-slider-btns {
	position: absolute;
	top: 53px;
	width: 125px;
	right: 10px;
	display: flex;
	align-items: center;
	gap: 1rem;
}
.testimonials-slider-btns .testimonail-next,
.testimonials-slider-btns .testimonail-prev{
	background: #19b08a;
	width: 45px;
	height: 45px;
	border-radius: 50%;
}
.testimonials-slider-btns .testimonail-next svg,
.testimonials-slider-btns .testimonail-prev svg{
	display: none;
}
.testimonials-slider-btns .testimonail-next:after,
.testimonials-slider-btns .testimonail-prev:after{
	color: #fff;
	font-size: 20px;
}
.testimonial-card {
	padding: 35px 35px;
	position: relative;
	background-color: #fff;
}

.testimonial-card .testimonial-text {
	font-size: 20px;
	font-style: italic;
	font-family: 'Raleway';
	color: #2D2F32;
	font-weight: 500;
}

.testimonial-card h4.client-name {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 50px;
	color: #2D2F32;
}

.quote-icon {
	font-size: 40px;
	color: #b6d43b;
	margin-bottom: 20px;
}

.testimonial-text {
	font-size: 16px;
	font-style: italic;
	color: #555;
	margin-bottom: 30px;
}

.testimonial-text h4.client-name {
	font-size: 16px !important;
}

.client-name {
	font-weight: 600;
}

.client-role {
	font-size: 14px;
	color: #888;
}

.custom-pagination {
	display: flex;
	gap: 20px;
	margin-top: 40px;
	align-items: center;
}

.custom-bullet {
	flex: 1;
	height: 3px;
	position: relative;
	cursor: pointer;
	transition: all 0.3s ease;
}

.custom-bullet.swiper-pagination-bullet {
	background: transparent;
	opacity: 1;
	height: 10px;
}

/* Active one */
.custom-bullet.swiper-pagination-bullet-active {
	background: transparent;
}

.swiper-pagination-bullet {
	opacity: 1 !important;
	border-radius: 0;
}

.custom-bullet::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 35%;
	width: 0%;
	background: #222;
	transition: width 0.4s ease;
}

.custom-bullet {
	height: 2px;
}

.custom-bullet.swiper-pagination-bullet-active::after {
	width: 100%;
}

.custom-bullet::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 35%;
	width: 0%;
	background: #bbbcbd;
	transition: width 0.4s ease;
}

.custom-bullet.swiper-pagination-bullet::before {
	width: 100%;
}

.service-heading {
	top: 4rem !important;
}

#border-wrap .hover-reveal-box:hover {
	border-right: 1px solid #19b08a;
}

/*Newsletter Form Start*/
._form_3 {
	max-width: 350px;
	margin: 0 !important;
	padding: 0 !important;
}

._form_3 ._html-code p {
	display: none;
}

._form_3 ._form-content ._form_element h2 {
	display: none !important;
}

._form_3 button,
._form_3 input[type="submit"] {
	font-size: 12px !important;
	border: none !important;
	border-radius: 6px !important;
	font-family: "Outfit" !important;
	font-weight: 600 !important;
	cursor: pointer;
}

._form_3 label {
	font-weight: 600 !important;
	margin-bottom: 5px;
	color: white !important;
	font-family: "Raleway" !important;
}

/*Newsletter Form End*/

/* Projects Internal post page navigation Start */

.custom-project-navigation {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
}

.project-nav-left,
.project-nav-center,
.project-nav-right {
	flex: 1;
}

.project-nav-center {
	text-align: center;
}

.project-nav-right {
	text-align: right;
}

.project-nav-link {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 18px;
	line-height: 25px;
	font-weight: 600;
	color: #19B08A;
	transition: .3s;
}

.project-nav-link:hover {
	color: #000;
}

.project-nav-link .arrow {
	font-size: 34px;
	line-height: 1;
}

/* Projects Internal post page navigation End */

/* Simple & Smooth Zoom In on Hover for Avada Post Card */
.zoom-hover img {
	transition: transform 0.4s ease !important;
	will-change: transform;
}

.zoom-hover:hover img {
	transform: scale(1.08) !important;
	/* Little zoom in */
}

/* Zoom In on Hover - Works with linked image in Avada */
.zoom-on-hover img,
.zoom-on-hover .fusion-imageframe img,
.zoom-on-hover a img {
	transition: transform 0.45s ease !important;
	will-change: transform;
}

.zoom-on-hover:hover img,
.zoom-on-hover:hover .fusion-imageframe img,
.zoom-on-hover a:hover img {
	transform: scale(1.08) !important;
}


/* Zoom In on Hover for Avada Post Cards Element (works on frontend) */
.zoom-hover-image .fusion-imageframe img,
.zoom-hover-image span.fusion-imageframe img,
.zoom-hover-image a img,
.zoom-hover-image .fusion-imageframe a img {
	transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) !important;
	will-change: transform;
}

.zoom-hover-image:hover .fusion-imageframe img,
.zoom-hover-image:hover span.fusion-imageframe img,
.zoom-hover-image a:hover img,
.zoom-hover-image:hover a img {
	transform: scale(1.08) !important;
}

/* Extra safety for Post Cards Element */
.fusion-post-cards .zoom-hover-image img {
	transition: transform 0.45s ease !important;
}

.fusion-post-cards .zoom-hover-image:hover img {
	transform: scale(1.08) !important;
}

._form_3 {
	max-width: 380px;
	margin: 0 !important;
	padding: 0 !important;
}

._form_3 ._html-code p {
	display: none;
}

._form_3 ._form-content h2._form-title {
	display: none;
}

._form_3 button,
._form_3 input[type="submit"] {
	font-size: 12px !important;
	border: none !important;
	border-radius: 6px !important;
	font-family: "Outfit" !important;
	font-weight: 600 !important;
	cursor: pointer;
}

._form_3 label {
	font-weight: 600 !important;
	margin-bottom: 5px;
	color: white !important;
	font-family: "Raleway" !important;
}

.d-none {
	display: none !important;
}
.related-pst {
	min-width: 0 !important;
}

.related-pst .fusion-column-wrapper {
	min-width: 0 !important;
}

.related-pst .fusion-title {
	width: 100% !important;
	min-width: 0 !important;
	overflow: visible !important;
}
.related-pst .fusion-title-heading{
	display: block !important;
	width: 100% !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
	word-break: break-word !important;
	overflow: visible !important;
}

.fusion-image-wrapper .fusion-rollover .fusion-rollover-content a{
	font-size: 18px!important;
	line-height: 25px;
}

/* Project Internal page Gallery Carousel */
.prjctdetails-banner-slider .swiper-slide:only-child{
	height: 600px !important;
}
/* .prjctdetails-banner-slider .swiper-autoheight .swiper-wrapper{
height: 100vh !important;
} */

.my-fixed-carousel .swiper-wrapper .swiper-slide:only-child .fusion-image-wrapper,
.my-fixed-carousel .swiper-wrapper .swiper-slide:only-child img {
	height: 100% !important;
	width: 100% !important;
	object-fit: cover !important;
	object-position: center;
}

/* Optional: Reduce max-width so it doesn't go full bleed */
/*.my-fixed-carousel .awb-carousel:has(.swiper-slide:only-child) {
max-width: 1000px !important;
margin-left: auto !important;
margin-right: auto !important;
}*/

@media (max-width: 1024px) {
	#arch-portfolio-slider {
		grid-template-columns: 100%;
		height: auto;
	}

	#arch-portfolio-slider .box-hero {
		height: 500px;
	}

	#arch-portfolio-slider .nav-arrows {
		right: 50%;
		top: 400px;
	}
}

@media(max-width:991px) {
	._form_3 {
		max-width: 270px;
	}

	.hero-title-text h1 p {
		font-size: 60px;
		line-height: 65px;
		padding-top: 227px;
	}
	.big-number {
		font-size: 60px !important;
		line-height: 70px !important;
	}
}

@media(max-width:767px) {
	.hero-title-text h1 p {
		font-size: 50px;
		line-height: 55px;
		padding-top: 220px;
	}

	.sub-heading-custom {
		font-size: 25px !important;
		line-height: 30px !important;
	}

	.hero-text-subpages {
		font-size: 70px !important;
		line-height: 78px !important;
	}

	.hero-text-subpages-services {
		font-size: 60px !important;
		line-height: 68px !important;
	}

	.hero-subheading-subpages-services {
		font-size: 20px !important;
		line-height: 30px !important;
	}

	.section-heading-custm {
		font-size: 29px !important;
	}

	#arch-portfolio-slider .btn-teal {
		padding: 16px 20px;
	}

	#arch-portfolio-slider .box-slider {
		padding-top: 25px;
	}

	#arch-portfolio-slider .slider-label {
		margin-bottom: 0px;
	}

	#arch-portfolio-slider .hero-content {
		padding: 33px;
	}

	.hero-content #mainTitle {
		font-size: 40px;
		line-height: 45px;
	}

	#arch-portfolio-slider .box-footer {
		padding: 30px 14px;
	}

	#arch-portfolio-slider .nav-arrows {
		top: 330px;
	}

	._form_3 ._html-code p {
		display: none !important;
	}

	.fusion-testimonials.custom-testimonial-dash .testimonial-pagination a {
		width: 50px !important;
	}

	.fusion-testimonials.custom-testimonial-dash .testimonial-pagination a.activeSlide,
	.fusion-testimonials.custom-testimonial-dash .testimonial-pagination a:hover {
		width: 90px !important;
	}

	.custom-project-navigation {
		flex-direction: column;
		text-align: center;
		gap: 25px;
	}

	.project-nav-left,
	.project-nav-center,
	.project-nav-right {
		text-align: center;
	}

	.hover-reveal-box .reveal-icon,
	.hover-reveal-box .reveal-title,
	.hover-reveal-box .reveal-desc {
		opacity: 1;
		transform: translateY(0);
	}

	.hover-reveal-box .hide-on-hover {
		opacity: 0;
		transform: translateY(60px);
		transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1);
	}

	.hover-reveal-box>.fusion-column-wrapper {
		background: rgba(0, 0, 0, 0.75) !important;
	}

	.big-number {
		font-size: 58px !important;
		line-height: 65px !important;
	}

	.project-internal-pg-title {
		font-size:35px !important;
	}
	.hero-text-subpages-services h1 {
		font-size: 40px!important;
	}
	.testimonials-slider-btns {
		width: 100px;
	}
	.testimonials-slider-btns .testimonail-next,
	.testimonials-slider-btns .testimonail-prev{
		width: 35px;
		height: 35px;
	}
	.testimonials-slider-btns .testimonail-next:after, 
	.testimonials-slider-btns .testimonail-prev:after {
		font-size: 15px;
	}
	.testimonial-txt p {
		font-size: 24px;
		line-height: 35px;
	}
}

@media only screen and (max-device-width: 640px) {
	#content {
		margin-bottom: 0 !important;
	}

}

@media(max-width:472px) {
	.hero-title-text h1 p {
		font-size: 47px;
		line-height: 57px;
		padding-top: 151px;
	}
}