.housing-area-carousel{margin:1rem auto;max-width:1540px;overflow:hidden;position:relative;width:100%}.housing-area-carousel-wrapper{align-items:stretch;display:flex}.housing-area-carousel-slide{display:none;flex:0 0 100%;justify-content:center;margin:0 auto;transform:translateZ(0);transition:all .5s ease-in}.housing-area-carousel-slide.visible{display:flex}.housing-area-carousel-slide-body,.housing-area-carousel-slide-body__img{flex:1 1 50%;margin:0 1rem;padding:0}.housing-area-carousel-slide-body__img{background-color:var(--clr-gray-100);min-height:350px}.housing-area-carousel-slide-body__img>img{height:100%;margin:0;object-fit:cover;object-position:center center;padding:0;width:100%}.housing-area-carousel-slide-body{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:5rem 1rem}.housing-area-carousel-slide-body>*{max-width:60ch}.housing-area-carousel__sm-text{color:var(--clr-green-600);display:block;font-size:1.2rem}.housing-area-carousel__title{color:var(--clr-green-600);font-size:1.575rem}.housing-area-carousel-controls{bottom:0;display:flex;list-style:none;padding:0;position:absolute;right:0;width:calc(50% - 2rem)}.housing-area-carousel-controls>li{margin:.5rem 0;padding:0}.housing-area-carousel-controls>li+li{margin-left:1rem}.housing-area-carousel-controls__btn{background-color:transparent;border:2px solid var(--clr-green-600);cursor:pointer;padding:.5rem}.housing-area-carousel-controls__btn.active{background-color:var(--clr-green-600)}.housing-area-carousel-controls__btn:focus,.housing-area-carousel-controls__btn:hover{background-color:var(--clr-gray-100)}.fade-exit{animation:fadeOut .5s ease-out forwards}.fade-enter{animation:fadeIn .5s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:876px){.housing-area-carousel-slide{flex-direction:column}.housing-area-carousel-slide-body{flex:none;justify-content:flex-start;padding:2rem 1rem 5rem}.housing-area-carousel-slide-body>*{max-width:none}.housing-area-carousel-controls{justify-content:center;width:100%}}