/* Search Project Page*/
     .search_content {
         padding: 8px;
         float: left;
         width: 100%;
         display: inline-flex;
     }

     .pro_search_left {
         margin-right: 8px !important;
         width: 350px;
         overflow: hidden;
         background: #fff;
         box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.4);
     }

     .pro_search_right {
         width: 100%;
         box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.4);
         overflow: hidden;
         background: #fff;
     }

     .standardized_filters {
         background: #fff;
         box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
         border-radius: 8px;
         padding: 20px 18px;
         color: #333;
         transition: box-shadow 0.3s ease;
         width: 350px;
     }

     .project-search-page {
         width: 100%;
         box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.4);
         overflow: hidden;
         background: #fff;
     }

     .cat_search_con .standardized_filters {
         width: 20%;
     }

     .cat_search_con .project-search-page {
         width: 80%;
     }

     .standardized_filters .secondary-liner,
     .project-search-page .project-search-bg {
         background-color: #fff;
         overflow: hidden;
     }

     /* Section headers */
     #search-filters h4,
     #search-filters h3 {
         font-weight: 700;
         margin-bottom: 12px;
         padding-bottom: 6px;
         border-bottom: 2px solid #e3e3e3;
         color: #222;
     }

     #search-filters h4 {
         font-size: 20px;
         text-transform: capitalize;
     }

     #search-filters h3 {
         font-size: 14px;
         text-transform: uppercase;
         color: #555;
         margin-top: 24px;
     }


     /* Filter list items */
     #search-filters .filter li {
         padding: 8px 10px;
         margin-bottom: 6px;
         border-radius: 5px;
         cursor: pointer;
         display: flex;
         align-items: center;
     }


     #search-filters .filter li.selected,
     #search-filters .cat_filter li.selected a {
         /* background-color: #010A6F; */
         color: #000 !important;
         font-weight: 700 !important;
     }

     /* Filter links */
     #search-filters .filter a {
         color: inherit;
         text-decoration: none;
         flex-grow: 1;
         font-size: 14px;
     }

     /* Select dropdown */
     .filter select {
         width: 100%;
         padding: 8px 12px;
         margin-top: 8px;
         border: 1px solid #ccc;
         border-radius: 6px;
         font-size: 14px;
         color: #444;
         background-color: #fafafa;
         transition: border-color 0.3s ease;
     }

     .filter select:focus {
         border-color: #010A6F;
         outline: none;
         background-color: #fff;
     }

     /* Collapsible filter header */
     #search-filters .att_head {
         cursor: pointer;
         padding: 15px 10px;
         font-weight: 600;
         border-bottom: 1px solid #eaeaea;
         position: relative;
         color: #444;
         user-select: none;
     }

     #search-filters .att_head:after {
         content: '\f107';
         /* FontAwesome down arrow */
         font-family: 'FontAwesome';
         position: absolute;
         right: 12px;
         top: 50%;
         transform: translateY(-50%);
         color: #888;
         transition: transform 0.3s ease;
     }

     #search-filters .att_head.active:after {
         content: '\f106';
         /* FontAwesome up arrow */
         transform: translateY(-50%) rotate(180deg);
         color: #010A6F;
     }

     /* Collapsible content */
     #search-filters .fliter_list_view {
         padding: 10px 5px 20px 5px;
         overflow: hidden;
         transition: max-height 0.3s ease-out, opacity 0.3s ease;
         display: none;
         max-height: 0;
         opacity: 0;
     }

     #search-filters .fliter_list_view.open {
         display: block;
         max-height: 1000px;
         /* big enough */
         opacity: 1;
     }

     /* Clear filters link */
     #search-filters .clear_filter a {
         font-size: 13px;
         color: #777;
         text-decoration: underline;
         cursor: pointer;
         display: inline-block;
         margin-top: 10px;
         transition: color 0.3s ease;
     }

     #search-filters .clear_filter a:hover {
         color: #010A6F;
     }

     /* Scrollbar for sidebar */
     .standardized_filters::-webkit-scrollbar {
         width: 8px;
     }

     .standardized_filters::-webkit-scrollbar-track {
         background: #f1f1f1;
         border-radius: 8px;
     }

     .standardized_filters::-webkit-scrollbar-thumb {
         background: #c1c1c1;
         border-radius: 8px;
     }

     .standardized_filters::-webkit-scrollbar-thumb:hover {
         background: #a0a0a0;
     }

     #price-editor .price-input {
         width: 110px !important;
         position: relative;
         overflow: hidden;
         -webkit-appearance: none;
         -moz-appearance: none;
         appearance: none;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
         display: inline-block;
         font-size: 14px;
         line-height: 20px;
         vertical-align: top;
         text-align: left;
         padding: 5px;
         color: #333;
         border: 1px solid #cfcbc8;
         border-radius: 3px;
         -webkit-box-shadow: inset 0 1px 2px #e9e9e8;
         -moz-box-shadow: inset 0 1px 2px #e9e9e8, 0 0 0 1000px #fff inset;
         box-shadow: inset 0 1px 2px #e9e9e8, 0 0 0 1000px #fff inset;
     }

     #price-editor .text {
         position: absolute;
         border: none;
         width: 88px;
         height: 24px;
         font-size: 14px;
         color: #212121;
         line-height: 1;
         padding: 0 5px;
         outline: none;
         font-size: 13px;
         border: none !important;
     }

     #price-editor .price-input span {
         color: #212121;
         display: inline-block;
         padding: 2px 0px;
     }

     .to {
         margin: 7px 0px;
         display: inline-block;
     }

     #priceRangeButton {
         border: none !important;
     }

     #search-filters .filter li.more {
         cursor: pointer;
         color: #010A6F;
         font-weight: 600;
     }

     .pro_btm_details {
         border-color: #dce0e0;
         border-width: 0px 1px 1px 1px;
         border-style: solid;
         padding: 10px 0px;
         text-transform: capitalize;
         text-align: center;
         overflow: hidden;
         width: 100%;
         min-height: 110px;
     }

     .start_price {
         text-transform: uppercase;
         padding: 5px 0px 0px 0px;
         /*float: left;
    width: 100%;*/
     }

     .pro_social_share li {
         padding: 5px 0px 0px;
     }

     .search-things li {
         display: inline-flex;
         cursor: pointer;
         font-size: 12px;
         background-color: #e0e0e0;
         box-shadow: 0 2px 4px 0 hsla(0, 0%, 100%, .5);
         border-radius: 3px;
         margin: 2px 4px 5px auto;
         overflow: hidden;
         transition: background-color 0.1s;
         max-width: 200px;
         padding: 8px;
     }

     .search-things li:hover {
         background-color: #d7d7d7;
     }

     .search-things li:hover .filters_item {
         text-decoration: line-through;
     }

     .search-things li a {
         cursor: pointer;
         font-size: 14px;
         color: #000;
         line-height: 1.4;
         display: inline-flex;
     }

     .pro_rating label {
         cursor: pointer;
     }

     li.extra_social {
         background: #83878a;
         color: #fff;
         padding: 5px 10px;
         border-radius: 50%;
         font-size: 22px;
         line-height: 24px;
         height: 32px;
         width: 32px;
         margin-top: 5px;
         cursor: pointer;
     }

     .social_hover {
         display: none;
         padding: 0px;
         background-color: #ffffff;
         transition: all 0.5s;
         border: 1px solid #928b8b;
         border-radius: 4px;
         position: absolute;
         z-index: 99999;
         left: auto;
         top: auto;
         box-shadow: 0 0 6px 0px #d0d0d0;
         width: auto;
     }

     .cate_hover {
         display: none;
         padding: 10px 7px;
         background-color: #ffffff;
         transition: all 0.5s;
         border: 1px solid #928b8b;
         border-radius: 4px;
         position: absolute;
         z-index: 99999;
         left: 0;
         top: auto;
         box-shadow: 0 0 6px 0px #d0d0d0;
         overflow: hidden;
         width: 280px;
     }

     .cate_hover label {
         width: 100%;
     }

     .cathover {
         width: 100%;
         display: inline-block;
         vertical-align: top;
     }

     .hover_list {
         width: 60%;
         color: #696363;
         font-weight: 300;
     }

     .hover_num {
         width: 12%;
         text-align: right;
         position: relative;
         float: right;
         right: 45px;
         margin-right: -22px;
         color: #696363;
         font-weight: 300;
     }

     .hover_star {
         float: right;
         width: auto;
     }

     .pro_rating:hover+.cate_hover {
         display: block;
     }

     .pro_absolute_fav {
         position: absolute;
         top: 0;
         right: 0;
         z-index: 9;
         background: #ffffffd1;
     }

     .search-checkbox .amigo_field_con {
         width: 100px;
         height: 19px;
         padding: 2px 0px;
         position: absolute;
     }

     #search_results .amigo_field_con input {
         width: 100%;
     }

     .service_providers {
         color: #1221da;
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden;
         display: block;
         width: 60px;
     }

     .service_providers:hover {
         color: #010A6F;
     }

     .landing_pagination {
         text-align: center;
     }

     .watermark_con {
         bottom: 0;
         top: auto;
         padding: 10px 0px;
         cursor: pointer;
         position: absolute;
         text-align: center;
         width: 100%;
     }

     .watermark_con.gray {
         background: none repeat scroll 0 0 rgba(79, 71, 71, 0.4);
     }

     .watermark_con.red {
         background: none repeat scroll 0 0 rgba(223, 23, 23, 0.4);
     }

     .watermark_con.green {
         background: none repeat scroll 0 0 rgba(21, 128, 6, 0.4);
     }

     .watermark_con.red {
         background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
     }

     .watermark_con.black {
         background: none repeat scroll 0 0 rgba(17, 16, 16, 0.4);
     }

     .watermark_con.white {
         background: none repeat scroll 0 0 rgba(247, 241, 241, 0.4);
     }

     .watermark {
         font-weight: 400;
         font-size: 14px;
     }

     .watermark.gray {
         color: gray;
     }

     .watermark.red {
         color: red;
     }

     .watermark.green {
         color: green;
     }

     .watermark.red {
         color: red;
     }

     .watermark.black {
         color: black;
     }

     .watermark.white {
         color: white;
     }

     .display_flex {
         display: flex;
     }

     .amigo-btn {
         background: #010A6F !important;
         border: none !important;
         box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
         text-decoration: none;
         text-align: center;
         outline: 0;
         line-height: normal;
         color: #fff;
         padding: 10px 20px;
         border-radius: 3px;
         width: auto;
         transition: .3s;
         font-weight: 600;
         display: inline-block;
     }


     #search-filters .cat_filter li.selected a {
         color: #212121;
         font-weight: 500;
         padding: 10px;
     }

     .sort_header {
         float: right;
     }

     ul#menu,
     ul#menu {
         padding: 0;
         margin: 0;
     }

     ul#menu li {
         cursor: pointer;
         display: inline-block;
         position: relative;
         padding: 0px 0px 0px 3px;
         display: inline-flex;
     }

     .product-search-page,
     .cat_search_page {
         width: 100%;
         box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.4);
         overflow: hidden;
         background: #fff;
     }







     /* Reset some basic elements */

     .search-header {
         background-color: #f9f9f9;
         padding: 40px 30px;
         border-radius: 8px;
         color: #333;
         box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
     }

     /* Breadcrumb Styles */
     .breadcrumb_top {
         list-style: none;
         display: flex;
         align-items: center;
         font-size: 14px;
         color: #666;
         margin-bottom: 12px;
     }

     .breadcrumb_top li {
         display: flex;
         align-items: center;
         font-size: 18px;
     }

     .breadcrumb_top li a {
         text-decoration: none;
         color: #010A6F;
         transition: color 0.3s ease;
     }

     .breadcrumb_top li a:hover {
         color: #010A6F;
     }

     .breadcrumb_top i.fa-angle-right {
         margin: 0 10px;
         color: #bbb;
         font-size: 12px;
     }

     /* Highlight current search value */
     .search_value {
         font-weight: 600;
         color: #222;
     }

     /* Search count */
     .search_count {
         font-weight: 600;
         color: #444;
         font-size: 16px;
         margin-bottom: 18px;
     }

     /* Sort Header */
     .sort_header {}

     #menu li label {
         font-weight: 700;
         color: #555;
         margin: 0px;
         padding: 0px;
     }

     #menu li a {
         text-decoration: none;
         color: #555;
         padding: 6px 12px;
         border-radius: 20px;
         transition: background-color 0.3s ease, color 0.3s ease;
         font-weight: 500;
         border: 1px solid transparent;
         cursor: pointer;
     }

     #menu li a:hover {
         background-color: #010A6F;
         color: white;
         border-color: #010A6F;
     }

     #menu li a.active,
     #menu li a.active:hover {
         background-color: #010A6F;
         color: white;
         border-color: #010A6F;
     }

     /* Shipping list (empty now but ready for styling) */
     .shiping-list {
         list-style: none;
         /* you can add styling here if items exist */
     }

     /* Responsive */
     @media (max-width: 600px) {
         .search-header {
             padding: 15px 20px;
         }

         #menu {
             flex-wrap: wrap;
             gap: 12px;
         }
     }


     #search-filters .filter .fa {
         font-size: 14px;
         font-weight: bold;
         vertical-align: top;
         padding: 0px 6px 0px 0px;
         color: #878787;
     }

     #search-filters .filter .fa:hover {
         color: #000;
     }


     #search-filters .filter .selected .fa {
         font-size: 14px;
         font-weight: bold;
         padding: 0px 6px 0px 0px;
         color: #000 !important;
     }

     .search_error_content {
         margin-top: 20px;
         text-align: center;
         color: #010A6F;
     }

     .search_error_content h3 {
         color: #010A6F;
     }


     .product_listing {
         background: #fff;
         border-radius: 8px;
         /*         padding: 0px 50px 0px 50px;*/
         margin: 12px;
         box-shadow: 0 4px 8px rgba(255, 255, 255, 0.3);
         /* white shadow */
         transition: box-shadow 0.3s ease;
     }


     .secondary-button-edit {
         background: #010A6F !important;
         border: none !important;
         position: relative;
         text-decoration: none;
         text-align: center;
         outline: none;
         line-height: normal;
         color: #fff !important;
         cursor: pointer;
         padding: 10px 15px;
         border-radius: 7px;
         width: auto;
         transition: box-shadow 0.2s ease 0s;
         font-weight: 600;
         transition: 0.3s;
         display: inline-block;
         text-transform: capitalize;
         margin-top: 20px;
         width: 100px;
     }

     
     .search_sort {
         display: flex;
         justify-content: center;
         margin-top: 5px;
     }

     .search_filters {
         display: flex;
         justify-content: center;
         margin-top: 5px;
     }



     .standardized_filters .secondary-liner,
     .product-search-page .product-search-bg {
         background-color: #fff;
         overflow: hidden;
     }

     @media (max-width: 767px) {
         .search_content {
             display: inline;
         }


         .search_content ul#menu li {
             display: block;
             text-align: left;
             padding: 5px;
         }
     }