.img-cust-resize {
	width: 65%;
}

.img-pcl-resize {
	width: 35%;
}
.img-Kinetic-resize {
	width: 70%;
	padding-top: 0%;
}

.img-lennar-resize {
	width: 85%;
}
.font-button-cust{
	font-size: 15pt;
    
}
.hdc{
	padding-top: 7pt;
}
.lennar{
	padding-top: 0pt;
}

@media (min-width: 300px){
	.img-lennar-resize {
	width: 80%;
}
.font-button-cust{
	font-size: 10pt;
    
}
}

@media(min-width: 365px){
.font-button-cust{
	font-size: 11pt;
    
}
}

@media(min-width: 540px){
.font-button-cust{
	font-size: 14pt;
    
}
.hdc{
	padding-top:12pt;
}
.lennar{
	padding-top: 8pt;
}
}

@media (min-width: 992px){
	.img-lennar-resize {
	width: 85%;
}
.font-button-cust{
	font-size: 16pt;
    
}
}

/* Make the wrapper span full width no matter where it's placed */
.logo-slider-wrapper {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
  background: #fff; /* Optional: match your site's background */
}

/* Inner slider container */
.logo-slider {
  width: 100%;
  overflow: hidden;
}

/* Scrolling track */
.logo-track {
  display: flex;
  align-items: center;
  white-space: nowrap;
  height: 100px; /* Or whatever height you want */
  will-change: transform;
}

/* Logo images */
.logo-track img {
  height: 80px !important;
  margin: 0 15px;
  object-fit: contain;
  display: block;
  /*max-width: 100%;*/
  width: 39%;
}

.custom-py-trusted{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

@media(min-width: 768px){
	.logo-track img {
	  	height: 90px !important;
	  	margin: 0 20px;
  		width: 19%;
	}

	.custom-py-trusted{
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
}

@media(min-width: 1200px){
	.logo-track {
	  	height: 100px;
	}

	.logo-track img {
	  	height: 100px !important;
	  	margin: 0 30px;
  		width: 14%;
	}

	.custom-py-trusted{
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
}