#main-floorplan{
    margin-bottom: 100px;
}

.model-name:hover {
  a{
    color: var(--dark-green) !important;
  }
}
.model-name{
  a{
    color: black;
  }
  margin-bottom: 2rem;
}

.data-with-icons {
  border-top: #d4d4d4 solid 1px;
  border-bottom: #d4d4d4 solid 1px;
}

#myTab .nav-link{
    font-weight: 500 !important;
}

.icon-text{
  text-transform: uppercase;
}

button.nav-link:not(.nav-link-active):hover{
    text-decoration-color: var(--green);
    color: var(--green);
}


.avrame-hero-content h1 {
  font-weight: 600;
  text-transform: capitalize;
  font-size: 3rem !important;
}

.filter-nav {
  background: #bbdebb;
}
.filter-nav .row > *{
  padding-left: unset;
  padding-right: unset;
}

.filter-nav .nav-link {
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.filter-nav .nav-link-active {
  color: white;
  background-color: var(--green);
}

.image-gallery-container {
  position: relative;
}
.small-images-container{
  align-items: center;
}
.small-images-container img{
  height: 100%;
}

.image-gallery-container{
  aspect-ratio: 3 / 2;
}

@media (max-width: 768px) {

  .image-gallery-container .small-images-container {
      position: absolute;
      top: 0.5rem;
      right: 0.5rem;
      bottom: 0.5rem;
      z-index: 10;
      width: 10rem;
      gap: 0.5rem;
      max-width: 40%;
      max-height: 95%;
  }
  .image-gallery-container .main-image-container {
      height: 100%;
      width: 100%;
      padding-bottom: 75%;
  }
  .image-gallery-container .main-image-container img {
      position: absolute;
  }
  
  .main-image-container{
    padding-left: unset;
  }
  .data-with-icons >*{
    margin-top: 0 !important;
    background-color: rgb(248, 249, 250);
    padding-top: 0.7rem !important;
    padding-bottom: 0.7rem !important;
    
  
  }
  .data-with-icons{
    border-top: unset;
  border-bottom: unset;
  }
}

#plans-btn{
  color: white;
  font-weight: bold !important;
  font-size: 1rem !important;
  border: none;
  padding: 12px 20px !important;
  background-color: var(--green);
  text-decoration: none;
}
#plans-btn:hover{
  background-color: var(--dark-green);
}
.price-section{
  font-family: "Roboto" !important;
  span:nth-child(1){
    font-size: 14px !important;
  }
  span:nth-child(2){
    font-size: 24px !important;
  }
}