@charset "UTF-8";

/* CSS Document
#4d4d4d
4d4d4d
*/
@font-face {
  font-family: "Bebas Neue";
  src: url("fonts/BebasNeueBold.eot");
  src:
    url("fonts/BebasNeueBold.eot?#iefix") format("embedded-opentype"),
    url("fonts/BebasNeueBold.woff2") format("woff2"),
    url("fonts/BebasNeueBold.woff") format("woff"),
    url("fonts/BebasNeueBold.ttf") format("truetype"),
    url("fonts/BebasNeueBold.svg#BebasNeueBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bebas Neue";
  src: url("fonts/BebasNeueRegular.eot");
  src:
    url("fonts/BebasNeueRegular.eot?#iefix") format("embedded-opentype"),
    url("fonts/BebasNeueRegular.woff2") format("woff2"),
    url("fonts/BebasNeueRegular.woff") format("woff"),
    url("fonts/BebasNeueRegular.ttf") format("truetype"),
    url("fonts/BebasNeueRegular.svg#BebasNeueRegular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("fonts/Gotham-Bold.eot");
  src:
    url("fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"),
    url("fonts/Gotham-Bold.woff2") format("woff2"),
    url("fonts/Gotham-Bold.woff") format("woff"),
    url("fonts/Gotham-Bold.ttf") format("truetype"),
    url("fonts/Gotham-Bold.svg#Gotham-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("fonts/Gotham-Medium.eot");
  src:
    url("fonts/Gotham-Medium.eot?#iefix") format("embedded-opentype"),
    url("fonts/Gotham-Medium.woff2") format("woff2"),
    url("fonts/Gotham-Medium.woff") format("woff"),
    url("fonts/Gotham-Medium.ttf") format("truetype"),
    url("fonts/Gotham-Medium.svg#Gotham-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("fonts/Gotham-Book.eot");
  src:
    url("fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"),
    url("fonts/Gotham-Book.woff2") format("woff2"),
    url("fonts/Gotham-Book.woff") format("woff"),
    url("fonts/Gotham-Book.ttf") format("truetype"),
    url("fonts/Gotham-Book.svg#Gotham-Book") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("fonts/Raleway-Medium.eot");
  src:
    url("fonts/Raleway-Medium.eot?#iefix") format("embedded-opentype"),
    url("fonts/Raleway-Medium.woff2") format("woff2"),
    url("fonts/Raleway-Medium.woff") format("woff"),
    url("fonts/Raleway-Medium.ttf") format("truetype"),
    url("fonts/Raleway-Medium.svg#Raleway-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

body {
  background: #fff;
  opacity: 0;
  transition: opacity 0.4s ease;
}
body.fade-in {
  opacity: 1;
}
.myLinks {
  color: #3c3c3b;
  transition: all 0.25s ease-in-out;
}
.bebas {
  font-family: "Bebas Neue";
}
.raleway {
  font-family: "Raleway";
}
.gotham {
  font-family: "Gotham";
}
.fw-re {
  font-weight: normal;
}
.fw-bo {
  font-weight: 900;
}
.fw-me {
  font-weight: 500;
}
.fw-li {
  font-weight: 300;
}
.fs-12 {
  font-size: 12px;
}
.fs-13 {
  font-size: 13px;
}
.fs-14 {
  font-size: 14px;
}
.fs-17 {
  font-size: 17px;
}
.fs-18 {
  font-size: 18px;
}
.fs-19 {
  font-size: 19px;
}
.fs-20 {
  font-size: 20px;
}
.fs-22 {
  font-size: 22px;
}
.fs-24 {
  font-size: 24px;
}
.fs-23 {
  font-size: 23px;
}
.fs-26 {
  font-size: 26px;
}
.fs-40 {
  font-size: 40px;
}

.fs-80 {
  font-size: 80px;
}
.fs-70 {
  font-size: 70px;
}
.fs-60 {
  font-size: 60px;
}
.fs-53 {
  font-size: 53px;
}
.fs-45 {
  font-size: 45px;
}
.fs-31 {
  font-size: 31px;
}
.fs-30 {
  font-size: 30px;
}

.lh-1-1 {
  line-height: 1.1 !important;
}
.lh-1-4 {
  line-height: 1.4 !important;
}
.lh-2 {
  line-height: 2 !important;
}
.ls-0 {
  letter-spacing: 0;
}
.bg-d-grey {
  background-color: #808080;
}
.fst-italic {
  font-style: italic;
}
.myLinks:hover {
  color: #4d4d4d;
}

.bg-brand {
  background-color: #4d4d4d;
}
.bg-logo {
  background-color: #a4bac3;
}
.bg-logo {
  background-color: #8c8c8c;
}
.text-brand {
  color: #4d4d4d !important;
}
.text-brown {
  color: #540836;
}
.text-project {
  color: #672668 !important;
}
#projectNavigation {
  align-items: flex-start;
  position: static !important;
}

.border-right-5 {
  border-right: 5px solid #808080;
}

#projectNavigation .navbar-nav .active-nav a {
  color: #fff;
  background-color: #000;
  padding-left: 10px;
  padding-right: 10px;
}
#projectNavigation .navbar-toggler {
  color: #000000;
}

#projectNavigation .nav-item .nav-link {
  display: inline-block;
  font-weight: 800;
  font-size: 19px;
  color: #000;
  padding: 15px 0;
  width: 100%;
  transition: all 0.3s ease;
}

#projectNavigation .nav-item .nav-link:hover {
  cursor: pointer;
  padding: 15px;
  background-color: #000;
  color: #fff;
}

#projectNavigation .nav-item .sneek {
  color: #fff !important;
  /* background-color: #4d4d4d; */
  float: none;
  display: inline-block;
  /* padding-top: 13px;
	padding-right:10px;
  font-size: 9px;
  letter-spacing: 1px;
  line-height: 11px; */
}
/* #projectNavigation .nav-item:nth-child(3) .nav-link{
font-size: 22px;color:#004dad;font-weight: 900;
} */
.projectHero {
  position: relative;
  height: 70vh;
  width: 100%;
  background-image: url("../images/hero.jpg?v=1");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.projectHero .heroCaption {
  position: absolute;
  left: 50%;
  top: 6px;
  transform: translate(-50%, 0);
  text-align: center;
  width: 100%;
}

.projectHero .heroCaption h2 {
  font-size: 62px;
  font-weight: 900;
  line-height: 62px;
}
.projectHero .heroCaption h3 {
  font-size: 46px;
  line-height: 46px;
  font-weight: 400;
  /* text-shadow:0px 3px 6px #3c3c3f; */
}
.line-bottom {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.line-bottom:after {
  bottom: 0px;
  content: "";
  height: 2px;
  left: 35%;
  position: absolute;
  width: 30%;
  background: white;
}

.btn-register {
  background-color: #4d4d4d;
  color: #fff;
}

.btn-download {
  background-color: #fff;
  color: #000000;
  padding: 13px 25px;
  transition: all 0.25s ease-in-out;
  letter-spacing: 2px;
  border: 1px solid #000;
  line-height: 32px;
  cursor: pointer;
}

.btn-download:hover {
  background-color: #3c3c3f;
  color: #fff;
  border-radius: 5px;
}

.customButton {
  background-color: #000;
  color: #fff;
  padding: 15px 30px;
  letter-spacing: 1px;
  font-size: 18px;
  transition: all 0.25s ease-in-out;
}

.customButton:hover {
  background-color: #4d4d4d;
  color: #fff;
  cursor: pointer;
}

.apsBar {
  background-color: #4d4d4d;
  padding: 25px;
}

#registrationForm .form-control {
  border: 1px solid #000;
  border-radius: 0;
  color: #000;
  font-weight: 300;
}

#registrationForm select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: 98% 50%;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiBoZWlnaHQ9IjUwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MCA1MCIgd2lkdGg9IjUwcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iNTAiIHdpZHRoPSI1MCIvPjxwb2x5Z29uIHBvaW50cz0iNDcuMjUsMTUgNDUuMTY0LDEyLjkxNCAyNSwzMy4wNzggNC44MzYsMTIuOTE0IDIuNzUsMTUgMjUsMzcuMjUgIi8+PC9zdmc+);
  padding: 0.5em;
  padding-right: 15px;
  color: #000;
  background-size: 22px;
}

.rendering-wrapper {
  display: block;
  margin: 0 auto;
}

.img-rendering-Wrapper {
  float: left;
}

.img-rendering-block {
  width: 100%;
}

.img-selected {
  filter: opacity(50%) !important;
}

.add-border {
  border-left: 0.001rem solid #fff;
  border-right: 0.001rem solid #fff;
}

.townHouseName {
  background-color: #3c3c3f;
  color: #fff;
  text-align: center;
  padding: 0;
  transition: all 0.25s ease-in-out;
  letter-spacing: 0px;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  min-height: 7.5vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.img-rendering-Wrapper:hover .townHouseName {
  background-color: #3c3c3f;
}

.house-label {
  color: #000;
  transition: all 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.house-name {
  text-transform: uppercase;
  transition: all 0.15s ease-in-out;
}

.house-link:hover .house-name {
  color: #4d4d4d;
}

.accordion_head:hover {
  cursor: pointer;
}

.accordion_body {
  display: none;
}

.plusminus {
  transition: all 0.3s ease-in-out;
}

.elevation-name-caption {
  /* position: absolute; */
  right: 0;
  bottom: 0;
  color: #000000;
  width: 100%;
  /* background-color: rgba(0, 0, 0, .4); */
  padding-right: 0px;
  padding-top: 5px;
  background-color: #ffffff;
}

.bonus-wrapper {
  background-color: #ededed;
}

.plusBonus-wrapper {
  color: #fff;
  background-color: #706f6f;
}

.border-top-3 {
  border-top: 5px solid;
}

.border-bottom-3 {
  border-bottom: 5px solid;
}

.ls-3 {
  letter-spacing: 3px;
}

.info-box {
  position: absolute;
  z-index: 999;
  background: #fff;
  padding: 0;
  border: 2px solid #672667;
  display: none;
  transform: translate(-50%, -50%);
  border-radius: 15px;
  transition: all 0.25s linear;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
}
.info-box img {
  max-width: 100px;
  height: auto;
  border-radius: 15px;
}
.info-box:after,
.info-box:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.info-box:after {
  border-color: rgba(255, 255, 255, 0);
  /* border-top-color: #FFF; */
  border-width: 30px;
  margin-left: -30px;
}
.info-box:before {
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #672667;
  border-width: 33px;
  margin-left: -33px;
}

.projectColor {
  color: #672667;
  font-weight: 900;
}
.h-70 {
  font-size: 70px !important;
}

.carousel-indicators li {
  width: 200px;
  text-indent: 0;
  height: auto;
}
.carousel-indicators li:not(.active) {
  opacity: 0.7;
}
.carousel-indicators {
  position: static;
  justify-content: flex-start;
}
.carousel-control-next,
.carousel-control-prev {
  top: 0;
}
.carousel-inner {
  background-color: rgba(132, 132, 132, 0.2);
}

button:focus {
  outline: none;
}

.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 0;
}
.owl-nav button.owl-next {
  right: 0;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color: #000;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.38) !important;
}

.owl-nav button:focus {
  outline: none;
}
.owl-item {
  /* height: 310px !important;  */
  display: flex;
}
.item {
  width: 100%;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  border: 1px solid black !important;
}

.hero-logos img {
  max-height: 30px;
}
.floorplan-navpills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
}
.floorplan-navpills .nav-item {
  width: calc(50% - 5px);
}
.floorplan-navpills .nav-item .nav-link {
  border: 1px solid #000;
  border-radius: 0;
  color: #000;
  font-weight: 300;
  padding: 10px 20px;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  background-color: #fff;
  width: 100%;
  text-align: center;
  font-size: 14px;
  &:hover,
  &:focus {
    background-color: #000;
    color: #fff;
  }
}
.floorplan-navpills .nav-item .nav-link.active {
  background-color: #000;
  color: #fff;
}
/* pricelist button */
.pricelist_btn {
  background-color: #000;
  color: #fff;
  padding: 1.5rem 2rem;
  width: 100%;
  font-size: clamp(25px, 2vw, 2.7rem);
  font-weight: 100;
  display: block;
  text-transform: uppercase;
  transition: transform 0.3s ease; /* <-- smooth scale */
}

.pricelist_btn div {
  font-size: clamp(16px, 1vw, 1.7rem);
}

.pricelist_btn b {
  font-weight: 900;
}

.pricelist_btn:hover {
  color: #fff;
  transform: scale(0.95);
}

/* upgrade button */
.upgrade_btn {
  background-color: #000;
  color: #fff;
  padding: 1.5rem 2rem;
  width: 100%;
  font-size: clamp(20px, 2vw, 2.3rem);
  font-weight: 100;
  display: block;
  text-transform: uppercase;
  transition: transform 0.3s ease; /* <-- smooth scale */
}

.upgrade_btn div {
  font-size: clamp(14px, 1vw, 1.3rem);
}

.upgrade_btn b {
  font-weight: 900;
}

.upgrade_btn:hover {
  color: #fff;
  transform: scale(0.95);
}

/* Base pills */
.community-nav-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}

/* Base layout: 2 per row */
.community-nav-pills .nav-item {
  flex: 0 0 calc(50% - 5px);
}

/* Nav-link styles (unchanged) */
.community-nav-pills .nav-item .nav-link {
  border: 1px solid transparent;
  border-radius: 0;
  color: #000;
  font-weight: 300;
  padding: 10px 20px;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  background-color: #808080;
  width: 100%;
  text-align: center;
}
.community-nav-pills .nav-item .nav-link:hover {
  transform: scale(0.95);
}
.community-nav-pills .nav-item .nav-link.active:hover {
  transform: unset;
  cursor: default;
}
.community-nav-pills .nav-item .nav-link img {
  max-height: 40px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.community-nav-pills .nav-item .nav-link .view-plans-text {
  background-color: #000;
  color: #fff;
  margin-bottom: -10px;
  margin-left: -20px;
  width: calc(100% + 40px);
  padding: 10px;
}

/* SINGLE VIEW MODE
   -------------------------------------- */

/* Hide all non-selected pills entirely in single mode */
.community-nav-pills.single-mode .nav-item:not(.expanded) {
  display: none;
}

/* Selected pill becomes full-width */
.community-nav-pills.single-mode .nav-item.expanded {
  flex: 0 0 100%;
}

/* Hide the "CLICK TO VIEW" text when expanded */
.community-nav-pills .nav-item.expanded .view-plans-text {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition:
    opacity 0.2s ease,
    max-height 0.2s ease;
}

/* Fade helper states */
.community-nav-pills.is-fading-out {
  opacity: 0;
  transform: translateY(-8px);
}

.community-nav-pills.is-fading-in {
  opacity: 1;
  transform: translateY(0);
}

.municipalities {
  font-size: clamp(16px, 2vh, 30px);
  padding: 20px 0;
  display: flex;
  flex-direction: row;
  gap: 15px;
  flex-wrap: wrap;
}
.municipalities .box {
  padding: 10px 20px;
  border: 2px solid #ffffff;
}

@media screen and (min-width: 1400px) {
  .projectHero {
    height: 715px;
  }
}
@media (min-width: 993px) and (max-width: 1399px) {
  .projectHero {
    height: 600px;
  }
  .hero-map {
    width: 400px;
  }
  .projectHero .heroCaption h2 {
    font-size: 50px;
    line-height: 50px;
  }
  .projectHero .heroCaption h3 {
    font-size: 35px;
    line-height: 35px;
  }
  .fs-26 {
    font-size: 20px;
  }
  .fs-60 {
    font-size: 50px;
  }
}
@media (min-width: 992px) {
  .content-wrapper {
    padding-left: 30px;
    padding-top: 30px;
    padding-bottom: 60px;
  }

  .projectNav-wrapper {
    border-right: 1px solid #3a3a3a;
    margin-top: 35px;
    margin-bottom: 15px;
    padding: 0px 0 0 0;
  }
  .bg-milky {
    background: #fff;
  }

  #projectNavigation {
    flex-flow: column;
    padding-top: 100px;
    padding: 0;
    top: 100px;
  }

  #projectNavigation .navbar-nav {
    flex-direction: column !important;
  }

  #projectNavigation .img-project-logo {
    margin-left: 0px;
  }
  .bonus-wrapper,
  .plusBonus-wrapper {
    margin-left: -15px;
  }
}
@media (max-width: 1200px) {
  .h-36 {
    font-size: 33.5px;
    line-height: 35px;
  }
  .fs-26 {
    font-size: 18px;
  }
  #projectNavigation .nav-item .nav-link {
    font-size: 12px;
  }
  .fs-31 {
    font-size: 24px;
  }
  .fs-23 {
    font-size: 19px;
  }
}
@media (max-width: 991px) {
  .content-wrapper {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 30px;
  }

  #projectNavigation .navbar-toggler {
    border-color: #4d4d4d;
    border: none;
  }

  #projectNavigation .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }

  #projectNavigation .navbar-brand {
    margin-right: 1px;
    margin-top: -15px;
  }

  #projectNavigation .navbar-brand img {
    width: 290px;
    margin-top: 15px;
  }

  #projectNavigation .nav-item .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #projectNavigation .nav-item .sneek br {
    display: none;
  }

  #projectNavigation .nav-item .nav-link {
    font-size: 12px;
  }

  #projectNavigation .navbar-toggler {
    margin-top: 10px;
  }
  .fs-22 {
    font-size: 20px;
  }
  .townHouseName {
    font-size: 11px;
    letter-spacing: 1px;
  }
  .projectHero .heroCaption h2 {
    font-size: 44px;
    line-height: 44px;
  }
  .projectHero .heroCaption h3 {
    font-size: 30px;
    line-height: 35px;
  }
  .hero-map {
    width: 300px;
  }
  .fs-60 {
    font-size: 42px;
  }
  .border-right-5 {
    border-right: none;
  }
  /* .projectHero{background-image: url(../images/hero-m.jpg);} */
  .fs-31 {
    font-size: 28px;
  }
  .fs-23 {
    font-size: 19px;
  }
}

@media (max-width: 767px) {
  .municipalities {
    font-size: clamp(16px, 1vh, 30px);
    text-align: center;
  }
  .flipbooks-wrapper {
    text-align: center;
  }
  .flipbooks-wrapper img {
    width: 150px;
  }
  .h-70 {
    font-size: 40px !important;
  }
  .townHouseName {
    font-size: 9px;
    letter-spacing: 0px;
  }
  .projectHero {
    height: 47vh;
  }
  .email {
    font-size: 26px;
  }
  .fs-80 {
    font-size: 50px;
  }
  .fs-70 {
    font-size: 45px;
  }
  .fs-60 {
    font-size: 40px;
  }
  .fs-53 {
    font-size: 35px;
  }
  .fs-45 {
    font-size: 32px;
  }
  .fs-40 {
    font-size: 30px;
  }
  .fs-30 {
    font-size: 25px;
  }
  .fs-31 {
    font-size: 24px;
  }
  .fs-26 {
    font-size: 17px;
  }
  .fs-24 {
    font-size: 16px;
  }
  .fs-23 {
    font-size: 18.6px;
  }
  .carousel-control-next,
  .carousel-control-prev {
    top: -38%;
  }
  .hero-map {
    width: 250px;
  }
  .projectHero .heroCaption h2 {
    font-size: 40px;
    line-height: 40px;
  }
  .projectHero .heroCaption h3 {
    font-size: 25px;
    line-height: 25px;
  }
  .fs-60 {
    font-size: 35px;
  }

  .floorplan-navpills .nav-item {
    width: 100%;
  }

  .community-nav-pills .nav-item {
    flex: 0 0 100%;
  }
}

@media (max-width: 576px) {
  .h-70 {
    font-size: 40px !important;
  }
  .townHouseName {
    font-size: 6px;
    letter-spacing: 0px;
  }
  .email {
    font-size: 16px;
  }
  .projectHero .heroCaption h2 {
    font-size: 18px;
    line-height: 18px;
    text-shadow: 2px 3px 5px #3c3c3f;
  }
  .projectHero .heroCaption h3 {
    font-size: 15px;
    line-height: 15px;
  }
  .fs-80 {
    font-size: 30px;
  }
  .fs-70 {
    font-size: 25px;
  }
  .fs-60 {
    font-size: 20px;
  }
  .fs-53 {
    font-size: 20px;
  }
  .fs-45 {
    font-size: 25px;
  }
  .fs-40 {
    font-size: 20px;
  }
  .fs-30 {
    font-size: 15px;
  }
  .h-21 {
    font-size: 14px;
    line-height: 21px;
  }
  .fs-19 {
    font-size: 13px;
  }
  .fs-20 {
    font-size: 10px;
  }
  .h-36 {
    font-size: 28px;
    line-height: 24px;
  }
  .projectHero {
    height: 35vh;
  }
  #projectNavigation .navbar-brand img {
    width: 205px;
  }
  #projectNavigation .navbar-toggler {
    font-size: 8px;
  }
  .hero-map {
    width: 150px;
  }
  /* .price-point{width: 230px;} */
  .municipalities {
    font-size: clamp(10px, 1vh, 30px);
    text-align: center;
    padding: 5px 0;
  }
  .municipalities .box {
    padding: 5px;
  }
}

@media (max-width: 400px) {
  .fs-14 {
    font-size: 11px;
  }
  .carousel-control-next,
  .carousel-control-prev {
    top: -44%;
  }
  .carousel-indicators li {
    height: auto;
    width: 135px;
  }
  .customButton {
    padding: 12px 5px !important;
    font-size: 9px;
  }
  .h-24 {
    font-size: 15px !important;
  }
  /* .price-point{width: 230px;} */

  #projectNavigation .nav-item .nav-link {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 10px;
  }

  .fs-17 {
    font-size: 14px;
  }

  .content-wrapper {
    padding-top: 5px;
  }
  .h-36 {
    font-size: 22px;
    line-height: 18px;
  }
  .fs-26 {
    font-size: 13.2px;
    line-height: 14px;
  }
  .fs-53 {
    font-size: 14px;
  }
  .fs-40 {
    font-size: 12px;
  }
  .fs-30 {
    font-size: 10px;
  }
  #projectNavigation {
    padding-bottom: 0;
  }
  .projectHero {
    height: 23vh;
  }
  .fs-31 {
    font-size: 17px;
  }
  .fs-23 {
    font-size: 13px;
  }
}