.section {
  margin-top: 53px;
  margin-bottom: 32px;
  position: sticky;
}

.sectionTitle {
  font-weight: 500 !important;
  font-size: 32px !important;
  color: #1a1a1a !important;
  margin-bottom: 10px  !important;
}

.featuresGrid {
  width: 100% !important;
  margin-left: -10px !important;
}

.featuresGridItem {
  padding-top: 32px !important;
  padding-left: 10px !important;
}

.featureItem {
  position: relative;
}

.overlayBox {
  position: absolute;
  bottom: 0;
  z-index: 99;
  width: 100%;
  padding: 16px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  color: #fff;
  border-radius: 0 0 2px 2px;
  box-sizing: border-box;
}

.featureTitle {
  font-weight: 600;
  font-size: 15px;
}

.featureAddress {
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.featureDetails {
  display: flex;
  gap: 10px;
  margin-top: 6px;
  justify-content: space-between;
}

.quantity {
  display: flex;
  align-items: center;
  gap: 12px;
}

.beds {
  width: 55px;
  height: 11.75px;
  border-right: 1px solid #ffffff;
  display: flex;
  align-items: center;
}

.bedText {
  font-size: 13px;
  font-weight: 400;
}

.baths {
  width: 55px;
  height: 11.75px;
  border-right: 1px solid #ffffff;
  display: flex;
  align-items: center;
}

.bathText {
  font-size: 13px;
  font-weight: 400;
}

.sq_feets {
  height: 11.75px;
  display: flex;
  align-items: center;
}

.sq_feetText {
  font-size: 13px;
  font-weight: 400;
}

.priceText {
  font-size: 19px;
  font-weight: 700;
}

.locationIcon {
  font-size: 14px;
  margin-right: 6px;
}

.heading {
  margin-bottom: 24px;
}

.featureBox {
  margin-bottom: 16px;
}

.dotsWrapper {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

.dotsContainer {
  display: flex;
  gap: 8px;
}

.dot {
  width: 12px;
  height: 11.61px;
  border-radius: 6px;
  background-color: #00000033;
  cursor: pointer;
  transition: all 0.3s ease;
}

.dot:hover {
  background-color: #00000055;
}

.activeDot {
  width: 29px;
  background-color: #393e46;
}

@media screen and (min-width: 320px) and (max-width: 1360px) {
  .featuresGrid {
    width: 95% !important;
    margin: auto !important;
    margin-left: 1.7% !important;
  }
  .sectionTitle {
    width: 95% !important;
    margin: auto !important;
  }
  .featuresGridItem {
    padding-top: 0px !important ;
  }
}

@media screen and (min-width: 320px) and (max-width: 740px) {
  .featureDetails {
    flex-direction: column;
    gap: 5px;
  }

  .priceText {
    display: block;
  }
  .featuresGridItem {
    padding-top: 0px !important ;
    /* padding-left: 0px !important; */
  }
}

@media screen and (min-width: 320px) and (max-width: 449px) {
 
  .featuresGridItem {
    padding-left: 0px !important;
  }
}