.marquee-track img {
	width: 250px;
	height: 150px;
	object-fit: cover;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.heroSection h1 {
	font-size: clamp(28px, 3.5vw , 72px);
	line-height: clamp(32px, 3.55vw , 78px);
}
.heroSection h2 {
	font-size: clamp(20px, 2.5vw , 32px);
	line-height: clamp(24px, 2.6vw , 42px);
}
.mainHeading h2 , .heroHeading h2{
	font-size: clamp(26px, 3vw , 56px);
	line-height: clamp(32px, 3.1vw , 66px);
}
.scheduleBtn , .hover-content h3, .reviewer h5  {
	font-size: clamp(18px, 2vw , 24px);
	line-height: clamp(24px, 2.1vw , 34px);
}
.allFacadesContent h4, .text-box h3{
	font-size: clamp(16px, 1.8vw , 24px);
	line-height: clamp(22px, 1.9vw , 34px);
}
.discussBtn a, .faqContainer .accordion .accordion-item h3 button, .standardGrid .card .cardTitle h3, .reviewContentBox h4 , .engineered-card h5, , .allFacadesContent h3{
	font-size: clamp(22px, 2.1vw , 28px);
	line-height: clamp(28px, 2.2vw , 38px);
}


.reviewer h5{
	color:var(--orange);
}

/* Facade Reviews Section */


.reviewSlider .row {
	margin: 0px 5px;
	align-items:center;
}
.profileImg img{
	position: relative;
	border-radius: 24px;
}

/* Right Side Review Card */
.review-card {
	background-color: rgba(250, 247, 245, 1);

	border-radius: 24px;
	padding: 50px;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
	color:#fff;

}
.reviewContentBox h4{
	color:#000;
}
.reviewContentBox p{
	color:#505050;
}
.topQuoteBox {
	display: flex;
	justify-content: space-between;
}
.review-card .topQuoteBox > svg {
	width: 100px;
	height: 100px;
	transform: rotate(180deg);
}
.review-card .topQuoteBox > svg path {
	/* 	fill: none; */
	/* 	stroke: #fff; */
}

/* Decorative Blur behind the card */
/*         .review-card::after {
content: '';
position: absolute;
top: -50px;
right: -50px;
width: 150px;
height: 150px;
background: rgba(255,255,255,0.1);
filter: blur(40px);
border-radius: 50%;
} */

.review-card .topQuoteBox .star-rating {
	/* 	display: flex;
	align-items: center;
	background: linear-gradient(to right, #ffffff47, transparent, #ffffff47);
	padding: 10px 0px;
	height: max-content;
	margin-block: auto; */
}

.reviewSlider ul.slick-dots {
	position: absolute;
	display: flex;
	column-gap: 5px;
	margin: unset;
	list-style-type: none;
	right: 50%;
	left: auto;
	margin-top: 20px;
}
.reviewSlider ul.slick-dots li.slick-active button {
	background-color:var(--orange);
	width:40px;
	border-radius:50px;
}
.reviewSlider ul.slick-dots li button {
	font-size: 0px;
	background-color:var(--bg);
	box-shadow: none;
	border: none;
	width: 15px;
	height: 15px;
	border-radius: 50%;
}
.processContainer .timeline-row:not(:first-child) {
	margin-top: -15%;
}

@media(max-width:1399px){
	header ul#menu-main-menu{
		column-gap:20px;
	}
	section.journey_meta .row > div{
		padding:0px 1rem;
	}
	.walkThroughContentBox{
		width:60%;
	}
	.doubleImgSectionContent {
		width: 80%;
	}
}

@media(max-width:1199px){
	header ul#menu-main-menu {
		column-gap: 11px;
	}
	.journey_meta h5 {
		font-size: 24px;
		line-height: 34px;
	}
	.navbar-brand{
		width:unset;
	}
	.headerLogo {
		width: 150px;
	}

	.heroSection{
		max-height:70vh;
	}
	/* 	.whatWeAre .row > div {
	height: 70%;
} */
	.overlapImg {
		height: 100%;
	}
	.allFacadesGrid, .standardGrid{
		gap:50px;
	}
	.discussBtn{
		padding:20px;
	}
	.discussBtn a{
		gap:20px;
	}

	section.journey_meta .row{
		margin-bottom:50px;
	}
	.journey_meta_content{
		margin-top:50px;
		padding:30px;
	}
	.timeline-content{
		width:40%;
	}
	.whatWeContent {
		padding: 0px 0px 0px 20px;
	}
	.doubleImgSectionContent{
		width:90%;

	}

}
/* @media(min-width:992px){
#navbarTogglerDemo02{
flex-basis: 0px;
max-width: max-content;
}
} */

@media(max-width:991px){
	.heroSection .contentBox .captionContainer{
		width:unset;
	}
	.heroBtns{
		flex-direction:column;
		gap:20px;
	}
	.bg {
		border-radius: 24px 24px 0px 0px;
	}
	.marquee-container{
		padding:unset;
	}
	.standardGrid{
		margin-bottom:30px;
	}
	.mainHeading, .quoteContent {
		max-width: unset;
	}
	.getQuote .quoteContainer{
		padding:50px 0px;
	}
	.walkThroughContentBox {
		width: unset;
	}
	.standardGrid{
		gap:20px;
	}
	.standardGrid .card:nth-child(even){
		transform:unset;
	}
	.standardGrid .card .cardTitle h3{
		width:unset;
	}
	.projectWalkthrough{
		height:unset;
	}
	.descussProjectBox {
		grid-template-columns:repeat(1, 1fr);
		gap: 20px;
	}
	.discussBtn {
		padding: 20px;
		max-width: unset;
	}
	.projects{
		padding:unset;
	}
	.discussBtn a {
		gap:10px;
	}
	.faqContainer .accordion .accordion-item , .standardGrid .card{
		padding: 20px;
	}
	.standardGrid .card .cardTitle{
		gap:15px;
		margin-bottom:20px;
	}
	.timeline-number {
		left: 20px;
		width: 30px;
		height: 30px;
		padding:20px;
	}
	.overlapImg img{
		position:static;
	}
	.overlapImg img:first-child {
		float: right;
	}
	.overlapImg img:last-child {
		bottom: 0;
		top: auto;
		position: absolute;
	}
	.whatWeContent{
		margin-top:30px;
	}
	.mainHeading p{
		margin-top:10px;
	}
	.whatHeading{
		margin-block:30px;
	}
	.allFacadesGrid{
		column-gap:40px;
	}
	.timeline-row, .timeline-row.left-align{
		margin-left:unset;
	}
	.processContainer::before{
		display:none;
	}
	.image-box{
		height:unset;
	}

	.mart > div:nth-child(2){
		transform:translate(0px);
	}
	.faqContainer .accordion-body {
		padding-top: 16px;
	}


	/* 	.timeline-row, .timeline-row.left-align{
	width:45%;
	margin-bottom:unset;
	margin-left:auto;
}
	.timeline-row.left-align{
	margin-left:0px;
	margin-right:auto;
}
	.timeline-row.left-align .timeline-number {
	transform: translate(134%, -50%);
	right: 0;
	left: auto;
}
	.timeline-row .timeline-number {
	transform: translate(-135%, -50%);
	position: absolute;
	left: 0;
	top: 50%;
	right: auto;
}
	.timeline-number {
	left: 20px;
	width: 40px;
	height: 40px;
	padding: 20px;
} */


	/* 	Facade Page */
	.main_architecture .mainHeading, .mart{
		width:unset;
		margin-bottom:20px;
	}
	.main_architecture_desc{
		width:unset;
	}
	.main_design_etnos a{
		margin-left:unset;
	}

	.profileImg img {
		width: 70%;
		margin-inline: auto;
		margin-bottom: 20px;
	}
	.review-card{
		padding:20px;
	}
	.review-card .topQuoteBox > svg{
		width:30px;
		height:30px;
	}
	.reviewSlider ul.slick-dots {
		width: 50%;
		position:static;
		margin-top: 20px;
		margin-inline: auto;
	}
	.let_craft_sec .row{
		row-gap:20px;
	}
	.main_let_craft{
		padding:unset;
	}
	.offset-card{
		transform:translate(0px);
	}

	.doubleImgSectionContent {
		margin-top: unset;
		width: unset;
		padding: 20px 0px;
		display: block;
		background:unset;
	}
	.main_architecture_desc .mainBtn {
		margin-top: 20px;
	}
	.main_architecture_desc p {
		margin-bottom: 10px;
	}
	.doubleImgSectionContent .mainBtn {
		margin-top: 10px;
	}

}

@media(max-width:767px){
	.doubleImgSectionContent {
		margin-top: unset;
		width: unset;
		padding: 20px 0px;
		display: block;
		background:unset;
	}
	.main_architecture_desc .mainBtn {
		margin-top: 20px;
	}


	.mainBtn {
		width:100%;
	}
	.main_architecture_desc p {
		margin-bottom: 10px;
	}
	.doubleImgSectionContent .mainBtn {
		margin-top: 10px;
	}
	.doubleImgSection > .row > div:nth-child(2) {
		display: none;
	}
	.processContainer .timeline-row:not(:first-child) {
		margin-top: unset
	}
	.timeline-content {
		width: 100%;
	}
	.mainBtn{
		padding: 10px 40px 10px 10px;
	}
	.feature-card, .feature-card img{
		height:unset;
	}
	.hover-content{
		position:unset;
		height:unset;
		width:95%;
		transform:translatey(-20px);
	}
	.feature-card:hover .hover-content {
		height: max-content;
		width: 95%;
		border-top-right-radius: 12px;
		padding-top: 20px;
		background: #fff;
	}
	.hover-content p{
		display:unset;
		transform: translateY(0px);
	}

	.socialLiks {
		flex-direction:column;
		gap:20px;
	}
	.socialLiks ul li{
		padding:8px;
	}
	/* 	.socialLiks ul li img {
	width: 20px;
	height: 20px;
} */
	.footerMenu ul{
		flex-direction:column;
	}
	.banner_img{
		padding-top:100px;
	}
	.p_100 {
		padding: 50px 0px;
	}
	.whatHeading {
		margin-block: unset;
		margin-bottom:30px;
	}

	.allFacadesGrid {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 20px;
		column-gap:unset;
	}
	.allFacadesGrid>div:nth-child(even) {
		transform: unset;
	}
	.processContainer::before{
		display:none;
	}
	.timeline-row, .timeline-row.left-align{
		margin-left:unset;
		margin-bottom:unset;
	}

	.engineered-card{
		padding:20px;
	}
	.offset-card{
		transform: translatey(0px);
	}
	.journey_meta_content {
		margin-top: unset;
		padding: 20px;
	}
	section.journey_meta .row{
		margin-bottom:30px;
	}
	.whatWeContent{
		padding:unset;
	}
	.whatDesctiption:before, .whatDesctiption:after{
		display:none
	}

	section.journey_meta .row:nth-child(even) .journey_meta_content, section.journey_meta .row:nth-child(odd) .journey_meta_content{
		transform:translate(0px);
	}
	.timeline-row{
		margin-top:unset;
	}


	/* 	Facade Systems Page */


}


@media(max-width:575px){

	.mainHeading {
		margin-bottom: 30px;
	}
	.alignedGrid.projects .slick-track{
		column-gap:unset;
	}
	.standardGrid .card .cardTitle .icon {
		width: 30px;
		height: 30px;
	}

	.mainHeading p {
		margin-top: 10px;
	}

}


/* Contact Page */
ul.contactWays {
	list-style-type: none;
	padding: unset;
	display:flex;
	flex-direction:column;
	gap:10px;
}
.getInTouchContent{
	width:90%;
}
.getInTouchContent > p{
	margin-bottom:30px;
}
ul.contactWays address{
	margin:unset;
	font-size:clamp(16px, 2vw ,18px);
}
ul.contactWays li {
	display: flex;
	align-items: center;
	column-gap: 10px;
	margin-bottom:5px;
}
ul.contactWays li svg {
	width: 20px;
	height: 20px;
}

a{
	transition:0.5s;
}
footer a:hover, .getInTouch a:hover{
	transform:translatex(10px);
	color:var(--orange);
}

.getInTouch{
	position:relative;
}
.sideImageBox {
	position: absolute;
	right: 0;
	top: 0;
	transform: rotate(-90deg);
	transform-origin: bottom right;
	opacity:0.3;
}
.sideImageBox img {
	filter: grayscale(1);
}