/* Selection Section */
      .selection-section {
         background: white;
         border-radius: 12px;
         padding: 40px;
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
         margin: 50px 0;
      }

      .selection-container {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
         gap: 10px;
         margin-bottom: 30px;
      }

      /* Property Slot */
      .property-slot {
         border: 2px dashed #e0e0e0;
         border-radius: 12px;
         padding: 0px;
         position: relative;
         transition: all 0.3s ease;
      }

      .property-slot:hover {
         border-color: #0056b3;
         box-shadow: 0 4px 12px rgba(0, 86, 179, 0.1);
      }

      .add-property-btn {
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         cursor: pointer;
         padding: 30px;
         text-align: center;
         transition: all 0.3s ease;
         border-radius: 10px;
      }

      .add-property-btn:hover {
         background-color: #f8f9fa;
      }

      .plus-icon {
         width: 60px;
         height: 60px;
         border: 2px dashed #ccc;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 32px;
         color: #999;
         margin-bottom: 10px;
         transition: all 0.3s ease;
      }

      .add-property-btn:hover .plus-icon {
         border-color: #0056b3;
         color: #0056b3;
         background-color: #f0f6ff;
      }

      .add-property-btn p {
         color: #666;
         font-size: 0.95rem;
         font-weight: 500;
      }

      /* Search Input */
      .property-search {
         width: 100%;
         padding: 12px;
         border: 1px solid #ddd;
         border-radius: 6px;
         font-size: 0.95rem;
         transition: all 0.3s ease;
         display: none;
      }

      .property-search:focus {
         outline: none;
         border-color: #0056b3;
         box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.1);
      }

      .property-search.active {
         display: block;
      }
.property-rating {
   min-height: 35px; /* fix height */
}
      /* Search Dropdown */
      .search-dropdown {
         position: absolute;
         top: 90px;
         left: 0;
         right: 0;
         background: white;
         border: 1px solid #ddd;
         border-top: none;
         border-radius: 0 0 6px 6px;
         max-height: 300px;
         overflow-y: auto;
         z-index: 10;
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      }

      .search-dropdown.hidden {
         display: none;
      }

      .dropdown-item {
         padding: 12px;
         cursor: pointer;
         border-bottom: 1px solid #f0f0f0;
         transition: all 0.2s ease;
      }

      .dropdown-item:hover {
         background-color: #f0f6ff;
         color: #0056b3;
      }

      .dropdown-item strong {
         display: block;
         color: #333;
         margin-bottom: 3px;
      }

      .dropdown-item small {
         color: #666;
         font-size: 0.85rem;
      }

      /* Selected Property Display */
      .selected-property {
         display: none;
         text-align: center;
      }

      .selected-property.active {
         display: block;
      }

      .property-image {
         width: 100%;
         height: 180px !important;
         object-fit: cover;
         border-radius: 15px 15px 0 0;
         margin-bottom: 15px;
      }

      .property-name {
         font-size: 1.1rem;
         font-weight: 600;
         margin-bottom: 5px;
         color: #333;
         display: -webkit-box;
         overflow: hidden;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
      }

      .property-location {
         color: #0056b3;
         font-size: 0.9rem;
         margin-bottom: 8px;
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 5px;
      }

      .property-price {
         font-size: 1.3rem;
         font-weight: 700;
         color: #0056b3;
         margin-bottom: 10px;
         justify-content: center;
      }

      .property-rating {
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 8px;
         margin-bottom: 15px;
         font-size: 0.9rem;
      }

      .stars {
         color: #ffc107;
         font-size: 1rem;
      }
/* 
      .rating-text {
         color: #666;
      } */

      .remove-btn {
         width: 100%;
         max-width: 230px;
         padding: 10px;
         background-color: #ff4444;
         color: white;
         border: none;
         border-radius: 6px;
         font-size: 0.9rem;
         font-weight: 600;
         transition: all 0.3s ease;
         margin: 0 auto 15px;
      }

      .remove-btn:hover {
         background-color: #cc0000;
         transform: translateY(-2px);
      }

      /* Compare Button */
      .compare-button-container {
         display: flex;
         justify-content: center;
         margin-top: 20px;
      }

      .compare-btn {
         padding: 14px 50px;
         background-color: #ff6b35;
         color: white;
         border: none;
         border-radius: 6px;
         font-size: 1.1rem;
         font-weight: 600;
         cursor: pointer;
         transition: all 0.3s ease;
         box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
      }

      .compare-btn:hover {
         background-color: #e55a2b;
         transform: translateY(-2px);
         box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
      }

      .compare-btn:active {
         transform: translateY(0);
      }

      /* Comparison Section */
      .comparison-section {
         background: white;
         border-radius: 12px;
         overflow: hidden;
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
         margin-bottom: 50px;
      }

      .comparison-section.hidden {
         display: none;
      }

      .comparison-header {
         background: linear-gradient(135deg, #0056b3 0%, #004494 100%);
         color: white;
         padding: 15px 25px;
         display: flex;
         justify-content: space-between;
         align-items: center;
      }

      .comparison-header h2 {
         font-size: 1.8rem;
         font-weight: 700;
         color: #fff;
         margin: 0;
      }

      .close-btn {
         background: rgba(255, 255, 255, 0.2);
         border: none;
         color: white;
         font-size: 32px;
         cursor: pointer;
         width: 40px;
         height: 40px;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         transition: all 0.3s ease;
      }

      .close-btn:hover {
         background: rgba(255, 255, 255, 0.3);
      }

      /* Comparison Table */
      .comparison-table {
         padding: 25px;
         border-bottom: 1px solid #e0e0e0;
      }

      .comparison-table:last-child {
         border-bottom: none;
      }

      .comparison-table h3 {
         font-size: 1.3rem;
         color: #333;
         margin-bottom: 20px;
         font-weight: 600;
      }

      table {
         width: 100%;
         border-collapse: collapse;
         margin: 0;
      }

      thead {
         background-color: #f8f9fa;
      }

      th {
         padding: 15px;
         text-align: left;
         font-weight: 600;
         color: #333;
         border-bottom: 2px solid #e0e0e0;
      }

      .feature-column {
         width: 20%;
         background-color: #0056b3;
         color: #fff;
         font-weight: 700;
      }

      .property-column {
         width: 20%;
         text-align: center;
         word-break: break-word;
         background-color: #0056b3;
         color: #fff !important;
      }

      .comparison-table table thead tr th {
         border: 1px solid #fff !important;
      }

      td {
         padding: 15px;
         border-bottom: 1px solid #f0f0f0;
      }

      .feature-name {
         background-color: #f8f9fa;
         color: #0056b3;
         font-weight: 600;
      }

      .price-cell {
         color: #ff6b35;
         font-weight: 600;
      }

      table tbody tr:hover {
         background-color: #f8f9fa;
      }

      /* Check/Cross Icons */
      .check-icon {
         color: #fff;
         font-weight: bold;
         font-size: 16px;
         background: #28a745;
         border-radius: 50%;
         padding: 1px 4px;
      }

      .cross-icon {
         color: #fff;
         background-color: #dc3545;
         font-weight: bold;
         font-size: 16px;
         border-radius: 50%;
         padding: 1px 4px;
      }
      .offer_outline_btn {
         width: 100%;
         max-width: 230px;
         padding: 10px;
         background-color: #fff;
         color: #ff4444;
         border: 1px solid #ff4444;
         border-radius: 6px;
         font-size: 0.9rem;
         font-weight: 600;
         transition: all 0.3s ease;
         margin: 0 auto 10px;
      }
      .offer_outline_btn:hover {
         background-color: #ff4444;
         color: #fff;
      }

      /* Responsive Design */
      @media (max-width: 1024px) {
         .selection-container {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
         }

         .header h1 {
            font-size: 2rem;
         }

         .comparison-table {
            padding: 20px;
         }

         th,
         td {
            padding: 12px;
            font-size: 0.9rem;
         }
      }

      @media (max-width: 768px) {
         .container {
            padding: 15px;
         }

         .selection-section {
            padding: 20px;
         }

         .selection-container {
            grid-template-columns: 1fr;
            gap: 15px;
         }

         .header h1 {
            font-size: 1.5rem;
         }

         .header p {
            font-size: 0.95rem;
         }

         .comparison-header {
            flex-direction: column;
            gap: 15px;
            text-align: center;
         }

         .comparison-header h2 {
            font-size: 1.4rem;
         }

         .comparison-table {
            padding: 15px 10px;
            overflow-x: auto;
         }

         table {
            font-size: 0.85rem;
         }

         th,
         td {
            padding: 10px;
         }

         .feature-column {
            width: 30%;
         }

         .property-column {
            width: 17.5%;
         }

         .compare-btn {
            padding: 12px 30px;
            font-size: 1rem;
         }
      }

      @media (max-width: 480px) {
         .header h1 {
            font-size: 1.3rem;
         }

         .header p {
            font-size: 0.85rem;
         }

         .selection-section {
            padding: 15px;
         }

         .property-slot {
            padding: 15px;
         }

         .comparison-header h2 {
            font-size: 1.2rem;
         }

         .comparison-table h3 {
            font-size: 1.1rem;
            margin-bottom: 15px;
         }

         table {
            font-size: 0.8rem;
         }

         th,
         td {
            padding: 8px 5px;
         }

         .feature-column {
            width: 35%;
         }

         .property-column {
            width: 21.25%;
         }

         .compare-btn {
            width: 100%;
            padding: 12px;
         }
      }

      /* Animations */
      @keyframes slideIn {
         from {
            opacity: 0;
            transform: translateY(-10px);
         }

         to {
            opacity: 1;
            transform: translateY(0);
         }
      }

      .comparison-section:not(.hidden) {
         animation: slideIn 0.3s ease-out;
      }

      .hidden {
         display: none !important;
      }
    .add-compare-btn {
      background: transparent;
      color: #005ca8;
      border: 1px solid #005ca8;
      padding: 10px;
      border-radius: 6px;
      transition: all 0.3s ease;
   }

   .add-compare-btn:hover {
      background: #005ca8;
      color: #fff;
   }
   .selection_proeprty .selected_property_items {
    display: flex;
    align-items: center;
    /* gap: 5px; */
    flex-direction: column;
}
.selection_proeprty .selected_property_items img {
    width: 100px;
    border-radius: 10px;
    height: 80px;
    object-fit: cover;
}
.selection_proeprty .property_content_side h5 {
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 0;
}
.selection_proeprty .property_location {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 5px 0;
}
.selection_proeprty .property_price {
    font-size: 14px;
    color: #111;
    margin: 0;
}
.selected_property_items .top_property_content {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.selection_proeprty .selected_property_items .sticky_property_offer_btn {
    padding: 5px 15px;
    border: 1px solid #ff6b35;
    border-radius: 30px;
    font-size: 14px;
    background: #fff;
    color: #ff6b35;
}
.sticky_table_section table {
    margin: 20px 0 0;
    border: 0 !important;
}
.sticky_selection_section {
  position: fixed;
  top: -23px;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  z-index: 999;
      background: #fff;
    box-shadow: 0 4px 8px 0 rgba(36, 39, 44, .15);
}

.sticky_selection_section.show-sticky {
  opacity: 1;
  visibility: visible;
}
.sticky_table_section {
    padding: 0 125px;
}
.sticky_table_section table .selection_proeprty {
    background: #fff;
}