/*
Theme Name: Northeasternalliance project
Description: Northeasternalliance project
Author: Northeasternalliance project
Version: 1.0.0.1
*/
/* =WordPress Core- */

.logo-big {
  overflow: hidden;
  opacity: 0;
  display: flex;
  align-items: center;
  height: 82px;
  padding-right: 12px;
  height: 5vw;
}


body {
  font-family: 'Mukta', sans-serif;
  color: #fff;
}


header nav {
  /* background: url('./assets/img/jpg/bg-head.jpg') top center no-repeat; */
  background-size: cover;
  background: rgba(0, 0, 0, .8);
}


header nav button:focus {
  box-shadow: none !important;
}

.error404 section {
  margin-top: 145px;
  height: 34vh;
}

.error404 h1 {
  text-align: center;
}

body {
  background: url('./assets/img/jpg/bg-main-h.png') bottom center;
  /* padding-top: 93px; */
}

#preload-section {
  /* margin-top: -93px; */
}

.wrapper-header {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 10px auto 10px 0;
}

.logo-img {
  width: 304px;
  /* height: 70px; */
  */ margin-top: 7px;
  margin-right: 50px;
}

.logo-img-footer {
  width: 304px;
  margin-bottom: 5px;
}

nav .expand-nav li a {
  padding: 0 18px;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  font-weight: 100;
  font-family: 'ShreeDev0714', cursive;
}

.offcanvas {
  flex-direction: row;
}

nav .expand-nav li.current-menu-item a {
  font-weight: 400;
  -webkit-transition: all 0.3s ease;
  /* Safari & Chrome */
  -moz-transition: all 0.3s ease;
  /* Firefox */
  -o-transition: all 0.3s ease;
  /* Older Opera */
  transition: all 0.3s ease;
  /* Standard */
  font-weight: bold;
}

nav .expand-nav li a:hover {
  color: #478ac9;
  -webkit-transition: all 0.3s ease;
  /* Safari & Chrome */
  -moz-transition: all 0.3s ease;
  /* Firefox */
  -o-transition: all 0.3s ease;
  /* Older Opera */
  transition: all 0.3s ease;
  /* Standard */

}

section {
  padding-top: 30px;
  padding-bottom: 40px;
}

.section_contact {
  height: 96vh;
  display: flex;
  align-items: center;
}

.footer {
  color: #fff;
  /* font-family: 'Montserrat', sans-serif; */
  font-weight: 400;
  padding-top: 80px;
  font-family: "Avant Guard";
}

.page-id-326 .footer {
  /* padding-bottom: 30px; */
}

.text-footer {
  font-size: 18px;
  font-weight: 100;
}

.adress-footer b,
.footer .title-footer {
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
  font-size: 18px;
  letter-spacing: 1px;
  font-family: "AvantGardeITCbyBT-Demi";
}


.adress-footer li {
  margin-bottom: 10px;
}

footer ul {
  list-style: none;
  padding: 0;
}

footer ul li a {
  color: #fff;
  text-decoration: none;
  line-height: 30px !important;
  font-weight: 100;
  font-size: 18px;
}

.social_icons svg {
  width: 30px;
  background: #fff;
  border-radius: 100%;
  padding: 3px;
}

.social_icons a {
  margin-right: 20px;
  text-decoration: none;
}

.footer-bottom {
  border-top: solid 2px #384559;
  padding-top: 7px;
  margin-top: 25px;
  padding-bottom: 7px;
  font-weight: 100;
  font-size: 18px;
  text-align: center;
}

.footer-bottom .container {
  display: flex;
  justify-content: space-between;
}

.footer-bottom ul {
  display: flex;
  align-items: flex-end;
}

.footer-bottom ul li {
  margin-right: 10px;
}

.adress-footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-weight: 100;
}

.adress-footer li {
  margin-bottom: 16px;
  padding-left: 20px;
  line-height: 24px;
}

.adress-footer span,
.adress-footer b {
  position: relative;
}

.adress-footer li:first-child span:first-of-type::before {
  content: "";
  position: absolute;
  left: -28px;
  top: 2px;
  fill: #fff;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M224.2 89C216.3 70.1 195.7 60.1 176.1 65.4L170.6 66.9C106 84.5 50.8 147.1 66.9 223.3C104 398.3 241.7 536 416.7 573.1C493 589.3 555.5 534 573.1 469.4L574.6 463.9C580 444.2 569.9 423.6 551.1 415.8L453.8 375.3C437.3 368.4 418.2 373.2 406.8 387.1L368.2 434.3C297.9 399.4 241.3 341 208.8 269.3L253 233.3C266.9 222 271.6 202.9 264.8 186.3L224.2 89z'/%3E%3C/svg%3E");
}

.adress-footer li:first-child span:nth-of-type(2)::before {
  content: "";
  position: absolute;
  left: -28px;
  top: 2px;
  width: 24px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M112 128C85.5 128 64 149.5 64 176C64 191.1 71.1 205.3 83.2 214.4L291.2 370.4C308.3 383.2 331.7 383.2 348.8 370.4L556.8 214.4C568.9 205.3 576 191.1 576 176C576 149.5 554.5 128 528 128L112 128zM64 260L64 448C64 483.3 92.7 512 128 512L512 512C547.3 512 576 483.3 576 448L576 260L377.6 408.8C343.5 434.4 296.5 434.4 262.4 408.8L64 260z'/%3E%3C/svg%3E");
}

.adress-footer li:nth-child(2) b::before,
.adress-footer li:nth-child(3) b::before {
  content: "";
  position: absolute;
  left: -28px;
  top: 0px;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-size: contain;

  background-image: url("data:image/svg+xml,%3Csvg fill='%236598b2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M128 252.6C128 148.4 214 64 320 64C426 64 512 148.4 512 252.6C512 371.9 391.8 514.9 341.6 569.4C329.8 582.2 310.1 582.2 298.3 569.4C248.1 514.9 127.9 371.9 127.9 252.6zM320 320C355.3 320 384 291.3 384 256C384 220.7 355.3 192 320 192C284.7 192 256 220.7 256 256C256 291.3 284.7 320 320 320z'/%3E%3C/svg%3E");

}

/* SECTION HEADER */
.section-header {
  background: #000;
  color: #fff;
  /* padding: 15px 20px; */
  display: flex;
  align-items: center;
  font-weight: 600;
  position: relative;
}

.swiper-pagination {
  right: 65px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: table;
}

.swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background: #3849a2;
  opacity: 1;
  margin: 0 5px;
  margin-top: 6px;
}


.section-header .swiper-pagination-bullet,
.listings-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background: #3849a2;
  opacity: 1;
  margin: 0 7px;
  margin-top: 6px;
}

.section-header .swiper-pagination-bullet-active,
.listings-pagination .swiper-pagination-bullet-active {
  background: #fff;
  width: 15px;
  height: 15px;
}

.section-header h2 {
  margin-bottom: 0;
  margin-left: 18px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 2px;
  font-family: "Avant Guard";
}

h2 {}

.section-header i {
  margin-right: 10px;
  font-size: 20px;
}

/* CARD */
.listing-card {
  background: #fff;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
}

.listing-card img {
  width: 100%;
  object-fit: cover;
}

.img-title {
  position: relative;
  display: block;
  overflow: hidden;
  min-height: 240px;
  background: #f8f8f8;
}

/* CREATE THE OVERLAY ALWAYS */
.img-title::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}

/* FADE IN */
.img-title:hover::before {
  opacity: 1;
}

/* ensure image stays below overlay */
.img-title img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}




.listing-body {
  padding: 12px;
  padding-bottom: 20px;
  max-height: 166px;
}

.listing-price {
  font-weight: 700;
  color: #000;
}

.learn-more {
  background: #008001;
  color: #fff;
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 3px;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: .4px;
}

/* ICON ROW */
.listing-meta {
  display: flex;
  font-size: 12px;
  border-top: 1px solid #efefef;
  background: #f8f8f8;
  border-bottom: 1px solid #efefef;
  margin: 0 -12px;
  align-items: center;
  margin-top: 10px;
}

.listing-meta span {
  display: block;
  padding: 5px 0px;
  width: 25%;
  text-align: center;
  border-right: 1px solid #efefef;
  color: #666;
  font-weight: 700;
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
  vertical-align: middle;
  align-items: center;
}

.listing-meta span:after {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 300;
}

.listing-meta span:nth-child(1):after {
  content: 'Availability';
}

.listing-meta span:nth-child(2):after {
  content: 'Bath';
}

.listing-meta span:nth-child(3):after {
  content: 'Beds';
}

.listing-meta span:nth-child(4):after {
  content: 'Parking';
}

/* SWIPER */
.swiper {
  padding: 10px 0;
  overflow: hidden;
}

/* WP-Optimize Fallback: Ensure slides lay out horizontally even before JS runs */
.swiper:not(.swiper-initialized):not(.swiper-container-initialized) .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.swiper:not(.swiper-initialized):not(.swiper-container-initialized) .swiper-slide {
  flex-shrink: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .swiper:not(.swiper-initialized):not(.swiper-container-initialized) .swiper-slide {
    width: 33.3333%;
  }
}

/* TITLE OVER IMAGE */
.listing-image-wrap {
  position: relative;
}

.listing-title {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 90%;
  padding: 8px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
  z-index: 2;
  background-color: rgba(255, 255, 255, .75);
  text-align: center;
  color: #414141;
}

.listing-card h3 {
  color: #3d50b4;
  font-size: 18px;
  margin-bottom: -5px;
}

.listing-card .small,
.listing-card small {
  font-style: italic;
  color: #b1b1b1;
  display: block;
  margin-bottom: 7px;
  border: 0;
  text-decoration: none !important;
}

.small a {
  color: inherit !important;
  text-decoration: none !important;
  border: none !important;
}

.listing-price {
  display: inline-block;
  background: #666;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 33px;
  padding: 3px 12px 0px 0px;
  vertical-align: middle;
  font-size: 14px;
  margin-right: 5px;
  margin-top: -1px;
}

.listing-price:before {
  content: "$";
  width: 24px;
  background: rgba(0, 0, 0, .1);
  padding: 3px 8px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  /* line-height: 30px; */
  height: 30px;
  display: inline-block;
  font-weight: 400;
  position: relative;
  /* top: -5px; */
  vertical-align: middle;
  margin-right: 5px;
}

.propertiesSwiper h3 {
  color: #333;
  font-weight: 400;
  line-height: 1.5em;
  font-family: "Montserrat", sans-serif;
}

.propertiesSwiper small {
  font-size: 16px;
  color: #959595;
}

.propertiesSwiper .listing-body {
  padding-bottom: 5px;
  padding-top: 0;
  margin-top: 17px;
}

.bg-pre {
  background: #3849a2;
  padding: 13px;
}

.faq-accordion {
  background: #fff;
  padding-top: 40px;
}

.faq-item {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
}

.faq-question {
  width: 100%;
  background: #f7f7f7;
  border: none;
  padding: 18px 22px;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.faq-question:hover {
  background: #f2f2f2;
}

.faq-answer {
  padding: 18px 22px;
  font-size: 15px;
  color: #555;
  background: #fff;
}

/* Plus / Minus Icon */
.faq-icon {
  width: 22px;
  height: 22px;
  border: 1px solid #333;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
}

.faq-icon::before,
.faq-icon::after {
  content: "";
  position: absolute;
  background: #333;
}

.faq-icon::before {
  width: 10px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.faq-icon::after {
  width: 2px;
  height: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* When open = minus */
.faq-question:not(.collapsed) .faq-icon::after {
  display: none;
}


/* SECTION BACKGROUND */
.team-section {
  padding: 80px 0;
  color: #ffffff;
}

.team-section h2 {
  text-align: center;
  font-size: 18px;
  padding-top: 80px;
  padding-bottom: 20px;
  letter-spacing: 1px;
  font-family: "Avant Guard";
}

/* CARD */
.team-card {
  text-align: left;
  padding: 20px 0px;
  font-family: 'Montserrat', sans-serif;
}

/* AVATAR */
.team-avatar {
  /* width: 160px; */
  /* height: 160px; */
  margin: 0 auto 40px;
  border-radius: 50%;
  /* border: 4px solid rgba(255,255,255,0.9); */
  overflow: hidden;
  width: 80%;
}

.team-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* NAME */
.team-name {
  font-size: 22px;
  margin-bottom: 3px;
  font-weight: 100;
  letter-spacing: .5px;
  font-family: "Avant Guard";
}

/* TEXT */
.team-content {
  font-size: 19px;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.85);
  font-family: "Avant Guard";
}

/* SPACING BETWEEN ROWS */
.team-member {
  margin-bottom: 50px;
}

/* ====== HERO ====== */
.home-hero {
  position: relative;
  min-height: 520px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  color: #fff;
}

.home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .35);
}

.home-hero .hero-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 80px 0;
}

.hero-title {
  font-weight: 700;
  font-size: 6rem;
  line-height: 1.05;
  margin: 0 0 10px;
}

.hero-subtitle {
  opacity: .9;
  line-height: 1.6;
  margin-bottom: 18px;
  font-size: 1.5rem;
  text-align: center;
}

.hero-actions .btn {
  border-radius: 0;
  font-weight: 700;
  padding: 14px 32px 14px 32px;
  font-size: 12px;
  letter-spacing: 2px;
  font-size: 0.775rem;
  text-transform: uppercase;
  border-radius: 5px;
  margin: 0 5px;
}

.impact-left-content p {
  font-size: 3rem;
  font-weight: 400;
  font-size: 3rem;
  line-height: 1.1;
}

.btn-light:hover {
  background: #000;
  color: #fff;
  border-color: #000;
}

.btn-ghost:hover {
  background-color: #000 !important;
  opacity: 1;
  color: #fff;
  border-color: #000;
}

.btn-ghost {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, .8);
  color: #fff;
}

.btn-ghost:hover {
  background: rgba(255, 255, 255, .12);
}

/* ====== IMPACT SECTION ====== */
.impact-wrap {
  background: #fff;
  /* padding: 83px 0; */
}

.impact-left h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}

.impact-left .btn {
  border-radius: 0;
  font-size: 16px;
  font-weight: 700;
  padding: 8px 16px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 30px auto 0 0;
  padding: 9px 30px;
}

/* WYSIWYG look similar */
.impact-right,
.impact-left-content {
  font-size: 12px;
  line-height: 1.8;
  color: #333;
}

.impact-left-content p {
  width: 80%;
}

.select2-selection {
  color: #000 !important;
  background: #fff !important;
}

.select2-selection__arrow {
  background: #fff !important;
}

.impact-right {
  font-size: 1.3rem;
  line-height: 1.6;
  margin: 0;
}

.page-id-88 .container {
  max-width: 675px;
  text-align: center;
}


.page-id-462 .footer,
.page-id-462 header {
  display: none;
}

.page-id-88 .wp-post-image {
  margin: 0 auto;
  display: table;
  margin-top: 0;
  border-radius: 0 !important;
}

/* .page-id-88 .navbar-toggler {
  display: none;
} */

.page-id-88 h1 {
  font-size: 48px;
  font-weight: 100;
}

/* .page-id-88 .fixed-top {
  position: relative;
}

body.page-id-88 {
  margin-top: 0;
  background: #fff;
} */

.page-id-88 section {
  color: #333333;
  font-family: "HaasGrot Disp R 55 Rm Trial";
}

.contact-board {
  padding-top: 0;
  /* height: 100%; */
  /* min-height: 771px; */
  position: relative;
  padding-bottom: 0;
}

.contact-board>img {
  /* position: absolute; */
  /* top: 0; */
}

#started {
  padding-top: 10px;
  font-family: "HaasGrot Disp R 55 Rm Trial";
  text-align: left;
}

#started>p {
  font-size: 18px;
  font-family: "HaasGrot Disp R 55 Rm Trial";
  line-height: 25px;
}

#getstarted {
  padding-top: 20px;
}

.started {
  background: #000;
  padding: 5px 80px;
  border-radius: 5px;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  margin: 0 auto;
  display: table;
  margin-top: 29px;
  margin-bottom: 30px;
}

.contact-board .container {
  z-index: 999;
  position: relative;
  max-width: max-content;
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}

#started figure {
  max-width: 500px;
  margin: 0 auto;
  z-index: 9999;
  /* position: absolute; */
  /* bottom: -50px; */
  left: 0;
  right: 0;
  margin: auto;
  margin-bottom: 30px;
  margin-top: 10px;
}

.contact-board p {
  color: #fff;
  font-weight: 100;
  font-size: 18px;
  margin-top: 10px;
  font-family: "HaasGrot Disp R 55 Rm Trial";
}

.n-logo img {
  height: auto;
  max-width: 600px;
  margin-top: 70px;
  /* max-width: 100%; */
  max-width: 58%;
}

/* ====== DIVIDER BG TITLE (Recent Projects / Community Impact) ====== */
.bg-divider {
  position: relative;
  background-size: cover;
  background-position: center;
  padding: 49px 0;
  color: #fff;
  text-align: center;
}

.bg-divider::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .45);
}

.bg-divider .divider-inner {
  position: relative;
  z-index: 2;
}

.bg-divider h4 {
  margin: 0;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: none;
  font-size: 2.25rem;
  margin: 20px 0;
}

/* ====== APARTMENTS ====== */
.apartments-wrap {
  background: #fff;
  padding: 20px 0;
}

.ap-title {
  font-weight: 400;
  font-size: 2.25rem;
  color: #000;
}

.ap-cols {
  font-size: 12px;
  color: #333;
  line-height: 1.6;
}

.ap-cols {
  font-size: 1.2rem;
}

.ap-slider {
  max-width: 100%;
  margin: -5px auto 0 45px;
  position: relative;
}

.ap-slider .swiper-slide img {
  width: 100%;
  height: 46vh;
  object-fit: cover;
  display: block;
}

/* Swiper arrows like small circles */
.ap-slider .swiper-button-prev,
.ap-slider .swiper-button-next {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .35);
}

.ap-slider .swiper-button-prev::after,
.ap-slider .swiper-button-next::after {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
}

/* ====== SUCCESSFUL SECTION ====== */
.success-wrap {
  background: #fff;
  padding: 70px 0;
}

.success-left {
  font-size: 12px;
  line-height: 1.8;
  color: #333;
}

.success-gallery {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  max-width: 260px;
  margin-left: auto;
}

.success-gallery a img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

/* ====== PAGINATION DOTS ====== */
.swiper-pagination {
  text-align: center;
}

.page-id-326 .swiper-pagination {
  position: relative;
  margin-top: 14px;
  text-align: center;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #888;
  opacity: 1;
  margin: 0 5px;
  transition: all .3s ease;
}

.swiper-pagination-bullet-active {
  background: #2e6cf6;
}



/* MOBILE */
@media (max-width: 767px) {
  .footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}


/* SUCCESSFUL section */
.success-wrap {
  background: #fff;
  padding: 0;
}

.success-left {
  font-size: 1.2rem;
  line-height: 1.6;
  color: #111;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.success-left h1,
.success-left h2,
.success-left h3 {
  font-weight: 500;
  margin-bottom: 12px;
  font-size: 2.2rem;
}

.success-left ul {
  margin: 10px 0 0 20px;
  padding: 0;
}

/* Slider container */
.success-slider {
  max-width: 420px;
  /* looks like screenshot */
  margin-left: auto;
}

.successSwiper {
  position: relative;
}

/* Image */
.success-slide-img {
  /* width: 323px; */
  height: 470px;
  /* matches screenshot proportions */
  object-fit: cover;
  display: block;
  border-radius: 2px;
}

/* Arrows like screenshot (circle, centered vertically) */
.successSwiper .swiper-button-prev,
.successSwiper .swiper-button-next {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .35);
  top: 50%;
  transform: translateY(-50%);
}

.successSwiper .swiper-button-prev::after,
.successSwiper .swiper-button-next::after {
  font-size: 18px;
  font-weight: 800;
  color: #fff;
}

/* Position arrows slightly inside */
.successSwiper .swiper-button-prev {
  left: 12px;
}

.successSwiper .swiper-button-next {
  right: 12px;
}

/* Optional dots */
.success-pagination {
  position: relative;
  margin-top: 12px;
  text-align: center;
}

.success-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 1;
  background: #888;
  margin: 0 5px;
  transition: all .3s ease;
}

.na-feedback {
  text-align: center;
  padding: 0;
}

.na-feedback form {
  text-align: left;
}

.na-feedback-actions {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}

.na-feedback-btn {
  padding: 18px 20px;
  border-radius: 12px;
  border: 1px solid #e3e3e3;
  background: #f7f7f7;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  color: #222;
  display: block;
}

.na-feedback-btn small {
  display: block;
  color: #666;
  margin-top: 4px;
}

.na-feedback-btn--good {
  max-width: 350px;
  background: #f7fbff;
  width: 33%;
  text-align: center;
}

t {}

a.na-feedback-btn.na-feedback-btn--good {}

.na-feedback-btn--improve {
  background: #fffaf2;
  max-width: 348px;
  width: 33%;
  text-align: center;
}

.na-feedback-btn:hover {
  background: #f0f0f0;
}


.success-pagination .swiper-pagination-bullet-active {
  background: #2e6cf6;
  transform: scale(1.25);
}

.home-hero {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  display: flex;
  align-items: center;
  color: #fff;
  height: calc(100vh + 80px);
}

.logged-in .home-hero {
  height: calc(100vh + 50px);
}


/* IMAGE FIRST */
.hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  z-index: 0;
}

/* VIDEO ABOVE IMAGE */
.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s ease;
  overflow: hidden;
  /* top: -8%; */
  /* left: -9.5%; */
  width: 111%;
  height: 100%;
  object-fit: cover;
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-error-message {
  display: block !important;
}


/* When ready */
.hero-video.is-loaded {
  opacity: 1;
}

/* Overlay */
.hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .35);
  z-index: 2;
}

/* Content */
.hero-inner {
  position: relative;
  z-index: 3;
  width: 100%;
  padding: 80px 0;
}

.hero-title {
  font-weight: 700;
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.05;
  margin-bottom: 10px;
  font-size: 4rem;
}

.hero-subtitle {
  /* max-width: 520px; */
  margin: 30px auto 30px;
  font-size: 14px;
  opacity: .9;
  font-size: 1.1rem;
}

.mentored .logo-big .char {
  display: inline-block;
  vertical-align: bottom;
  padding-right: 0 !IMPORTANT;
}

.mentored .logo-big b {
  display: inline-block;
  /* ✅ REQUIRED so transforms work visibly */
  opacity: 0;
  /* optional: start hidden */
  will-change: transform, opacity;
  font-size: 120px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 7px;
  font-style: italic;
  opacity: 1 !important;
  font-size: 6vw;
  padding-right: 9px;
}

#preload-section {
  inset: 0;
  /* better than width:100% */
}


.mentored .logo-big .char:nth-child(4),
.mentored .logo-big .char:nth-child(9) {
  padding-right: 2px !important;
}


#main-section {
  overflow: hidden;
}


/* Mobile spacing */
@media (max-width: 991px) {
  .success-slider {
    max-width: 520px;
    margin: 0 auto;
  }

  .success-slide-img {
    height: 260px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .impact-left-content p {
    font-size: 2.5rem;
  }

  .impact-right {
    font-size: 1.1rem;
  }

  .ap-cols {
    font-size: 1.1rem;
  }
}

@media (min-width: 768px) {

  header .offcanvas {
    margin-left: 5%;
  }

  .page-id-344 header+img,
  .page-id-338 header+img {
    margin-top: 80px;
  }

  .logged-in.page-id-344 header+img,
  .logged-in.page-id-338 header+img {
    margin-top: 50px;
  }


  .impact-wrap .row {
    height: calc(100vh + 80px);
  }

  .logged-in .impact-wrap .row {
    height: calc(100vh + 50px);
  }

  .success-wrap .row {
    height: calc(100vh + 80px);
  }

  .logged-in .success-wrap .row {
    height: calc(100vh + 50px);
  }

  #sec-8d3b {
    height: 18vh;
    display: flex;
    align-items: center;
  }

  .apartments-wrap {
    height: calc(100vh + 80px);
    display: flex;
    align-items: center;
  }

  .logged-in .apartments-wrap {
    height: calc(100vh + 50px);
  }

  #sec-community {
    height: 18vh;
    align-items: center;
    vertical-align: middle;
    display: flex;
  }


  .bg-divider h4 {
    margin: 0;
  }


  body.page-id-326 {
    overflow: hidden;
  }


  .social_icons {
    padding-left: 32px;
  }

  .footer-bottom {
    padding-left: 22px;
  }

  .footer-bottom a {
    font-size: 18px;
  }

  .text-footer {
    padding-left: 22px;
    max-width: 76%;
    font-size: 18px;
    font-weight: 100;
    padding-top: 5px;
  }

  .logo-img-footer {
    padding-left: 22px;
  }
}

.wp-block-video video {
  position: relative;
  z-index: 99999;
  max-width: 400px;
  margin: 0 auto;
  display: table;
}

@media (max-width: 1020px) {
  .wrapper-header {
    justify-content: space-between;
  }
}

.section_contact {
  padding: 0;
}

.page-id-176 .section,
.page-id-185 .section {
  margin-top: 80px;
}

.logged-in.page-id-176 header+img,
.logged-in.page-id-185 header+img {
  margin-top: 50px;
}

@media (max-width: 768px) {


  .section-header {
    margin-bottom: 10px;
  }

  .page-id-88 .wp-post-image {
    height: 107px;
  }

  .footer-bottom ul {
    text-align: center;
    width: 100%;
    /* align-items: center; */
    display: inline-block;
    font-size: 13px;
  }

  .footer-bottom {
    padding-top: 20px;
  }

  .footer-bottom ul li {
    display: inline-block;
  }

  .page-id-344 header+img,
  .page-id-338 header+img {
    height: 150px !important;
    margin-top: 55px;
  }

  header nav.navbar[style*="padding-right: 0px"] {
    opacity: 1 !important;
  }

  .n-logo img {
    max-width: 100%;
    margin-top: 50px;
    max-width: 69%;
  }

  .page-id-326 .footer {
    padding-bottom: 20px;
  }

  .contact-board p {
    font-size: 15px;
  }

  #started>p {
    font-size: 18px;
  }


  .contact-board figure {
    position: relative;
    bottom: -20px;
    max-width: 80%;
  }

  .na-feedback-btn--improve,
  .na-feedback-btn--good {
    width: 100%;
  }

  .ap-slider {
    margin-left: 0;
  }

  .ap-cols ul {
    padding-left: 15px;
  }

  #my-scrollbar {
    overflow: auto !important;
  }

  .page-id-88 .wp-post-image {
    margin-top: 0px;
  }


  .page-id-88 h1 {
    font-size: 36px;
  }

  .home-hero {
    height: calc(100vh - 80px);
  }


  .hero-title {
    font-size: 3rem;
  }

  .success-slide-img {
    height: auto;
    width: 100%;
  }

  .hero-actions {
    flex-direction: column;
    max-width: 200px;
    margin: 20px auto;
  }

  .ap-slider .swiper-slide img {
    height: 400px;
  }

  .hero-actions>a {
    margin: 10px 0 !important;
  }

  .impact-left .btn {
    margin-bottom: 40px;
    margin-top: 0;
  }

  .impact-left-content p {
    font-size: 1.875rem;
  }

  .success-wrap,
  .apartments-wrap,
  .impact-wrap {
    padding: 30px 0;
  }

  .wrapper-header {
    margin: 0;
  }

  .bg-pre {
    padding: 20px;
  }

  .section-header h2 {
    margin: 2px 0 11px 0;
    font-size: 21px;
    text-align: center;
    display: table;
    width: 100%;
  }

  .swiper-pagination {
    top: auto;
    text-align: center;
    position: absolute;
    bottom: 9px;
    left: 44px;
    right: 0;
    display: flex;
    justify-content: center;
  }

  .listing-card img {
    height: auto;
  }

  .img-title {
    min-height: 270px;
  }

  section {
    padding: 20px 0 20px 0;
    height: auto;
  }

  .section_contact {
    height: 76vh;
  }

  .team-section {
    padding: 20px 0;
  }

  .team-section {
    padding-top: 60px;
  }

  body {
    margin-top: 0;
  }

  #preload-section {
    margin-top: -25px;
  }

  .logo-img {
    height: auto;
    width: 250px;
  }

  .social_icons {
    text-align: center;
  }

  .logo-img-footer {
    padding-bottom: 15px;
  }

  .footer-bottom .container {
    flex-direction: column;
  }

  .wrapper_logo_footer {
    order: 2;
  }

  .wrapper-header {
    justify-content: space-between;
  }

  .footer_content .row>div {
    margin-bottom: 15px;
  }

  .footer .col-sm-3 .menu,
  .footer .col-sm-3 .title-footer {
    padding-left: 22px;
    margin-bottom: 0;
  }

  .footer .ltd_block {
    padding-left: 22px;
  }

  .offcanvas {
    flex-direction: column;
    background: #000;
    overflow: auto;
    width: 100% !important;
    left: 0;
    height: 100vh;
    padding-left: 20px;
  }

  .close-btn {
    text-align: right;
    transition: none !important;
    padding: 15px 15px 0px !important;
    right: 20px;
    bottom: 20px;
    padding-top: 15px !important;
  }

  nav .expand-nav li a {
    padding: 0 15px;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 100;
    line-height: 35px;
  }
}

/* ========================================= */
/* SINGLE LISTING TEMPLATE STYLES            */
/* ========================================= */

.single-listing-wrapper {
  padding: 85px 0 80px;
}

/* Breadcrumbs */
.listing-breadcrumbs-bar {
  background: #f8f9fa;
  color: #333;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 25px;
}

.listing-breadcrumbs-bar a {
  color: #3d50b4;
  text-decoration: none;
}

.listing-breadcrumbs-bar a i {
  margin-right: 5px;
}

.listing-breadcrumbs-bar .separator {
  margin: 0 10px;
  color: #888;
}

.listing-breadcrumbs-bar .current {
  color: #333;
  font-weight: 700;
}

/* Header: Title and Price */
.listing-main-title {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 5px;
  font-family: 'AvantGardeITCbyBT-Demi', sans-serif;
}

.listing-price-row {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}

.listing-badge {
  background-color: #2e8b57;
  /* General green */
  color: #fff;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.listing-badge.status-for-sale {
  background-color: #228B22;
}

.listing-badge.status-for-rent {
  background-color: #4169E1;
}

.listing-price-large {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}

/* Image Gallery Grid */
.listing-image-gallery {
  height: 400px;
  margin-bottom: 20px;
}

.thumb-col {
  height: 410px;
}

.gallery-thumb {
  background-size: cover;
  background-position: center;
  width: 100%;
  flex: 1;
  /* equal height */
  background-color: #222;
  border-radius: 2px;
  overflow: hidden;
}

/* Vertical Left Thumbs Swiper */
.leftThumbsSwiper {
  width: 100%;
  height: 100%;
}

.leftThumbsSwiper .swiper-slide {
  height: calc((400px - 20px) / 3) !important;
}

.leftThumbsSwiper .gallery-thumb {
  height: 100%;
  /* Fill the swiper slide */
}

/* Vertical Swiper Navigation Arrows */
.leftThumbsSwiper .swiper-button-prev,
.leftThumbsSwiper .swiper-button-next {
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  left: 50%;
  margin: 0;
}

.leftThumbsSwiper .swiper-button-prev {
  top: 10px;
  bottom: auto;
  transform: translateX(-50%) rotate(90deg);
}

.leftThumbsSwiper .swiper-button-next {
  top: auto;
  bottom: 10px;
  transform: translateX(-50%) rotate(90deg);
}

.leftThumbsSwiper .swiper-button-prev::after,
.leftThumbsSwiper .swiper-button-next::after {
  font-size: 14px;
  font-weight: bold;
}

.gallery-main {
  background-size: cover;
  background-position: center;
  background-color: #222;
  border-radius: 2px;
  width: 100%;
  height: 410px;
  margin: 0;
  padding: 0;
  display: block;
}

/* About Box */
.listing-about-box {
  background: #f8f8f8;
  color: #333;
  padding: 30px;
  border-radius: 3px;
}

.listing-about-box h2 {
  font-size: 22px;
  color: #212529;
  font-weight: 700;
  margin-bottom: 20px;
  font-family: 'AvantGardeITCbyBT-Demi', sans-serif;
}

.listing-about-box .listing-content {
  font-size: 16px;
  line-height: 1.6;
}

/* Right Content: Details Card */
.listing-details-card {
  background-color: #1a2235;
  /* dark navy */
  padding: 25px;
  border-radius: 3px;
  color: #fff;
  margin-bottom: 20px;
}

.listing-details-card h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  font-family: 'AvantGardeITCbyBT-Demi', sans-serif;
  letter-spacing: 0.5px;
}

.listing-details-card h3 i {
  margin-right: 8px;
}

.details-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-bottom: 25px;
}

.detail-item {
  font-size: 12px;
  font-weight: 500;
}

.detail-item i {
  margin-right: 5px;
  width: 14px;
  text-align: center;
}

.btn-inquire {
  background-color: #228B22;
  color: #fff;
  font-weight: 600;
  border: none;
  padding: 10px;
  border-radius: 3px;
  transition: all 0.3s ease;
}

.btn-inquire:hover {
  background-color: #1a6b1a;
  color: #fff;
}

/* Right Content: Inquiry Form */
.listing-form-box {
  background: #f8f8f8;
  padding: 25px;
  border-radius: 3px;
  color: #333;
}

.custom-inquiry-form label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
  color: #555;
}

.custom-inquiry-form .form-control {
  border-radius: 3px;
  border: 1px solid #ddd;
  padding: 10px;
  font-size: 14px;
}

.btn-submit-inquiry {
  background-color: #228B22;
  color: #fff;
  font-weight: 600;
  padding: 10px;
  border-radius: 3px;
  border: none;
  margin-top: 10px;
}

.btn-submit-inquiry:hover {
  background-color: #1a6b1a;
  color: #fff;
}

.contact-board  {
      padding-top:  0;
      /* height:  100%;
   */    /* min-height:  771px;
   */    position:  relative;
      padding-bottom:  0;
    
}

    .contact-board  > img  {
      /* position:  absolute;
   */    /* top:  0;
   */  
}

    #started  {
      padding-top:  10px;
      font-family:  "HaasGrot Disp R 55 Rm Trial" ;
      text-align:  left;
    
}

  #started > p  {
      font-size:  18px;
      font-family:  "HaasGrot Disp R 55 Rm Trial" ;
      line-height:  25px;
    
}

    #getstarted  {
      padding-top:  20px;
    
}

    .started  {
      background:  #000;
      padding:  5px 80px;
      border-radius:  5px;
      font-size:  18px;
      color:  #fff;
      text-decoration:  none;
      margin:  0 auto;
      display:  table;
      margin-top:  29px;
      margin-bottom:  30px;
    
}

    .contact-board  .container  {
      z-index:  999;
      position:  relative;
      max-width:  max-content;
      position:  absolute;
      top:  auto;
      left:  0;
      right:  0;
      margin:  auto;
      bottom:  0;
    
}

    #started figure  {
      max-width:  500px;
      margin:  0 auto;
      z-index:  9999;
      /* position:  absolute;
   */    /* bottom:  -50px;
   */    left:  0;
      right:  0;
      margin:  auto;
      margin-bottom:  30px;
      margin-top:  10px;
    
}

    .contact-board p  {
      color:  #fff;
      font-weight:  100;
      font-size:  18px;
      margin-top:  10px;
      font-family:  "HaasGrot Disp R 55 Rm Trial" ;
    
}

    .n-logo img  {
      height:  auto;
      max-width:  600px;
      margin-top:  70px;
      /* max-width:  100%;
   */    max-width:  58%;
    
}

    /* ====== DIVIDER BG TITLE (Recent Projects / Community Impact) ====== */  .bg-divider  {
      position:  relative;
      background-size:  cover;
      background-position:  center;