.find_work.job-card, .find_work .fa {
	color: #119A4A !important;
}
.find_work .text-muted {
	color: #119A4A !important;
}
.find_work .apply-btn {
  border: 1px solid #119A4A;
  background: #119A4A; }
.find_work .apply-btn:hover {
	color: #119A4A;
}
.find_worker.job-card, .find_worker .fa {
	color: #ED1E26 !important;
}
.find_worker .text-muted {
	color: #ED1E26 !important;
}
.find_worker .apply-btn {
  border: 1px solid #ED1E26;
  background: #ED1E26; }
.find_worker .apply-btn:hover {
	color: #ED1E26;
}
.field_name {
  width: 115px !important;
  display: inline-block;
  margin-right: .5rem;
}
.reply-icon.fa-reply {
  transform: rotate(180deg); /* if you want to tweak direction */
  font-size: 0.9em;
  color: #888;
}
			.realestate-search {
			  padding: 3% 0;
			  position: sticky;
			  top: 0;
			  background: #fff;
			  z-index: 1000;
			}

			.search-form {
				display: flex;
				gap: 10px;
			}

			.search-form input, .search-form select {
				padding: 10px 15px;
				font-size: 14px;
				border: 1px solid #ddd;
				border-radius: 6px;
				min-width: 140px;
				background: #fff;
				color: #333;
			}

			.search-form input::placeholder {
				color: #888;
			}

			.search-btn {
				background-color: #f35b66;
				border: none;
				padding: 0 18px;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 6px;
				cursor: pointer;
				transition: background 0.3s;
			}

			.search-btn:hover {
				background-color: #e14a56;
			}

			.search-btn svg {
				width: 18px;
				height: 18px;
				stroke: #fff;
			}
			.price-dropdown {
				position: relative;
			}

			.dropdown-toggle {
				padding: 10px 15px;
				border: 1px solid #ddd;
				border-radius: 6px;
				background: #fff;
				cursor: pointer;
				min-width: 140px;
			}

			.dropdown-menu {
				display: none;
				position: absolute;
				top: 110%;
				left: 0;
				background: #fff;
				border: 1px solid #ddd;
				border-radius: 6px;
				padding: 15px;
				box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
				z-index: 10;
				min-width: 200px;
			}

			.dropdown-menu label {
				font-size: 12px;
				color: #888;
				display: block;
				margin-top: 10px;
			}

			.dropdown-menu input {
				width: 100%;
				padding: 8px 10px;
				margin-top: 5px;
				border: 1px solid #ddd;
				border-radius: 4px;
			}
			.amenities-dropdown {
			  position: relative;
			  display: inline-block;
			}
			
			.dropdown-toggle {
			  padding: 10px 15px;
			  border: 1px solid #ccc;
			  background: white;
			  border-radius: 6px;
			  cursor: pointer;
			}
			
			.dropdown-menu {
			  display: none;
			  position: absolute;
			  top: 110%;
			  left: 0;
			  background: white;
			  border: 1px solid #ccc;
			  border-radius: 8px;
			  width: 300px;
			  max-height: 400px;
			  overflow: hidden;
			  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
			  z-index: 999;
			}
			
			.amenities-list {
			  max-height: 300px;
			  overflow-y: auto;
			  padding: 15px;
			}
			button.dropdown-toggle {
			  color: #4D4D4D !important;
			}
			.amenities-list label {
			  
			  white-space: nowrap;        /* prevents text from wrapping */
			  margin-bottom: 10px;
			  font-size: 14px;
			  color: #333;
			}

			.amenities-list input[type="checkbox"] {
			  width: 16px;
			  height: 16px;
			  margin: 0;
			  padding: 0;
			  flex-shrink: 0; 
			  accent-color: #f25774; /* pink tone to match Search button */
			 min-width: auto !important;
			}


			
			.filter-actions {
			  display: flex;
			  justify-content: space-between;
			  padding: 10px 15px;
			  border-top: 1px solid #eee;
			  background: #fafafa;
			}
			
			.reset-btn {
			  background: white;
			  border: 1px solid #223;
			  color: #223;
			  padding: 8px 14px;
			  border-radius: 5px;
			  font-weight: bold;
			}
			
			.search-btn {
			  background: #F20A22;
			  border: none;
			  color: white;
			  padding: 8px 14px;
			  border-radius: 5px;
			  font-weight: bold;
			}
			.price-dropdown .dropdown-toggle:after, .amenities-dropdown .dropdown-toggle:after {
				content: "\f107";
				font: normal normal normal 14px/1 FontAwesome;
				border: none !important;
			}
			.price-dropdown .dropdown-toggle, .amenities-dropdown  .dropdown-toggle {
			  display: flex;
			  align-items: center;
			  justify-content: space-between;
			}
			.main-title {
				font-size: 1.5rem; 
				color: #001e60; 
				font-weight: 300; display: block
			}
			.total-properties { color: #545c6c;
  line-height: 21px;
  font-size: 14px; font-weight: normal; }
  .tabs {
  display: flex;
  gap: 0px;
  margin-bottom: 1rem;
}

.tab-button {
  padding: 8px 16px;
  cursor: pointer;
  border: 1px solid #ddd;
  background-color: white;
}

.tab-button.active {
  background-color: #F20A22;
  color: white;
  border-color: #F20A22;
}
.highlight {
  margin-top: 10px;
  color: #F20A22;
}
.property-card {
  border: 1px solid #eee;
  padding: 16px;
  margin: 8px 0;
}

.tab-button {
  flex: 1;
}
.listings .container-fluid {
	width: 100%;
  padding-right: 30px !important;
  padding-left: 30px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
.listings .realestate-search input, .listings .realestate-search select, 
.listings .realestate-search textarea, .listings .realestate-search button, .listings .realestate-search .dropdown {
  flex: 1;
}
.listings .card-title { color: #001E80 !important; }
.grid { display: grid; }
.sec2 li span, .sec2 li i { color: #6c757d !important; }
.new-list ul { position: relative; }
.new-list ul li { position: relative; }
.new-list ul li:last-child { margin-right: 0; }
.new-list ul li:last-child:after { display: none; }
.new-list ul li:after { position: absolute; content: "|"; right: -25px; top: 0; width: auto; }
.col-span-1 {
  grid-column: span 1 / span 1;
}

.row-span-2 {
  grid-row: span 2 / span 2;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.hidden { display: none; }
#lightgallery {
  grid-auto-flow: column;
  gap: .75rem;
}
.image-section {
  position: relative;
}
#viewPhotosBtn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: #001E80;
  border: none;
}
.text-clipping {
  color: #6c757d !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;         /* Limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 3.2em;             /* Approx height for 2 lines */
  line-height: 1.6;              /* Optional: adjusts line spacing */
}
.realestate-listing .bread-crumb h1 {
	color: #001E80;
}
.bg-grey {background: #F2F2F2 !important; }
.job-forms {
    
    height: 100%; /* Make sure this container stretches */
   position: relative;
}
.job-forms:after {
  content: '';
  position: absolute;
  right: -15px;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: #fff;
  border-left: 1px solid #d5d5d5;
}
.top-form-sec .job-category:last-child .job-forms:after {
	display: none;
}
.job-forms h2 {
	display: block;
  font-size: 26px;
  color: #000;
  font-weight: 300;
}
.job-forms .fa {
	color: #001E80;
	font-size: 50px;
  	display: inline-block;
  
}
.job-forms p {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
	  color: #727272;
	  letter-spacing: 0;
	  line-height: 1.4;
	  padding: 0 15px;
}
.job-forms a {
	display: inline-block;
  padding: 10px 24px;
  background-color: #fff;
  border: 1px solid currentColor;
  color: #119A4A;
  border-radius: 80px;
  font-size: 16px;
  line-height: 1;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
}
.job-forms a:hover {
	background: #001E80;
	color: #fff;
}
/*job listing*/
.job-listings {
  
  background: #fff;
}
.section-pad {
	padding: 30px 0;
}
.job-card {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding: 20px 0;
}
.job-card:hover {
	background: #f8f8f8;
}

.company-logo {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}

/*.job-left {
  width: 80px;
  text-align: center;
  height: 80px;
  border: 1px solid #888;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}*/
.job-left {
  width: 80px;
  text-align: center;
}

.job-middle {
  flex: 1;
  padding-left: 20px;
  gap: 3rem ;
}

.job-title {
  margin: 0;
  font-weight: bold;
  font-size: 18px;
}

.company-name {
  margin: 5px 0 10px;
  color: #666;
  font-size: 14px;
}

.job-details span {
  display: inline-block;
  margin-right: 15px;
  font-size: 14px;
  color: #555;
  max-width: 150px;
  width: 115px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  white-space: nowrap;
}

.job-details i {
  margin-right: 5px;
  color: #888;
}

.job-right {
  text-align: right;
}

.apply-btn {
  padding: 8px 20px;
  border: 1px solid #001E80;
  background: #001E80;
  cursor: pointer;
  font-weight: bold;
  transition: background 0.3s ease;
  color: #fff;
  box-shadow: none;
}

.apply-btn:hover {
  background: #f0f0f0;
  color: #001E80;
}

.load-more-wrapper {
  text-align: center;
  margin-top: 30px;
}

.load-more-btn {
  padding: 12px 30px;
  border: 2px solid #001E80;
  color: #001E80;
  background: #fff;
  border-radius: 30px;
  font-weight: bold;
  transition: background 0.3s ease, color 0.3s ease;
}

.load-more-btn:hover {
  background: #001E80;
  color: #fff;
}
.job-title-sec {
  width: 200px;
}
.job-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
  width: 100%;
}

.filter-tabs {
    
}
.tab-btn {
    padding: 10px 20px;
    border: none;
    background: #eee;
    cursor: pointer;
    margin-right: 10px;
}
.tab-btn.active {
    background: #119A4A;
    color: white;
}

@media (min-width: 640px) {
 .grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 767px) {
	.col-sm-3 { max-width: 100%; }
}