/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 03 2025 | 06:04:32 */
.ux-collageQuoteSection {
  width: 100%;
  overflow: hidden;
}

.block-1 .offset-lg-1, .block-2 .offset-lg-1, .block-3 .offset-lg-1 {
   max-width:1403px;
   width:100%;
   margin-left:0;
   flex:0 0 100%;
}
.block-1 .offset-lg-1 {
	max-width: 100%;
}
.ux-collageQuoteSection .ux-cq-row {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  margin-bottom: 60px;
}

/* First row (parallax collage) */
/* .ux-collageQuoteSection .ux-cq-first-row {
  height: 400px;
} */
.ux-collageQuoteSection .ux-cq-collageItem {
  flex: 1 1 100%;
/*   overflow: hidden; */
  position: relative;
}
.ux-collageQuoteSection .ux-cq-collageItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease-out;
}

/* Second row */
.ux-collageQuoteSection .ux-cq-second-row {
  position: relative;
}
.ux-collageQuoteSection .ux-cq-imgBlock {
  flex: 1 1 100%;
/*   overflow: hidden; */
}
.ux-collageQuoteSection .ux-cq-imgBlock img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ux-collageQuoteSection .ux-cq-quoteItems {
  transition: transform 0.6s ease-in-out;
}
.ux-collageQuoteSection .ux-cq-quoteItem {
/*   width: 100%;
  height: 150px; */
  box-sizing: border-box;
  padding: 10px;
}
.ux-collageQuoteSection .ux-cq-quoteText {
  font-size:28px;
  line-height:35px;
  letter-spacing:0;
	text-align:left;
   max-width:100%;
	width:100%;
  color:#DDD4C5;
 
}
.ux-collageQuoteSection .ux-cq-author {
  font-size:15px;
  line-height:23px;
  letter-spacing:0;
	text-align:left;
  color:#DDD4C5;
}
/* Force the fixed width + height for images */
.ux-collageQuoteSection .ux-cq-first-row .ux-cq-collageItem img,
.ux-collageQuoteSection .ux-cq-second-row .ux-cq-imgBlock img {
/*   width: 689px; */
  height: 720px;
  object-fit: cover;
}

/* Desktop layout – maintain gap between items */
@media (min-width: 992px) {
  .ux-collageQuoteSection .ux-cq-first-row {
    display: flex;
    gap: 25px;
  }
}

/* Responsive / mobile: stack and allow flexible sizing */
@media (max-width: 991px) {
  .ux-collageQuoteSection .ux-cq-first-row,
  .ux-collageQuoteSection .ux-cq-second-row {
    flex-direction: column;
    gap: 0;
  }
  .ux-collageQuoteSection .ux-cq-first-row .ux-cq-collageItem img,
  .ux-collageQuoteSection .ux-cq-second-row .ux-cq-imgBlock img {
    width: 100%;
    height: auto;
  }
}
/* --- Image sizing and gap for rows --- */
.ux-collageQuoteSection .ux-cq-first-row,
.ux-collageQuoteSection .ux-cq-second-row {
  display: flex;
/*   justify-content:center; */
  gap: 25px; /* gap between two images */
}

.ux-collageQuoteSection .ux-cq-first-row .ux-cq-collageItem img,
.ux-collageQuoteSection .ux-cq-second-row .ux-cq-imgBlock img {
  width: 689px;
  height: 720px;
  object-fit: cover;
}

/* Quote box styles */
.ux-collageQuoteSection .ux-cq-quoteBox {
  width: 1164px;
  height: 580px;
  background-color: #1F1E21;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  overflow: hidden;
	padding:184px 94px;
}

.ux-collageQuoteSection .ux-cq-quoteText,
.ux-collageQuoteSection .ux-cq-author {
  color: #DDD4C5;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .ux-collageQuoteSection .ux-cq-first-row,
  .ux-collageQuoteSection .ux-cq-second-row {
    flex-direction: column;
    gap: 0;
  }
  .ux-collageQuoteSection .ux-cq-first-row .ux-cq-collageItem img,
  .ux-collageQuoteSection .ux-cq-second-row .ux-cq-imgBlock img {
    width: 100%;
   
  }

}

@media (max-width: 767px) {
  .ux-collageQuoteSection .ux-cq-row {
    flex-direction: column;
    height: auto;
  }
  .ux-collageQuoteSection .ux-cq-quoteBox {
	max-width:300px;
    width:100%;  
    padding:16px;
    height: auto;
    font-family:'PP Neue Montreal';
  }
	.ux-collageQuoteSection .ux-cq-quoteText {
	font-size:19px;
	line-height:26px;
}
	.ux-cq-quoteItem p{
		margin-bottom:0px !important;
	}
.ux-collageQuoteSection .ux-cq-first-row .ux-cq-collageItem img,
.ux-collageQuoteSection .ux-cq-second-row .ux-cq-imgBlock img {
  width:100%;
  height:348px;
}

	.ux-collageQuoteSection .ux-cq-first-row, .ux-collageQuoteSection .ux-cq-second-row {
		 gap:16px;
	}
.ux-collageQuoteSection .ux-cq-row {
       margin-bottom:16px;
}
}
 .block-3 .offset-lg-1, .block-2 .offset-lg-1 {
    padding:0 !important; 
}
 .block-3 .row, .block-2 .row {
    margin:0 !important; 
}

#more {display: none;}
#myBtn {
   text-decoration: underline;
   color:#D9D9D9;
   font-size:1.5rem;
   line-height:1.4666;
   font-weight:350;
	background:none;
   padding:0;
}