/* Box sizing reset */
 *,
 *::before,
 *::after {
     box-sizing: border-box;
 }

 /* Tab styles */
 .mobile_tab {
     float: left;
     width: 25%;
     margin: 10px 0 10px 10px;
     height: 100%;
 }

 .mobile_tab button {
     display: block;
     width: 98%;
     color: #fff;
     border: none;
     outline: none;
     text-align: left;
     cursor: pointer;
     transition: 0.3s;
     font-size: 15px;
     background: linear-gradient(90deg, #1565c0 0%, #1976d2 100%);
     margin: 9px 0;
     padding: 10px;
     border-radius: 7px;
     box-shadow: 0 2px 8px rgba(21, 101, 192, 0.08);
 }

 .mobile_tab button:hover,
 .mobile_tab button.active {
     background: linear-gradient(90deg, #c62828 0%, #ad1457 100%);
     color: #fff;
     box-shadow: 0 4px 12px rgba(198, 40, 40, 0.12);
 }

 /* Tab content */
 .tabcontent {
     padding: 24px 28px;
     width: 68%;
     min-height: 320px;
     height: 100%;
     display: none;
     overflow-y: auto;
     background: linear-gradient(135deg, #e0eafc 0%, #cfdef3 50%, #f9f9f9 100%);
     border: 2px solid #90caf9;
     border-radius: 18px;
     margin: 18px;
     box-shadow: 0 8px 32px rgba(33, 150, 243, 0.10), 0 1.5px 6px rgba(21, 101, 192, 0.08);
     transition: all 0.3s cubic-bezier(.4, 0, .2, 1);
     backdrop-filter: blur(2px);
     font-family: 'Montserrat', 'PT Sans', 'Roboto', Arial, sans-serif;
 }

 .tabcontent.active,
 .tab-content>.active {
     display: block !important;
     opacity: 1 !important;
 }

 /* Filter bar */
 .filter-btn-div {
     display: none;
 }

 .applyfilter {
     display: block;
     position: fixed;
     width: 30%;
     float: right;
     right: 7px;
     bottom: 4px;
     background: linear-gradient(90deg, #28419b 0%, #5c6bc0 100%);
     color: #fff;
     font-size: 11px;
     padding: 4px 3px;
     border-radius: 8px;
     box-shadow: 0 2px 8px rgba(44, 62, 80, 0.12);
     z-index: 1;
     white-space: nowrap;
     overflow: auto;
     display: none;
 }

 .applyfilter a {
     color: #fff;
     font-weight: 600;
     letter-spacing: 0.5px;
 }

 /* Responsive filter bar */
 @media (max-width: 768px) {
     .filter-btn-div {
         position: fixed;
         display: block;
         width: 100%;
         left: 0;
         bottom: 0;
         background-color: #fff;
         padding: 10px;
         white-space: nowrap;
         overflow: auto;
         z-index: 1;
         box-shadow: 0px 2px 6px 0px #000000a8;
     }

     .filter-btn-div button {
         border: 1px solid #dee2e6;
         font-weight: 600;
         margin-right: 10px;
         padding: 6px 9px;
         background: #105491;
         font-size: 13px;
         color: #fff;
     }
 }

 /* Lightbox/modal */
 .lightbox {
     display: none;
     position: fixed;
     z-index: 2;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
     background-color: rgba(0, 0, 0, 0.4);
 }

 .lightbox-content {
     background: linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%);
     border: 1px solid #888;
     width: 100%;
     height: 100%;
     overflow: hidden;
 }

 /* Utility classes */
 .width-80 {
     width: 80%;
     font-size: 15px;
 }

 .width-10 {
     width: 10%;
 }

 .width-90 {
     flex-grow: 1;
     font-size: 13px;
     color: #333;
     width: 75%;
 }

 .mobilesearch_header {
     width: 100%;
     float: left;
 }

 body {
     font-family: 'PT Sans', 'Roboto', 'Montserrat', Arial, sans-serif;
     font-weight: normal;
     font-style: normal;
     color: #111;
     font-size: 14px;
     margin: 0;
     padding: 0;
     overflow-x: hidden;
 }

 ul,
 ol {
     margin: 0;
     padding: 0;
     font-family: "PT Sans", sans-serif;
 }

 /* List and text styles */
 .mobile_tab_content ul li,
 .lightbox-content li {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 10px;
     padding: 10px 5px;
 }

 .mobile_tab_content ul li h5 {
     font-size: 15px;
     font-weight: 600;
     margin: 13px 0px 8px 10px;
     width: 95%;
     white-space: nowrap;
     overflow: hidden !important;
     text-overflow: ellipsis;
     letter-spacing: 0.8px;
 }

 .mobile_tab_content ul li p {
     font-size: 14px;
     margin-bottom: 4px;
     margin-left: 2em;
 }

 /* Search parameters */
 .search_parameters {
     float: left;
     width: 96%;
     overflow-y: auto;
     overflow-x: hidden;
     padding: 5px 0 5px 16px;
     text-transform: capitalize;
 }

 .search_parameters p {
     margin: 10px 0;
     padding: 6px;
     font-size: 14px;
     background: #f4f4f4;
     border-left: 5px solid #007bff;
     border-radius: 4px;
     color: #333;
 }

 .search_parameters p:first-child {
     border-left-color: #28a745;
 }

 .search_parameters p:last-child {
     border-left-color: #ffc107;
 }

 .search_parameters p span {
     font-weight: bold;
     color: #007bff;
 }

 /* Clear and close buttons */
 .clear {
     background: linear-gradient(90deg, #e53935 0%, #d32f2f 100%);
     color: #fff;
     font-weight: bold;
     border-radius: 6px;
     padding: 7px 16px;
     margin-left: 17px;
     margin: 10px;
     font-size: 14px;
     box-shadow: 0 2px 8px rgba(229, 57, 53, 0.10);
     display: none;
 }

 .close_modal {
     background: linear-gradient(90deg, #c62828 0%, #ad1457 100%) !important;
 }

 .close-btn {
     background: linear-gradient(90deg, #ff7043 0%, #ff1744 100%);
     color: #fff;
     border: none;
     border-radius: 50%;
     width: 22px;
     height: 22px;
     font-size: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: background 0.3s;
     float: right;
 }

 .close-btn:hover {
     background: linear-gradient(90deg, #d84315 0%, #b71c1c 100%);
 }

 /* Custom radio styles */
 .lightbox-content li .width-10 input[type="radio"] {
     appearance: none;
     width: 15px;
     height: 15px;
     background-color: #f0f0f0;
     border: 2px solid #ccc;
     border-radius: 50%;
     cursor: pointer;
     transition: background-color 0.3s, border-color 0.3s;
 }

 .lightbox-content li .width-10 input[type="radio"]:checked {
     background-color: #007bff;
     border-color: #007bff;
 }

 .lightbox-content .mob_text {
     padding: 5px;
     border: 1px solid #d5c1c1;
     border-radius: 5px;
     box-sizing: border-box;
 }

 .state_city_list {
     width: 60%;
     float: right;
 }

 .state_city_list li {
     width: 60%;
     float: right;
 }

 .mobheight {
     height: 50px;
 }

 .mobile_tab_content h3 {
     font-size: 18px;
     font-weight: 700;
     color: #333;
     margin-bottom: 15px;
     /* text-transform: uppercase; */
     color: #ae1954;
 }

 /* Import Google Fonts */
 @import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&family=Roboto:wght@400;700&family=Montserrat:wght@500;700&display=swap');

 .country-list{
    height: 450px;
        overflow: auto;
 }