html, body {
  overflow-x: hidden; /* Prevent horizontal scrolling */
  overflow-y: auto;   /* Allow vertical scrolling */
}


.slide {
  background-image: url('/img/slide-ks.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; /* Center the image horizontally and vertically */
  color: #ffffff;
  padding-top: 200px;
  padding-bottom: 160px;
  text-align: center;
  font-family: "Outfit", sans-serif!important;
  font-optical-sizing: auto;
  font-style: normal;
}


.navbar {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-size:16px;
  font-weight:500;
  color:#1c3360;
}

p {
  font-family: "Outfit", sans-serif!important;
  font-optical-sizing: auto;
  font-style: normal;
  color:#000;
}

h1 {
  font-family: "Outfit", sans-serif!important;
  font-optical-sizing: auto;
}

h2 {
  font-family: "Outfit", sans-serif!important;
  font-optical-sizing: auto;
  color:#000;
}

h3 {
  font-family: "Outfit", sans-serif!important;
  font-optical-sizing: auto;
  color:#000;
}

h4 {
  font-family: "Outfit", sans-serif!important;
  font-optical-sizing: auto;
  color:#000;
}

.heading-style1 {
  font-size:21px; 
  font-weight: 600;
  font-family: "Outfit", sans-serif!important;
  font-optical-sizing: auto;
  color:#000;
}

.navbar-dark {
  font-family: "Outfit", sans-serif!important;
  font-optical-sizing: auto;
  font-style: normal;
}

.navbar-dark  a:link {
}

.navbar-dark a:visited {
}

.navbar-dark a:hover {
  color:#f65728;
}

.navbar-dark a:active {
}

.navbar-dark a:focus {
}


.btn-primary {
  font-family: "Outfit", sans-serif!important;
  font-optical-sizing: auto;
  background-color:#f65728!important;
  border:0px!important;
}

.btn-primary a:link {

}

.btn-primary a:visited {

}

.btn-primary a:hover {
  background-color:#ff7a52!important;
}

.btn-primary  a:active {

}

.btn-primary a:focus {

}

.card {
  font-family: "Outfit", sans-serif!important;
  font-optical-sizing: auto;
  font-style: normal;
}

.card a:link {
  color:#1c3360;
  text-decoration: none;
}

.card a:visited {
  color:#1c3360;
  text-decoration: none;
}

.card a:hover {
  color:#1c3360;
  text-decoration: none;
}

.card a:active {
  color:#1c3360;
  text-decoration: none;
}

.card a:focus {
  color:#1c3360;
  text-decoration: none;
}


.footer-style {
  background-color: #1c3360;
  color:#fff!important;
}

.footer-style a:link {
  color: #ffffff!important;
  text-decoration: none;
}

.footer-style a:visited {
  color: #ffffff!important;
}

.footer-style a:hover {
  color: #e06337!important;
}

.footer-style a:active {
  color: #ffffff!important;
}

.footer-style  a:focus {
  color: #ffffff!important;
}

.card-custom-style {
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}


.modal-lg {
  max-width: 100%!important;
  max-width: 1150px!important;
  height: 100%!important;
  padding: 0px!important;
  margin-bottom:0px!important;
  margin-top:0px!important;
}

.modal-body {
  padding: 0px!important;
  margin:0px!important;
}

.modal-content {
  border-radius: 0px!important;
}


.custom-fixed-div {
  position: fixed;
  top: 65px;
  z-index: 999;
}

.custom-fixed-div2 {
  position: fixed;
  top: 150px;
  z-index: 999;
}

  /* Custom CSS to hide horizontal scrollbar */
  .hide-horizontal-scrollbar {
      overflow-x: hidden;
  }

  /* Custom CSS to hide horizontal scrollbar */
  .hide-horizontal-scrollbar {
      overflow-x: hidden;
  }

  /* Custom CSS for the scrollable content box */
  .scroll-box {
      max-height: 100vh;
      overflow-y: auto;
  }


  .d-flex {
    display: flex !important;
  }
  .flex-wrap {
      flex-wrap: wrap !important;
  }
  .align-items-stretch {
      align-items: stretch !important;
  }
  .card-custom-style {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }
  .property-image {
      height: 200px; /* Adjust the height as needed */
      object-fit: cover;
      width: 100%;
  }

  .value-indicator {
    width: 100%;
    height: 15px;
    background: linear-gradient(to right, green, yellow, orange, red);
    position: relative;
    border-radius: 10px;
    margin: 0 0 px 0;
  }

  .value-indicator .marker {
      height: 100%;
      width: 10%;
      position: absolute;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 600;
      color: white;
  }

  .marker-content {
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .marker-number {
      padding-right: 5px;
  }
  
  .marker-description {
      background-color: rgba(255, 255, 255, 1);
      border-radius: 5px;
      padding: 5px 5px;
      color:#1c3360;
      font-size:10px;
      border:1px solid #1c3360;
      text-align: center;
      line-height: 12px;
      font-weight:500px;
  }

    .scroll-container {
      display: flex;
      overflow-x: auto;
      scroll-behavior: smooth;
      padding-bottom: 10px;
    }

    .scroll-container .col-md-4 {
        flex: 0 0 auto;
    }

    .card-img-top {
      width: 100%; /* Ensure the image takes up the full width of the card */
      height: 200px; /* Set a fixed height */
      object-fit: cover; /* Ensures the image covers the entire area */
      object-position: center; /* Centers the image */
  }

    .l-style1 a:link {
      text-decoration: none;
      color:#1c3360;
    }
    
    .l-style1 a:hover {
      color:#1c3360;
      text-decoration: none;
    }

  .card-custom-style {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }

  .scrollable-gallery {
    max-height: 385px; /* Adjust as needed */
    overflow-y: auto;
}


.property-description {
  white-space: pre-wrap; /* Preserve spaces and line breaks */
  word-wrap: break-word; /* Prevent long words from breaking layout */
  text-align: left; /* Ensure text is left-aligned */
}

.property-description::first-line {
  text-indent: 0 !important; /* Explicitly prevent indent on the first line */
}

.property-description p {
  margin: 0 0 1em; /* Optional: Add spacing between paragraphs */
  text-indent: 0; /* Remove paragraph-specific indentation */
}

.property-description ul {
  margin: 1em 0;
  padding-left: 20px;
  list-style-type: disc;
}

.property-description li {
  margin-bottom: 0.5em;
}

.property-description p {
  text-indent: 0; /* Remove any paragraph-specific indentation */
  margin: 0 0 1em; /* Optional: Add bottom spacing between paragraphs */
}

.rh_meta_titles {
  font-size:11px;
}

.figure {
  padding-left: 10px;
  font-size:12px;
}


/* Extra small devices (phones) */
@media (max-width: 576px) {


  .slide {
    padding-top: 160px;
    padding-bottom: 40px;
  }

}

/* Small devices (tablets) */
@media (min-width: 576px) {

}

/* Medium devices (desktops) */
@media (min-width: 768px) {

}

/* Large devices (desktops) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops) */
@media (min-width: 1200px) {

}