/* Layout fix: two-column layout */
.container-fluid .row {
display: flex;
flex-wrap: wrap;
}

/* Left column (Advance Search) */
.rt-brdr {
flex: 0 0 25%;
max-width: 25%;
padding-right: 15px;
background: #fff;
z-index: 10;
}

.sticky-advance-search {
position: sticky;
top: 100px;
background: #fff;
padding-right: 10px;
padding-bottom: 10px;
border-right: 1px solid #ccc;
}

/* Right column (Search Results) */
#searchResults {
flex: 0 0 75%;
max-width: 75%;
}

.text-successs{

color: #25D366;
}

.section-header {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}

.rt-brdr {
border-right: 0px solid #e0e0e0;
padding: 0 20px;
}

.product-card {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border: 1px solid #e3e6ea;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  min-height: 460px; /* Fixed height to keep the card's height consistent */
  font-family: 'Segoe UI', sans-serif;
  margin-top: 20px;
  padding: 0;
}
.product-card:hover {
  transform: none;

}

 
.product-image {
  width: 100%;
  height: 350px;  
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
/*.product-image:hover img {
  transform-origin: center center;
  transform: scale(1.15);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  cursor: pointer;
}*/



    .share-bar {
      background-color: #f8f9fa;
      padding: 10px 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 15px;
      font-weight: 600;
      color: #495057;
      border-bottom: 1px solid #dee2e6;
    }

    .share-bar i {
      color: #25d366;
      font-size: 18px;
      transition: 0.3s;
    }

    .share-bar i:hover {
      color: #1da851;
    }
.product-info {
  padding: 12px 20px;  /* Fixed padding for the product details section */
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 14px;
  color: #333;
  height: 260px;  /* Fixed height for the product details section */
}

.product-detail-row {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: #495057;
  padding: 6px 0;
  border-bottom: 1px dashed #b5bfc2; /* Slightly thicker with a softer color */
  text-align: left;
  height: 25px;
}


.product-detail-row span:first-child {
  font-weight: 600;
  color: #6c757d;
}

.product-detail-row span:last-child {
  font-weight: 800;
}

.specs-table {
  font-size: 13px;
  width: 100%;
  border-collapse: collapse;
  color: #333;
}

.specs-table th {
  background-color: #f8f9fa;
  color: #495057;
  text-align: center;
  padding: 8px;
  font-weight: 600;
}

.specs-table td {
  text-align: center;
  vertical-align: middle;
  padding: 8px;
  border: 1px solid #e3e6ea;
}

.action-buttons {
  display: flex;
  justify-content: space-between;
  padding: 7px;
  gap: 8px;  /* Reduced gap between action buttons */
  margin-bottom: 10px;
  margin-top: 0!important;
}

.action-buttons a {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  color: #fff;
  transition: all 0.3s ease;
  min-width: 120px;
  padding: 8px 14px;
}

.action-buttons a.whatsapp {
  background-color: #25d366;
}

.action-buttons a.email {
  background-color: #007bff;
}

.action-buttons a:hover {
  opacity: 0.95;
}


.enquiry-sidebar {
    position: absolute;
    top: 8px;
    right: 5px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 6px;
    z-index: 999;
}
            
@media (max-width: 576px) {
  .enquiry-sidebar {
    position: absolute;
    top: 5px;
    right: 5px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 3px;
    z-index: 999;
}
  
}

@media (max-width: 576px) {
  .product-card {
    min-height: 500px;  /* Decreased height to make it more compact */
    width: 100%;  /* Increased width to 95% of the screen */
    margin-left: auto;
    margin-right: auto;  /* Centering the card */
  }

  .product-info {
    padding: 12px;  /* Adjusted padding for mobile */
    height: 140px;  /* Reduced height for a more compact look */
  }

  .action-buttons {
    flex-direction: row;  /* Keeps buttons in a row */
    gap: 12px;  /* Adds spacing between buttons */
  }

  .action-buttons a {
    flex: 1 1 45%;  /* Ensures buttons stay in row and are evenly spaced */
  }

  .product-detail-row {
    font-size: 11px;
    padding: 6px 0;
  }

  .specs-table th, .specs-table td {
    font-size: 12px; /* Adjusted font size for mobile screens */
    padding: 6px;
  }

  .product-info {
    height: 140px;  /* Reduced to make the details section more compact */
  }
}



.sticky-advance-search {
position: sticky;
top: 100px;
z-index: 1;
border-right: 1px solid #ccc;

}

.znth{
display:flex; 
flex-wrap:wrap;
margin: 0px 9px -11px;
}
.tbl{
width:100%;
font-size:13px;
margin-bottom: 4px;
border-collapse:collapse; 
min-width:276px; 
border:1px solid #ccc;
}

.pagination {
margin-left: auto;
margin-right: auto;
}

.mrq-color{
color:#075507 !important;
}    
.search-container {
display: flex;
align-items: center;
position: relative;
width: 100%;
max-width: 500px;
margin: 0 auto;
}

.search-container input[type="text"] {
flex: 1;
padding: 8px 12px;
border: 1px solid #ccc;
border-radius: 4px 0 0 4px;
font-size: 14px;
outline: none;
}
.search-container button {
padding: 8px 12px;
border: 1px solid #ccc;
border-left: none;
background-color: #004080;
color: white;
border-radius: 0 4px 4px 0;
cursor: pointer;
}
#suggestions {
display:none; 
border:1px solid #ccc; 
max-height:200px; 
overflow-y:auto; 
position:absolute; 
background:#fff; 
width: max-content; 
/*min-width: 100%; */
max-width: 100%; 
z-index:999;
white-space: nowrap;
}

/* Hover effect */
.suggestion-item:hover,
.suggestion-item.active {
background-color: #1170e1;
cursor: pointer;
color: white;
font-weight: 600;
}

/* Highlight matching text */
.highlight {
/*color: white;*/
font-weight: bold;
/*background: blue;*/
}
.custom-bordered-table, .custom-bordered-table th, .custom-bordered-table td {
border: 1px solid #ccc;
border-collapse: collapse;
padding: 4px;
margin-bottom: 19px;
margin-top: 5px;
width: 268px;
margin-left: 10px;
font-size: 11px;
}

.maketbl{
  width:100%;
  font-size:13px; 
  border-collapse:collapse;
  min-width:300px; 
  border:1px solid #ccc;
  margin-left:14px;
}

.property-title {
min-height: 105px;
}

.product-card {
background: #fff;
border: 1px solid #dee2e6;
border-radius: 8px;
transition: transform 0.2s ease-in-out;
overflow: hidden;
height: 403px;
margin: 4px;
}

.product-image {
  position: relative;
  text-align: center;
  padding: 10px;
  overflow: hidden;
}

.product-image img {
  width: 100%;
  height: 120px;
  object-fit: contain;
  display: block;
  transition: transform 0.3s ease;
}

/* 👇 Apply scale on hover of the whole container */


/* Overlay setup */
.overlay-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  pointer-events: none;
  border-radius: 6px;
}

/* 👇 Show overlay on hover of the wrapper */
.product-image-hover:hover .overlay-text {
  visibility: visible;
  opacity: 1;
}
/*.product-card:hover {*/
/*transform: translateY(-4px);*/
/*box-shadow: 0 6px 16px rgba(0,0,0,0.08);*/
/*}*/

.product-img-wrapper {
background-color: #fdfdfd;
height: 123px;
padding: 14px;
text-align: center;
border-bottom: 1px solid #dee2e6;
}

.card-footer .btn {
font-size: 15px;
padding: 4px 10px;
}


p {
margin: 0 0 0px;
}

div.card {

box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
text-align: center;
}

.table-bordered {
border: 1px solid #c1c0c0;;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > td {
border: 1px solid #c1c0c0;
}
hr {
margin-top: 0px; 
margin-bottom: 0px; 
border: 0;
border-top: 1px solid #eee;
}



@media (max-width: 767.98px) {

.fnt-fmly-thoma{
   font-size: 18px;
} 
    
.sticky-advance-search {
position: static !important;
width: 100vw !important;
max-width: 92vw !important;
margin: 0 !important;
padding: 16px 12px;
box-sizing: border-box;
background: #fff;
}

.maketbl{
    width: 100%;
    min-width: 100%;
    font-size: 13px;
    border-collapse: collapse;
    border: 1px solid #ccc;
    }

.makcard{
    width: 300px;
}

.head1{
        flex: 1 0 47%;
}

.tbl {
width:100%;
font-size:13px;
margin-bottom: 4px;
border-collapse:collapse; 
min-width:260px; 
border:1px solid #ccc;
}

#searchResults {
flex: 0 0 75%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}

.button.alt {
background-color: #2f2e7f;
/*width: 100% !important;*/
}

label {
display: inline-flex;
max-width: 100%;
font-weight: 700;
}
.sharepro{ 
background:#f1f1f1;
font-size:14px;
color:#555;  
justify-content:space-between;
align-items:center;
padding-right:32px;
}



.znth{
display:flex; 
flex-wrap:wrap;
margin: 0px 9px 0px;
}

.subheader h1 {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 29px;
    color: #fff;
    float: left;
}


}


@media screen and (max-width: 990px) {
.search-form-bx button {
margin-left: 0px;
margin-top: 12px;
width: 100%;
}
.maketbl{
    width: 100%;
    min-width: 100%;
    font-size: 13px;
    border-collapse: collapse;
    border: 1px solid #ccc;
    }
.search-form-bx {
text-align: left;
padding: 20px 12px;
width: 100%;
}

.makcard{
    width: 300px;
}    

.fnt-fmly-thoma{
   font-size: 18px;
} 

.subheader h1 {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 29px;
    color: #fff;
    float: left;
}
}    


@media (max-width: 576px) {
#searchResults {
flex: 0 0 75%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}

.property-title h4 {
    white-space: nowrap;
    text-overflow: ellipsis;
     overflow: display; 
}   
.makcard{
    width: 300px;
}
.fnt-fmly-thoma{
   font-size: 18px;
} 

.subheader h1 {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 29px;
    color: #fff;
    float: left;
}

.maketbl{
    width: 100%;
    min-width: 100%;
    font-size: 13px;
    border-collapse: collapse;
    border: 1px solid #ccc;
    }
}