/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 23 2025 | 06:26:41 */
.carousel-container .kb-query-grid-wrap, .carousel-container .wp-block-kadence-repeatertemplate {
  display: flex !important;
  flex-wrap: nowrap !important;
  transform: translateX(0%);
  transition: transform 0.5s ease-in-out;
	gap: 20px;
	box-sizing: border-box;
}

.carousel-container .kb-query-item,
.carousel-container .wp-block-kadence-repeatertemplate > li {
  flex: 0 0 calc((100% - (2 * 20px)) / 3);
  /* max-width: calc((100% - (2 * 20px)) / 3); */
  display: block !important;
  opacity: 1 !important;
  transition: none !important;
}

.carousel-slides {
  overflow: hidden;
  position: relative;
}

.carousel-nav-links {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    position: absolute;
    bottom: -50px;
    left: 0px;
	justify-self: anchor-center;
}

.carousel-dot {
    background: #fff;
    border: none;
	border-radius: 50px;
    font-size: 14px;
    cursor: pointer;
    transition: border-bottom 0.3s ease, opacity 0.3s ease, color 0.3s ease;
    color: var(--global-palette1);
	opacity: 0.5;
	padding: 8px 20px;
    text-align: center;
    line-height: 100%;
    font-weight: 600;
}

.carousel-dot:hover,
.carousel-dot.active {
    color: var(--global-palette4);
	opacity: 1;
}

.carousel-nav {
    position: absolute;
    transform: translateY(-50%);
    z-index: 10;
    border: none;
    width: 100%;
    justify-content: space-between;
    display: flex;
	bottom: 330px;
}
.wp-block-kadence-repeater + .carousel-nav {
	bottom: 212px;
}

.carousel-nav-button {
	background: var(--global-palette4);
}

.carousel-nav-button.prev {
  margin-left: 0.5rem;
}

.carousel-nav-button.next {
  margin-right: 0.5rem;
}

.carousel-slide .kt-row-column-wrap {
	display: flex;
}

.carousel-slide-left-col {
	width: calc(100vw - 767px);
}

.carousel-slide-right-col {
  -webkit-mask-image: url('http://evolvehousing2025.kinsta.cloud/wp-content/uploads/2025/03/Mask.svg');
  mask-image: url('http://evolvehousing2025.kinsta.cloud/wp-content/uploads/2025/03/Mask.svg');

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: left center;
  mask-position: left center;

  -webkit-mask-size: auto 100%;
  mask-size: auto 100%;

  /* For testing, you can give it a background color to see the mask */
  background-color: var(--global-palette1, #3182CE);
	
	width: 767px;
}

/* General Carousel Adjustments */
.carousel-container.carousel-container-general .carousel-nav-links {
    justify-content: center;
    gap: 5px;
    margin-top: 0px;
    bottom: 30px;
    right: 0px;
    max-width: 1280px;
	width: 100%;
    padding-left: 60px;
    padding-right: 60px;
}

.carousel-slide.carousel-slide-general .kt-row-column-wrap {
	display: grid;
}

@media (max-width: 1280px) {
	.carousel-container.carousel-container-general .carousel-dot {
		font-size: 12px;
	}
	.carousel-container.carousel-container-general .carousel-nav-links {
		bottom: 60px;
	}
}

@media (max-width: 767px) {
    .carousel-container.carousel-container-general .carousel-nav-links {
        display: none;
    }
	.carousel-nav, .wp-block-kadence-repeater + .carousel-nav {
		top: unset;
        bottom: 0px;
        width: 110px;
        right: 15px;
	}
	.carousel-container .kb-query-item, .carousel-container .wp-block-kadence-repeatertemplate > li  {
	  flex: 0 0 100%;
	}
}