.residences2-main {
  padding: 150px 0px;
}
.residences2 {
  display: flex;
  flex-direction: row;
  gap: 55px;
}
.residences2-img {
  width: 55%;
}
.residences2-img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  object-position: 35% 0%;
}
.residences2-txt {
  width: 42%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: space-between;
}
.residences-heading {
  color: #125451;
  font-size: 45px;
  font-weight: 400;
    line-height: 60px;
    font-family: "FONTSPRING DEMO - The Seasons";
    margin: 0;
    width: 70%;
}
.resi-heading-dark{
    color: #FFFFFF;
    width:100%;
    font-size:54px;
}
.resi-description-dark{
    color: #EBEBEB !important;
}
.residences-description {
  color: #000000;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 1px;
  font-weight: 300;
  font-family: "Conqueror Sans";
  margin: 0;
}
.residences-label {
  color: #7d5e38;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  font-family: "Conqueror Sans";
}

/* ===============================
   SLIDER 1
================================ */
.resi3-main{
    display: none;
}
.residences3-row {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-direction: column;
}
.resi3-crumb{
 background: linear-gradient(155.75deg, #B38D39 15.5%, #F4E199 84.47%);
     -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 10px !important;
}
.residences3-left,
.residences3-right {
  width: 50%;
  text-align: center;
}
.residences-slider1-main {
  position: relative;
  margin-top: 60px;
}
.residences3-main {
  background-color: #0C3634;
  height: 100%;
  padding: 150px 0px 250px 0px;
}
.residences-swiper {
  width: 85%;
  overflow: hidden;
}
.residences-slider1-main .swiper-slide img{
    height: 700px;
    width: 100%;
    object-fit: cover;
    border-radius:9px;
}

.residences-slider-arrows {
  position: absolute;
  top: 50%;
  left: -15px;
  right: -15px;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}

.residences-slider-arrows .swiper-button-prev,
.residences-slider-arrows .swiper-button-next {
  position: static;
  width: 44px;
  height: 44px;
  color: #C2C2C2;
  pointer-events: all;
  background: #125451B2;
  border-radius: 100%;
  font-size: 13px;
}

.residences-slider-arrows .swiper-button-prev::after,
.residences-slider-arrows .swiper-button-next::after {
  display: none;
}

.residences-pagination {
  margin-top: 22px;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.residences-pagination-1 .swiper-pagination-bullet {
  width: 150px;
  height: 5px;
  border-radius: 3px;
  background: #467A77;
  opacity: 1;
  margin: 0px 7px !important;
}

.residences-pagination-1 .swiper-pagination-bullet-active {
  background: #ffffff;
    width: 150px;
  height: 5px;
}

.swiper-pagination.residences-pagination-1.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -11%;
}

.ls-carousel-section{
  background: #0C3634;
  padding:120px 0;
  overflow:hidden;
}

.ls-container{
  width:100%;
  margin:auto;
}

/* HEADING */
.ls-heading{
  text-align:center;
  color:#fff;
  margin-bottom: 150px;
}

.ls-heading h2{
    color: #FFFFFF;
    font-size: 45px;
    font-weight: 400;
    line-height: 60px;
    font-family: "FONTSPRING DEMO - The Seasons";
    margin: 0;
}

.ls-heading p{
color: #EBEBEB;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
    font-weight: 300;
    font-family: "Conqueror Sans";
        width: 60%;
    margin: 0 auto;
    margin-top: 17px;
}

/* Allow scaling outside */
.ls-owl-carousel .owl-stage-outer{
  overflow: visible;
}

/* Keep all slides vertically aligned */
.ls-owl-carousel .owl-stage{
  display: flex;
  align-items: center;   /* This fixes the going down issue */
}

/* Base slide */
.ls-owl-carousel .owl-item{
  transition: all .5s ease;
  transform: scale(.88);
}

/* Center slide */
.ls-owl-carousel .owl-item.center{
  transform: scale(1.08);
  opacity: 1;
  z-index: 2;
}

.ls-owl-carousel .ls-item{
  padding: 0 30px;
  height: 480px;   
  display: flex;
  align-items: center;
}

.ls-caption {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 2px 2px 5px rgb(41 41 41 / 80%);
}

.ls-caption-bed{
 bottom: 15px;   
}

.ls-owl-carousel .ls-item img{
  width: 100%;
  height: 550px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

/* Navigation positioning */
.ls-owl-carousel .owl-nav{
  position:absolute;
  top:50%;
  width:100%;
  pointer-events:none;
}

.ls-owl-carousel .owl-nav button{
  position:absolute;
  background:none !important;
  border:none !important;
  pointer-events:auto;
  padding:0;
}

/* Left */
.ls-owl-carousel .owl-nav .owl-prev{
  left:53px;
  bottom:21px;
}

/* Right */
.ls-owl-carousel .owl-nav .owl-next{
  right:53px;
  bottom:21px;
}

/* Your images */
.ls-prev-icon,
.ls-next-icon{
  width:50px;   /* adjust */
  height:auto;
  display:block;
}


/* DOTS */
.ls-owl-carousel .owl-dots{
  margin-top:120px;
  text-align:center;
}

.ls-owl-carousel .owl-dots .owl-dot span{
  width:70px;
  height:4px;
  background:rgba(255,255,255,0.3);
  display:inline-block;
  border-radius:4px;
  margin:0 6px;
}

.ls-owl-carousel .owl-dots .owl-dot.active span{
  background:#ffffff;
}
/* ===============================
   SLIDER 2
================================ */
.residences4-main {
  background: #EAE9E3;
  padding: 150px 0px 200px 0px;
  height: 100%;
}
.resi4-heading{
    width:100%;
    font-size:54px;
}
.resi4-crumb{
    margin-bottom:15px !important;
}
.residences4-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  text-align: center;
}

.residences4-left,
.residences4-right {
  width: 50%;
}
.residences4-heading {
  color: #ffffff;
}
.residences4-description {
  color: white !important;
}
.residences-slider2-main {
  position: relative;
  margin-top: 60px;
}

.residences-slider2-main .swiper {
  width: 90%;
  overflow: hidden;
}

.residences-slider2-main .swiper-slide {
  position: relative;
  overflow: hidden;
}

.residences-slider2-main .swiper-slide img {
  width: 100%;
  display: block;
  height:700px;
  object-fit: cover;
  border-radius:9px;
  object-position: bottom center;
}

.residences-slider2-main .slide-label {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 45px;
  background: #0f0f0f5e;
  color: #fff;
  border-radius: 8px;
  font-weight: 600;
  letter-spacing: 2px;
  font-family: "Conqueror Sans", "sans-serif";
  font-size: 25px;
  min-width: 200px;
  text-align: center;
}

.residences-slider2-main .amenities-slider-arrows {
  position: absolute;
  top: 50%;
  left: -70px;
  right: -70px;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}

.residences-slider2-main .swiper-button-prev,
.residences-slider2-main .swiper-button-next {
  position: static;
  width: 44px;
  height: 44px;
  color: #C2C2C2;
  font-size: 12px;
  pointer-events: all;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #125451B2;
}

.residences-slider2-main .swiper-button-prev::after,
.residences-slider2-main .swiper-button-next::after {
  display: none;
}

.residences-slider2-main .amenities-pagination-2 {
  position: relative;
  margin-top: 22px;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.residences-slider2-main .residences-pagination-2 .swiper-pagination-bullet {
  width: 70px;
  height: 5px;
  background: #F8FFFF;
  border-radius: 3px;
  opacity: 1;
  margin: 0px 7px !important;
}

.residences-slider2-main
  .residences-pagination-2
  .swiper-pagination-bullet-active {
  background: #125451;
}
.swiper-pagination.residences-pagination-2.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -11%;
}
.resi2-span{
        font-family: 'Juana', serif;
}

/* ============ MOBILE VERSION ========== */

@media (max-width: 767px) {
  .residences2 {
    display: flex;
    flex-direction: column;
    gap: 35px;
  }
  .residences2-img {
    width: 100%;
  }
  .residences2-txt {
    width: 100%;
  }

  .residences-heading {
    font-size: 26px;
    line-height: 40px;
    letter-spacing: -0.35px;
  }
  .residences2-main {
    padding: 60px 0px;
    height: 100%;
  }
  .residences2-img img {
    height: 40vh;
}
  .residences3-row {
    display: flex;
    gap: 10px;
    flex-direction: column;
  }
  .residences3-main {
    padding: 60px 0px 90px 0px;
  }
  .residences3-left,
  .residences3-right {
    width: 100%;
  }
  .residences-slider1-main {
    margin-top: 45px;
    height: 100%;
  }
  .residences-slider1-main .swiper-slide img {
    height: 30vh;
  }
  .residences-slider-arrows {
    position: absolute;
    right: -8px;
    left: -8px;
    z-index: 99999;
    top: 52%;
  }
  .residences-slider-arrows .swiper-button-prev,
  .residences-slider-arrows .swiper-button-next {
    background: #125451B2;
    width: 30px;
    height: 30px;
    font-size: 10px;
  }
  .residences-swiper {
    width: 90%;
  }
  .residences-pagination-1 .swiper-pagination-bullet {
        width: 23px;
        height: 4px;
        margin: 0px 3px !important;
  }
  .residences4-left,
  .residences4-right {
    width: 100%;
  }
  .residences4-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .residences-slider2-main .swiper-slide img {
    height: 30vh;
  }
  .residences-slider2-main .swiper-button-prev,
  .residences-slider2-main .swiper-button-next {
    font-size: 10px;
  }
  .residences-slider2-main {
    height: 100%;
        margin-top: 40px;
  }
  .residences-slider2-main .residences-pagination-2 .swiper-pagination-bullet {
        width: 25px;
        height: 4px;
        margin: 0px 3px !important;
  }
  .residences4-main {
    padding: 60px 0px 90px 0px;
    height: 100%;
  }
  .swiper-pagination.residences-pagination-1 {
    bottom: -10% !important;
  }
  .swiper-pagination.residences-pagination-2 {
    bottom: -17% !important;
  }
  .residences-description {
    font-size: 15px;
  }
  .resi4-crumb {
    margin-bottom: 10px !important;
}
.residences-slider2-main .swiper {
    width: 90%;
}
.residences-slider-arrows{
    display: none;
}
.ls-owl-carousel .ls-item img {
    height: 30vh;
}
.ls-prev-icon, .ls-next-icon {
    width: 28px;
}
.ls-owl-carousel .owl-nav .owl-next {
    right: 5px;
    bottom: 12px;
}
.ls-owl-carousel .owl-nav .owl-prev {
    left: 5px;
    bottom: 12px;
}
.ls-heading p{
    font-size:15px;
    width:92%;
        margin-top: 5px;
}
.ls-heading {
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
}
.ls-heading h2 {
    font-size: 26px;
}
.ls-carousel-section {
    background: #0f4c45;
    padding: 70px 0px;
}
.ls-owl-carousel .ls-item{
    height:100%;
        padding: 0 8px;

}
.ls-owl-carousel .owl-dots {
    margin-top: 28px;
}
.ls-owl-carousel .owl-dots .owl-dot span {
    width: 20px;
    margin: 0 4px;
}

.ls-caption{
    bottom: 0;
}
}


/* =========== TABLET VERSION =========== */

@media (min-width: 768px) and (max-width: 1024px) {
  .HeroGlobal-txt h1 {
    font-size: 38px !important;
    line-height: 51.8px !important;
  }
  .residences2 {
    display: flex;
    flex-direction: column;
  }
  .residences2-img img{
      height:100%;
  }
  .residences2-main {
    height: 100%;
  }
  .residences2-img {
    width: 100%;
  }
  .residences2-txt {
    width: 100%;
  }
  .residences-heading {
    font-size: 33px;
    line-height: 45px;
  }
  .residences-description {
    color: #000000;
    font-size: 15px;
    line-height: 22px;
  }
  .residences-slider1-main .swiper-slide {
    height: 100%;
  }
  .residences-slider1-main .swiper-slide img {
    height: 60vh;
    width: 100%;
    object-fit: cover;
  }
  .swiper-pagination.residences-pagination-1 {
    bottom: -10% !important;
  }
  .residences3-main {
    padding: 70px 0px 140px 0px;
  }
  .residences-slider2-main .swiper-slide {
    height: 100%;
  }
  .residences-slider2-main .swiper-slide img {
    height: 60vh;
    width: 100%;
    object-fit: cover;
  }
  .swiper-pagination.residences-pagination-2 {
    bottom: -10% !important;
  }
  .residences-slider-arrows {
   display:none;
  }
  .residences3-left, .residences3-right {
    width: 100%;
}
.residences-pagination-1 .swiper-pagination-bullet {
    width: 90px;
    height: 5px;
    margin: 0px 5px !important;
}
.residences-swiper {
    width: 94%;
}
.residences4-main {
    padding: 70px 0px 150px;
}
.residences4-left, .residences4-right {
    width: 100%;
}
.residences4-row {
    gap: 30px;
}
.residences-slider2-main .swiper {
    width: 94%;
}
.residences-slider2-main .residences-pagination-2 .swiper-pagination-bullet {
    width: 90px;
    height: 5px;
}
.residences-description {
    font-size: 15px;
}
.ls-carousel-section {
    padding: 100px 0px;
}
.ls-owl-carousel .ls-item img {
    height: 350px;
}
.ls-owl-carousel .ls-item {
    padding: 0 20px;
       height: 350px;
}
.ls-heading {
    margin-bottom: 70px;
}
.ls-owl-carousel .owl-dots {
    margin-top: 75px;
}
.ls-owl-carousel .owl-nav .owl-next {
    right: 24px;
}
.ls-owl-carousel .owl-nav .owl-prev {
    left: 24px;
}
.ls-prev-icon, .ls-next-icon {
    width: 40px;
}
}