/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
body {
  padding-top: 5.5rem;
  /* padding-bottom: 3rem; */
  color: #1a1919;
  background: #ffffff;
}
.modal{
  z-index: 10000;
}
header .span_3{
  flex:none;
}
.menu-item a{
  border: none !important;
}
ul{
  margin: 0 !important;
}
ul li{
  list-style: none !important;
}
.elementor-location-header{
      background: #282a2c;
}
.navbar {
    background: #1c1c1c;
}/* 
.navbar-nav li{
  color: #1a1919 !important;
}
.navbar-nav .nav-link{
  color: #1a1919 !important;
} */
/* 
.nav-logo-light{
  display: none;
}
.nav-logo-dark{
  display: block;
} *//* 
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.navbar-scrolled{background-color: #fff;border-bottom: 1px solid #eeeeee;} */
.carousel {
  margin-bottom: 4rem;
  margin: 2rem;
}
.carousel-item img{
  border-radius: 0;
  width: 100%;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
  position: absolute;
  top: 15%;
  bottom: 1.25rem;
  /* left: 15%; */
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--bs-carousel-caption-color);
  text-align: center;
}
/* Declare heights because of positioning of img element */
.carousel-item {
  height: 494px;
  border-radius: 0;
}
.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 8px;
    height: 8px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 50%;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}
.carousel-indicators {
    background:  #1a19192b;
    padding: .25rem 0;
    border-radius: 28px;
}
.carousel-indicators .active {
    opacity: 1;
    background-color: #fff;
}
.bg-dark {
    background: #1a1919!important;
}

.section1 h1 {
    font-size: 3rem;
    margin: 0;
    font-family: "Lato", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}


.section2 h1 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 25px;
}

.bottom-p {
    margin: 30px 0;
}

.section2 .card {
    border: none !important;
}

.section2 {
  margin-top: 50px;
}
.swiper-button-custom {
  background: none;
  border: none;
  font-size: 1.8rem;
  color: #333;
  transition: all 0.3s ease;
  cursor: pointer;
}

.swiper-button-custom:hover {
  color: #231f20;
  transform: scale(1.2);
}

.swiper-button-custom:focus {
  outline: none;
  box-shadow: none;
}


.section1 p {
    font-size: 1.25rem;
    text-align: center;
    font-family: "Lato", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.section1 img {
    width: 25px !important;
}

.icon {
    width: 25px !important;
}

.featurette {
    margin-top: 50px;
}

img.icon {}

.full-width-section {
  margin-top: 50px;
  background-image: url('images/team.png?v=1.0.1'); /* Your background image URL */
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 300px; /* Adjust height as needed */
  display: flex;
  align-items: center;
  border-radius: 15px;
}

.content {
  color: white;
  margin-left: 30px; /* Add spacing from the left */
}

h1 {
  font-size: 2.5rem;
  margin: 0;
}

p {
  font-size: 1.2rem;
}

.section1 span {
    display: inline-block;
    padding: 0 25px;
    text-align: center;
}


.btn-primary {
       background: #89bdbb !important;
    border: 1px solid  #74a7a5 !important;
    border-radius: 0 !important;
    font-family: 'Lato' !important;
        color: #fff !important;
}

.btn-primary:hover {
    background:  #1a1919 !important;
    border: 1px solid  #1a1919 !important;
        color: #fff !important;
}
.btn-outline-secondary{
    color: #4b4848;
    font-family: 'Lato';
    border: 0;
    border-radius: 0;
    letter-spacing: .15rem;
}

button.btn.btn-outline-secondary i {
    width: 20px;
}
.btn-outline-secondary:hover{
      background: #89bdbb !important;
      border: 1px solid  #74a7a5 !important;
      color:#fff;
}
.btn-dark{
  border-radius: 0;
      background: #89bdbb !important;;
    border: 1px solid  #74a7a5;
}
.fixed-menu {
    position: fixed !important;
    top: 94px;
    width: 100%; /* or container width */
    z-index: 1000;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

/* rtl:end:remove */

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

.search-section {
  
  background-color: #1c1c1c;
  border-radius: 20px;
  /* max-width: 1200px; */
  /* margin: auto; */
  margin-top: 40px;
  text-align: center;
}
.search-section .search-header img {
  width: 100%;
  border-radius: 21px 21px 0 0;
}
.search-section .search-content{
  padding: 20px 20px;
}
.search-section h2{
  font-family: "Lato", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 2rem;
  color: white;
  text-align: center;
  margin-bottom: 2rem;
}
.search-bar {
  border-radius: 999px;
  overflow: hidden;
  display: flex;
  margin-bottom: 30px;
}

.search-bar input {
  border: none;
  padding: 15px 20px;
  flex-grow: 1;
  font-size: 1.2rem;
  border-radius: 20px 0 0 20px;
  font-family: "Lato", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.search-bar button {
  background-color: white;
  color:  #1a1919;
  border: none;
  padding: 0 30px;
  font-weight: bold;
  font-family: "Lato", serif;
  font-optical-sizing: auto;
  /* font-weight: 400; */
  font-style: normal;
  font-size: 1.5rem;
  background: lightgray;
}

.search-section .form-label {
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 6px;
  font-family: "Lato", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1.5rem;  
  color: white;
}

.search-section select.form-select {
  background-color: #595959;
  border: 1px solid white;
  color: white;
  border-radius: 10px;
  font-family: "Lato", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
}

.search-section select.form-select:focus {
  border-color: white;
  box-shadow: none;
}

.property-cards-section .card-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.property-cards-section h2{
  font-family: "Lato", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 2rem;
}
.property-cards-section .card-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
  border-radius: 20px;
}

.property-cards-section .card-wrapper:hover img {
  transform: scale(1.05);
}

.property-cards-section .card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.property-cards-section .card-overlay h4{
  font-family: "Lato", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 3rem;
}
.property-cards-section .card-overlay a{
  font-family: "Lato", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.35rem;
  text-decoration: none;
  color: #b8b8b8;
  padding-bottom: .15rem;
  border-bottom: 1px solid;
}
.property-cards-section .card-overlay a:hover{
  color:#fff;
}
.property-cards-section .card-wrapper:hover .card-overlay {
  opacity: 1;
}
.property-content{
  font-family: "Lato", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 1.25rem;
  margin-top: .5rem;
  padding-bottom: .5rem;
  margin-bottom: .1rem;
}
.property-content span{
 text-align: right;
 float: right;
}
.bb-lightgray{
  border-bottom: 1px solid lightgray;
}
.partner-logos {
  overflow: hidden;
  background: #111;
}

.logos-slide {
  display: flex;
  gap: 60px;
  animation: scrollLogos 30s linear infinite;
  white-space: nowrap;
}

.logos-slide img {
  height: 60px;
  object-fit: contain;
  opacity: 0.9;
  transition: transform 0.3s ease;
}

.logos-slide img:hover {
  transform: scale(1.1);
  opacity: 1;
}

@keyframes scrollLogos {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.newsletter-section{
  padding: 3rem 0;
}
.newsletter-section h2{
  font-family: "Lato", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 2rem;
}
.newsletter-section h2 span{
  font-size: 3.5rem;
}

.newsletter-section .card{
  border: none;
}
.newsletter-section img{
  border-radius: 20px;
}

.newsletter-section h3{
  font-family: "Lato", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 2rem;
  text-align: center;
}
.newsletter-section p{
  font-family: "Lato", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  text-align: center;
  margin-bottom: .5rem;
}
.newsletter-section a{
  font-family: "Lato", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.15rem;
  text-align: center;
  margin-bottom: .5rem;
  text-decoration: underline;
  color: #7A7A7A;
  padding-bottom: .15rem;
  /* border-bottom: 1px solid; */
  display: inline;
}
.testimonials {
  padding: 4rem 2rem;
  /* background-color: #f9f9f9; */
  /* font-family: 'Georgia', serif; */
  /* text-align: center; */
}

.testimonials h2 {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  font-family: "Lato", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.testimonial-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 2rem;
}

.testimonial-card {
  /* background-color: white; */
  /* border-radius: 12px; */
  /* box-shadow: 0 4px 20px rgba(0,0,0,0.08); */
  overflow: hidden;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.image-container {
  position: relative;
  overflow: hidden;
}

.image-container img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s ease;
  border-radius: 20px;
}

.image-container:hover img {
  /* transform: scale(1.05); */
  border-radius: 20px;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease;

  border-radius: 20px;
}

.image-container:hover .overlay {
  opacity: 1;
}

.overlay h3 {
  margin: 0;
  font-family: "Lato", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 3rem;
}

.overlay p {
  font-family: "Lato", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.25rem;
  color: #f8f8f8;
}

blockquote {
  padding: 1.5rem;
  font-style: italic;
  flex-grow: 1;
}
.testimonial-card h3{
  font-family: "Lato", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 2.5rem;
}

.testimonial-card p{
  font-family: "Lato", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.15rem;
  margin: 1rem 0;
}

.testimonial-card .stars{
  font-size: 2rem;
  margin-bottom: 1rem;
  font-family: "Lato", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.testimonial-card .view-link {
  display: inline-block;
  padding: 1rem 1.5rem;
  font-size: 0.9rem;
  text-decoration: none;
  color: #7A7A7A;
  /* border-top: 1px solid #eee; */
  font-weight: 500;
  font-family: "Lato", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-decoration: underline;
}

.property-details-container {
  /* max-width: 700px; */
  margin: auto;
  padding: 30px;
  /* background: #1a1a1a; */
  /* color: #fff; */
  font-family: "Lato", serif;
  text-align: center;
}

.property-description {
  color: #fff;
  font-size: 1.2rem;
  margin: 20px 0;
}

.price-section h1 {
  font-size: 48px;
  margin-bottom: 10px;
  margin-top: 3rem;
}

.property-meta {
  font-size: 1.5rem;
  /* color: #ccc; */
}

.features {
  margin: 30px 0;
}

.features h5 {
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.feature-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 20px;
  font-size: 14px;
}

.open-home-section {
  margin: 20px 0;
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.agent-info {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* gap: 15px; */
  flex-wrap: wrap;
}

.agent-info img {
  /* width: 60px; */
  /* height: 60px; */
  /* border-radius: 50%; */
}

.btn-viewing {
  background: #fff;
  color: #7A7A7A;
  border: none;
  padding: 8px 16px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 5px;
}
.carousel-control-prev{
  color: #7A7A7A;
}
.carousel-control-next{
  color: #7A7A7A;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");
  color: #fff;   /* Increase as needed */
  height: 2rem;
  background-size: 100% 100%; /* Ensure the SVG scales to fit */
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
  width: 2rem;   /* Increase as needed */
  height: 2rem;
  background-size: 100% 100%; /* Ensure the SVG scales to fit */
}

.property-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* or your desired initial lines */
  overflow: hidden;
  transition: max-height 0.3s ease;
  margin-bottom: 0;
}
.property-feature {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6; /* or your desired initial lines */
  overflow: hidden;
  transition: max-height 0.3s ease;
  margin-bottom: 0;
}
.property-description p{
    font-family: "Lato";
    font-size: 1rem;
    text-align: justify;
    line-height: 180%;
    color: #595959;
    font-weight: 300;
    margin: 0;
}
.property-description.expanded {
  -webkit-line-clamp: unset;
  max-height: none;
  overflow: visible;
}
.property-feature.expanded {
  -webkit-line-clamp: unset;
  max-height: none;
  overflow: visible;
}

.features-section {
  text-align: left;
}

.section-title {
  font-size: 1.8rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.features-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  /* background: #1a1a1a; */
  /* padding: 0 1rem; */
  /* border-radius: 10px; */
  flex-direction: column;
}

.features-list span {
  white-space: nowrap;
}

.contact-section {
  background: #eeeeee;
  padding: 2rem;
  border-radius: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: space-between;
  flex-direction: column;
}

.open-home-info {
  /* flex: 1 1; */
  text-align: left;
}

.open-home-info h4,
.quick-questions h4 {
  /* border-bottom: 2px solid #fff; */
  display: inline-block;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.agent-info {
  display: flex;
  align-items: flex-start;
  /* gap: 1rem; */
  margin-top: 1rem;
  font-family: 'Lato';
  align-content: flex-start;
  flex-direction: row;
  width: 100%;
}

.agent-details {
    /* padding: 1rem 0; */
    width: calc(100% - 100px);
    min-height: 139px;
}

.agent-details strong {
    font-size: 1.25rem;
    font-family: 'Lato';
}

.agent-info img {
  width: 100px;
  height: 139px;
  /* border-radius: 50%; */
  object-fit: cover;
}

.btn-viewing {
  margin-left: auto;
  /* color: #fff; */
  text-decoration: underline;
  font-size: 0.9rem;
}

.quick-questions {
  flex: 1 1 300px;
}

.quick-questions .form-group {
  display: flex;
  gap: 1rem;
  align-content: center;
  align-items: center;
}

.quick-questions input,
.quick-questions textarea {
  width: 100%;
  padding: 0.25rem;
  margin-top: 0.5rem;
  background: #E6E6E6;
  border: none;
  /* color: #fff; */
  border-radius: 5px;
}

.quick-questions button {
  margin-top: 0.5rem;
  padding: 0.25rem 1rem;
  background: #888888;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.map-view {
  position: relative;
  flex: 1 1 240px;
  /* padding: 2rem 4rem; */
  /* border-radius: 30px; */
}

.map-view img {
  width: 100%;
  border-radius: 0;
  object-fit: cover;
  height: 280px;
  filter: grayscale(.75);
}

.map-label {
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-weight: bold;
  font-size: 1.2rem;
  color: white;
}
.feature-content {
  background: #595959;
  padding: 2rem;
}
.key-features-p{
  padding-left: .5rem;
}
.key-features-p strong{
      font-weight: 600;
    padding-left: .25rem;
}
.csrd1{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.property-menu-container{padding: .5rem 2rem;background: #595959;position: sticky;top: 72px;border-bottom: 1px solid #c7c3c5;z-index: 100;}
.property-menu{
  display: flex;
  list-style: none;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  font-family: 'Lato';
  font-weight: 500;
  font-size: 1.15rem;
  padding: 0;
  color: #EFEEE3;
}
.property-menu span{
  padding: 0 .5rem;
  font-size: 1rem;
}
.marketing {
    /* margin: 0 1rem; */
}
.left-container{
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.leftc{
  flex:1;
  background: #fff;
}
.property-container{display: flex;flex-direction: row;justify-content: center;align-items: center;background: #fff;}
.prop-left{flex: 3;height: auto;background: #fff;height: auto;}
.prop-right{
      flex: 1;
    background: #595959;
    color: #fff;
    padding: 2rem;
    height: 494px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #595959;
}
.prop-detail-list li i{margin-right: .5rem;}

.prop-detail-list li span {
    float: right;
}
.prop-detail-list ul{list-style: none;padding: 0;font-family: 'Lato';font-size: 1rem;margin-bottom: 0;}
.prop-detail-list li{margin-bottom: .5rem;border-bottom: 1px solid;padding-bottom: .5rem;color: #EFEEE3;}
.prop-address{font-family: 'Lato';margin-bottom: 1rem;}

.prop-address h3 {
    font-size: 2.25rem;
    color: #EFEEE3;
    font-family: "Playfair Display";
}

.prop-address h4 {
    font-size: 2rem;
    color: #EFEEE3;
    font-family: "Lato";
    min-height: 38px;
}
.prop-spec{
  font-family: 'Lato';
  font-size: 1.25rem;
  margin-bottom: .5rem;
  text-transform: uppercase;
  color: #EFEEE3;
}
.bubble-div{margin: 0 0 1rem 0;}
.bubble{/* background: #eeeeee; *//* padding: .5rem 1rem; *//* margin: 0 0 1rem 0; */color: #EFEEE3;border-radius: 30px;font-family: 'Lato';font-size: .85rem;}
.firstb{
  display: flex;
  /* height: 100%; */
}
.fl3{
  flex:3;
  /* height: 100%; */
}
.fl2{
  flex:2;
}
.fl1{
  flex:1;
}
.maindiv{
  display: flex;
}
.leftdiv{
  flex:2;
  background: #ffffff;
}
.rightdiv{
  flex:1
}
.floorplandiv{
      height: 100%;
      /* margin-right: .5rem; */
      border-radius: 20px;
}
.floorplandiv img{
        height: 100%;
    width: 100%;
    /* border-radius: 20px; */
    filter: saturate(0.15);
    object-fit: cover;
}
.secondb{
      padding: 1rem 10rem 1rem 2rem;
    background: #ffffff;
    /* border-radius: 20px; */
    color: #595959;
        margin-top: -6rem;
}
.secondb h3{
    font-family: Poppins;
    font-size: 2rem;
    margin-bottom: 1rem;
    font-weight: 600;
    letter-spacing: .25rem;
}

.secondb p{
    font-family: "Lato";
    font-size: 1rem;
    text-align: justify;
    line-height: 180%;
    color: #595959;
    font-weight: 300;
}
.features-section p{
  font-family: "Lato";
    font-size: 1rem;
    text-align: justify;
    line-height: 180%;
    color: #595959;
    font-weight: 300;
    margin: 0;
}
.features-section li{
      font-family: "Lato";
      font-size: 1rem;
      text-align: left;
      line-height: 180%;
      color: #595959;
      font-weight: 300;
      margin: 0;
      list-style-type: square !important;
      margin-left: 1rem;
}

.btn-link{
  font-family: 'Lato';
    font-weight: 500;
    text-decoration: none;
    color: #252323;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.btn-link:hover {
    color: #252323;
    font-weight: 600;
}
.photos-link{
  font-size: 2rem;
  text-decoration: none;
  display: inline-block;
  padding: 10px;
  /* border: 1px solid #ccc; */
  border-radius: 0;
  color: #ffffff;
  position: absolute;
  bottom: 0;
  right: 0;
  /* text-shadow: 1px 1px 5px black; */
  font-weight: 700;
  z-index: 1000;
  display: flex;
  background: #89bdbb;
}

.photos-link a {
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
}

.photos-link button {
    position: unset;
    width: 100%;
    opacity: 1;
    display: inline-block;
    line-height: 1rem;
}
.sharediv{
   /*margin: .5rem 0; */
   padding: 2rem;
   /* background: #fff; */
   /* border-radius: 20px; */
   border: 1px solid #c7c3c5;
   border-top: 0;
   color: #4B4848;
}
.sharediv h4{font-size: 1rem;font-weight: 400;text-transform: uppercase;color: #252323;margin-top: 1rem;
    font-family: 'Lato';
    letter-spacing: .25em;}
.sharediv ul{list-style: none;display: flex;padding: 0;justify-content: flex-start;gap: 2rem;padding-left: 1rem;}

.hash-search{
  display: none;
}
.prop-search{
  display: flex;
}
.modal-content {
  border-radius: 0;
}
.next-step ul {
    list-style: none;
    display: flex;
    padding: 0;
    justify-content: space-between;
    flex-direction: column;
    gap: .5rem;
    padding-left: 1rem;
}
.sharediv li{

}

.sharediv a {
    text-decoration: none;
    font-size: .65rem;
    color: #4B4848;
}

.first a{
  text-decoration: none;
  font-size: .85rem;
  color: #4B4848;
  color: #4b4848;
  font-family: 'Lato';
  border: 0;
  border-radius: 0;
  letter-spacing: .15rem;
}
.first a i {
    padding-right: .35rem;
}
.sharediv p a{
  font-size: .85rem;
  margin: .25rem 0;
  border: 1px solid;
  padding: .25rem .75rem;
  color: #4b4848;
  border-radius: 22px;
  overflow: hidden;
}

.sharediv p a:hover {
    background: #89bdbb;
    color: #fff;
    border-color: #74a7a5;
}

.sharediv p {
    margin: 0;
    font-size: .85rem;
    margin: .25rem 0;
    color: #c7c3c5;
    overflow: hidden;
    padding: .25rem;
}

.loan-inner p {
    color: #4B4848;
    font-size: 1rem;
    letter-spacing: .05rem;
    line-height: 1.75rem;
}
.loan-inner {
    padding: 1rem .25rem 2rem .25rem;
}
.auctionhours{display: flex;justify-content: space-between;align-items: center;margin: 2rem 1rem;}
.auctionhours .hours{
  text-align: center;
  margin: 0;
}
.auctionhours .hours h3{
  font-family: 'Lato';
  font-size: 2rem;
  margin: 0;
  color: #EFEEE3;
  line-height: .6;
}
.auctionhours .hours span{
  color: #EFEEE3;
  font-family: 'Lato';
  font-size: .75rem;
}


.event-section {
  font-family: 'Lato';
  color: #595959;
}

.event-row {
  padding: 1rem 0 1rem 1rem;
  /* border-bottom: 1px solid #ddd; */
  margin-left: 2.5rem;
}

.event-row.auction {
  background-color: #fffcea;
}
.auction .event-details{
      /* padding: 0; */
      background: #fffcea;
}
.event-row.inspection {
  background: #faf9f2;
}

.event-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.event-row h3 {
  margin: 0 0 8px 0;
  font-size: 1.75rem;
  font-weight: normal;
  color: #464343;
  font-family: 'Playfair Display';
}
.event-row p {
  font-size: .85rem;
}

.event-meta {
  display: flex;
  gap: 10px;
  font-size: 1rem;
  color: #464343;
  align-items: center;
}

.event-meta span.icon-date,
.event-meta span.icon-time {
  font-size: 1rem;
  padding-right: .5rem;
}

.countdown {
  display: flex;
  gap: 30px;
  text-align: center;
}

.countdown div strong {
  display: block;
  font-size: 2rem;
  font-weight: 500;
  color: #464343;
}

.countdown div span {
  font-size: 10px;
  letter-spacing: 1px;
  color: #464343;
}

.calendar-link a {
  font-size: 14px;
  text-transform: uppercase;
  color: #464343;
  text-decoration: none;
  border: 1px solid;
  padding: .5rem 1rem;
  /* border-radius: 20px; */
}

.calendar-link a:hover {
    background: #89bdbb;
    color: #ffffff;
    border-color: #74aba9;
}

#map01{
   width: 100%; height: 487px;
    position: relative;
}

.sharediv.loan {
       padding: 2rem;
    padding-top: 0;
}
.loan a{
         font-size: 1rem;
                padding: 1rem 0;
}
.loan img{
      width: 56px;
}
.loan .btn{
       border: 1px solid #4b4848;
                font-size: 0.85rem;
                margin-top: .5rem;
                text-transform: capitalize;
}
.event-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    /* background: #eaeaea; */
    border-bottom: 1px solid #59595947;
}

.event-details:nth-of-type(even) {
    /* background: #fff; */
}
@media (max-width: 1040px) {
  .carousel-item {
    height: 458px;
    border-radius: 0;
}
  .prop-address h4 {
    font-size: 1.5rem;
    color: #EFEEE3;
    font-family: "Lato";
    min-height: 38px;
  }
  .prop-detail-list ul {
    list-style: none;
    padding: 0;
    font-family: 'Lato';
    font-size: .85rem;
    margin-bottom: 0;
}
}
@media (max-width: 1024px) {
  .sharediv{
    padding: 1rem;
  }
  .sharediv p a {
    font-size: .65rem;
    margin: .25rem 0;
    border: 1px solid;
    padding: .25rem .75rem;
    color: #4b4848;
    border-radius: 22px;
    overflow: hidden;
}
.sharediv .btn-outline-secondary{
  font-size: .85rem;
}
.loan .btn {
    border: 1px solid #4b4848;
    font-size: 0.65rem;
    margin-top: .5rem;
    text-transform: capitalize;
}
 }
@media (max-width: 769px) {
  body{
    padding-top: 3rem;
  } 
  .fixed-menu {
    top: 69px;
  }
.maindiv {
    display: flex
;
    flex-direction: column;
}
.prop-right{
  height: auto;
}
.carousel-item {
    height: auto;
    border-radius: 0;
}
.property-menu li{
      font-size: .85rem;
    text-align: center;
    width: 100%;
}
.property-menu-nm{
  display: none;
}
.sharediv.first{
  padding-left: 2rem;
    padding-right: 2rem;
}
.sharediv h4 {
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #252323;
    margin-top: 1rem;
}
.sharediv ul {
    list-style: none;
    display: flex;
    padding: 0;
    justify-content: space-between;
    gap: 1rem;
}
.sharediv a {
    text-decoration: none;
    font-size: .65rem;
    color: #4B4848;
}
.secondb h3 {
    font-family: "Playfair Display";
    font-size: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
}
.secondb p {
    font-family: "Lato";
    font-size: .85rem;
    text-align: justify;
    line-height: 150%;
    color: #252323;
    font-weight: 300;
    margin-bottom: 1rem;
}
.photos-link{
  font-size: 1.5rem;
}
.calendar-link a {
    font-size: .65rem;
    text-transform: uppercase;
    color: #464343;
    text-decoration: underline;
}
.event-meta span.icon-date, .event-meta span.icon-time {
    font-size: .65rem;
}
.btn-link{
  font-family: 'Lato';
    font-weight: 600;
    text-decoration: none;
    color: #252323;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.btn-link:focus-visible {
    color: #252323;
    box-shadow: none;
}
.btn-link:hover {
    color: #252323;
}
.event-row h3 {
    margin: 0 0 8px 0;
    font-size: 1.5rem;
    font-weight: normal;
    color: #464343;
    font-family: 'Playfair Display';
}
.event-meta {
    display: flex
;
    gap: 0;
    font-size: .85rem;
    color: #464343;
    align-items: flex-start;
    flex-direction: column;
}
.event-row p {
    font-size: .85rem;
}
.btn-primary {
        background: #89bdbb !important;;
    border: 1px solid  #74a7a5;;
    border-radius: 0;
    font-family: 'Lato';
}
.btn-outline-secondary{
      border: 0;
    font-size: .85rem;
}
.sharediv.loan{
  padding: 2rem;
  padding-top: 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.loan a{
      font-size: .65rem;
    padding: 1rem 0;
}
.loan img{
      width: 56px;
}
.loan .btn{
      border: 1px solid #4b4848;
    font-size: 0.85rem;
    margin-top: .5rem;
    text-transform: capitalize;
}
.agent-info {
    display: flex;
    align-items: flex-start;
    /* gap: 1rem; */
    margin-top: 1rem;
    font-family: 'Lato';
    align-content: flex-start;
    flex-direction: row;
    width: 100%;
}
.agent-info img {
    width: 84px;
    height: 113px;
    /* border-radius: 50%; */
    object-fit: cover;
}
.agent-details{
      text-align: left;
      padding-left: 1rem;
      background: #fff;
      padding-right: 1rem;
      
    min-height: 113px;
}
.agent-details strong {
    font-size: 1rem;
    font-family: 'Lato';
}
.agent-details p {
    font-size: .65rem;
    margin: .25rem 0;
    padding: .25rem;
    color: #c7c3c5;
    overflow: hidden;
}
.auction .event-details {
    display: flex
;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1rem;
    flex-direction: column;
}
.auction .event-meta {
        display: flex
;
        gap: 5px;
        font-size: .85rem;
        color: #464343;
        align-items: center;
        flex-direction: row;
    }
.loan-inner{
       padding: 0rem .25rem 1rem .25rem;
}
#map01{
      width: 100%;
    height: 250px;
    position: relative;
}
.secondb {
            /* margin: .5rem; */
        padding: 1rem;
        /* background: #fff; */
        /* border-radius: 20px; */
        margin-top: 0;
}
.event-row {
    padding: 25px 20px;
    /* border-bottom: 1px solid #ddd; */
    margin-left: 0;
}

.sharediv {
    padding: 1rem;
}
}

/* Container for the whole map section */
.map-container-wrapper {
    background-color: #f7f7f7;
    padding: 1.5rem;
    margin-top: 2rem;
    border: 1px solid #e0e0e0;
}

.map-container-wrapper h4 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: 'Lato', sans-serif;
}

/* Tab buttons styling */
.map-tabs {
    display: flex;
    border-bottom: 2px solid #ddd;
    margin-bottom: 1rem;
}

.map-tab-button {
    padding: 0.75rem 1.25rem;
    cursor: pointer;
    border: none;
    background-color: transparent;
    font-size: 1rem;
    color: #555;
    border-bottom: 2px solid transparent;
    transform: translateY(2px); /* Aligns with the container border */
}

.map-tab-button.active {
    color: #000;
    font-weight: 600;
    border-bottom-color: #007bff; /* Use your theme's primary color */
}

/* Area for map and sidebar */
.map-content-area {
    display: flex;
    gap: 1rem;
}

#map-canvas {
    flex-grow: 1; /* Map takes up available space */
}

/* Sidebar for listing points of interest */
#map-sidebar {
    flex-basis: 300px; /* Fixed width for the sidebar */
    flex-shrink: 0;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    padding: 1rem;
    overflow-y: auto;
    transition: opacity 0.3s ease, width 0.3s ease;
}

#map-sidebar h5 {
    margin-top: 0;
}

#map-sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#map-sidebar li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #f0f0f0;
}

.map-sidebar-hidden {
    flex-basis: 0;
    width: 0;
    padding: 0;
    opacity: 0;
    border: none;
    overflow: hidden;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .map-content-area {
        flex-direction: column;
    }
    #map-sidebar {
        max-height: 200px; /* Prevent sidebar from taking too much vertical space */
    }
}