.clear_filter a { color: var(--primary); font-size: 16px; font-weight: 700; text-align: center; }
.form-control-lg { max-width: 550px; }
.hero { background: linear-gradient(90deg,rgba(230, 29, 125, 1) 82%, rgba(230, 29, 125, 1) 0%, rgba(117, 0, 59, 1) 100%); color: #fff; align-content: center; }
/*.more-filter { min-width: 150px; border: 2px solid var(--primary); color: var(--primary); font-weight: 600; border-radius: 8px; padding: 8px; }*/
.more-filter { min-width: 150px; border: none; color: var(--primary); font-weight: 600; border-radius: 0; padding: 8px; }
.more-filter:hover, .more-filter:active, .more-filter:visited { color: var(--primary-600); background-color: unset; background: unset; }    
.search-wrap .form-control { box-shadow: 0 5px 8px rgb(0 0 0 / 14%); }

.hero .stat { font-weight: 700; font-size: 2rem; text-align: center; color: white; line-height: 28px;}
.hero .stat small { font-weight: 400; font-size: 0.85rem; }

.search-wrap { margin: 0 auto; }
.search-wrap .btn { background: linear-gradient(135deg, #000000, #5c5c5c); padding: 17px 30px; font-weight: 500; border: 1px solid #4e4e4e; font-size: 16px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); }
.main-head { font-size: 63px; }
.main-des { font-weight: 450; }
.form-control-lg { padding: .8rem 2rem; }
.total_users_result h6 { font-size: 26px; font-weight: 700; }
.mainflexdiv { margin-top: -40px; background-color: #fff; border: 1px solid #5b6b8a3d; border-radius: 10px; padding: 20px; margin-bottom: 25px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); }

.freelancer-card { background: linear-gradient(181deg, #ffffff, #f7f6f6); border-radius: 16px; padding: 30px 20px; transition: all 0.3s ease; border: 1px solid #e3dede; }
.main-location { color: #0000007d; font-size: 13px; }
.avatar { width: 75px; height: 75px; border-radius: 50%; object-fit: cover; border: 3px solid rgb(255 55 122 / 29%); }

.badge.tag { background: #f5eff1; border: 1px solid #eceff3; color: #2a3537; padding: 7px 10px; border-radius: 20px; transition: all 0.3s ease-in-out; }
.tag:hover { background: var(--primary); color: white; }
.card-body {padding: 5px;}
.card-body h6 { font-size: 21px; }
.profile-btn:hover {background: var(--primary); border: 1px solid var(--primary); color: white;}
.profile-btn { border: 2px solid var(--primary) !important; color: var(--primary); font-size: 14px; line-height: 25px; width: 100% !important; border-radius: 8px; padding: 6px; font-weight: 600; }
.freelancer-card:hover { transform: translateY(-6px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); border-color: var(--primary); background: linear-gradient(181deg, #ffffff, #fef5f9); }
.main-footer { padding: 0 15%; }
/*.p50-20 { padding: 50px 20px; }*/
.p50-20 { padding: 0px 20px; }

/*Tags CSS*/
.tag-input { display: flex; flex-wrap: wrap; border: 1px solid #ced4da; border-radius: 5px; padding: 6px; background: #fff; }
.tag { background: #1f8feb; color: #fff; border-radius: 20px; padding: 4px 10px; margin: 3px; display: flex; align-items: center; }
.tag span { cursor: pointer; margin-left: 5px; font-weight: bold; }
.tag-input input {border: none; outline: none; flex: 1; padding: 5px; min-width: 100px; }
.suggestions { background: white; border: 1px solid #ced4da; position: absolute; z-index: 10; width: 100%; border-radius: 4px; display: none; }
.suggestion-item { padding: 8px; cursor: pointer; }
.suggestion-item:hover { background: #e7f1ff; }

/*Reviews CSS*/
.urs-star-rating { display: inline-flex; flex-direction: row-reverse; font-size: 2em; cursor: pointer; justify-content: flex-end; }
.urs-star { color: #ccc; transition: color 0.2s ease; user-select: none; padding: 0 2px; }
.urs-star.hover, .urs-star.hover ~ .urs-star, .urs-star.selected, .urs-star.selected ~ .urs-star {color: var(--primary); }

/*Range CSS*/
.range-wrapper { max-width: 450px; }
.slider-container { position: relative; height: 60px; }
.slider-track { position: absolute; width: 100%; height: 6px; background: #ddd; top: 50%; transform: translateY(-50%); border-radius: 6px; }
/* Gradient highlight */
.slider-range { position: absolute; height: 6px; border-radius: 6px; background: linear-gradient(90deg, #00c6ff, #0072ff); top: 43%; }
/* Hide the original slider track */
input[type=range] { position: absolute; width: 100%; height: 56px; pointer-events: none; background: none; appearance: none; }
input[type=range]::-webkit-slider-thumb { pointer-events: auto; appearance: none; height: 20px; width: 20px; background: #007bff; border: 2px solid #fff; border-radius: 50%; cursor: pointer; box-shadow: 0 2px 6px rgba(0,0,0,0.2); }
/* Tooltip styling */
.tooltip-value { position: absolute; top: 70%; background: #007bff; color: #fff; padding: 4px 8px; font-size: 12px; border-radius: 4px; white-space: nowrap; transform: translateX(-50%); }
.range-section { border: 2px solid #dedede; border-radius: 15px; padding: 10px 30px; }

.row-filters { display: flex; flex-wrap: wrap; }
.columns { box-sizing: border-box; padding: 10px; }
.justify-space-evenly { justify-content: space-evenly; }
.w-60 { width: 60%; margin: 0 auto; }

/*Mac*/
@media only screen and (max-width:1440px) {
  /*.cols-category, .cols-country, .cols-province, .cols-verified, .cols-filters, .cols-submit*/
}
/*-------- For Mac Book Air 13'inch -----------*/
@media only screen and (max-width:1280px) and (max-height:800px) {
}
/*Laptop*/
@media only screen and (max-width:1367px) and (max-height:769px) {
  /*#filters * { font-size: 14px; }
  .cols-category, .cols-country, .cols-province { width: 22%; }
  .cols-verified { width: 25%; }*/
}
/* ----------- iPad Pro (Portrait and Landscape) ----------- */
@media only screen and (min-width: 1024px) and (min-height: 989px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
}
/*-------- For IPad -----------*/
@media only screen and (max-device-width : 768px) and (min-device-height : 1020px) and (orientation : portrait) {
}
/*-------- For IPad Air -----------*/
@media only screen and (max-device-width : 820px) and (min-device-height : 1179px) and (orientation : portrait) {
  /*.cols-verified { width: 20%; }
  .cols-filters { width: 12%; }*/
}
@media (min-width: 1200px) {
  .columns { flex: 0 0 calc(100% / 5); }
}
@media (max-width: 1200px) {
  .columns.cols-verified { flex: 0 0 calc(90% / 4); }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .row-filters { justify-content: center; /* center leftover space */ }
  .columns { flex: 0 0 25%; /* 4 per row */ }
  /* Last two items */
  .columns:nth-child(n+5) { flex: 0 0 25%; }
}
@media (max-width: 768px){
  .w-60 { width: 100%; }
  .mainflexdiv {  display: block !important;}
  .search-wrap { max-width: 0600px; margin-inline: 0; margin-left: 0; }
  .main-head { font-size: 30px; line-height: 1.1em; }
  .main-des { font-size: 14px;}
  /*.hero {height: 520px;}*/
  .search-wrap .form-control { padding-right: 0rem; font-size: 1rem; box-shadow: 0 2px 8px rgb(0 0 0 / 34%); }
  .mobile-padd{padding: 15px 0px !important;}
  .more-filter { min-width: 100%;}
  .form-select { margin-bottom: 10px; padding: 10px; }
  /*.maindiv-container { padding: 0 7% 5% 7%; }*/
  .main-footer div { text-align: center; }
  .counter-row { flex-wrap: nowrap; }
  .counter-row .col-6 { width: 40% !important; }
  .hero.p-5 { padding: 3rem 2rem !important; }
  .search-wrap .btn { padding: 5px 10px; font-size: 14px; }
  .search-wrap .form-control { padding: 0 10px; height: 52px; }

  #filters { margin: 0 auto; }
  .more-filter { margin: 10px auto; }
  .btn.btn-outline-primary { width: 100%; }
  input#filter-verified { margin-top: 15px; }
  .row.mt-4.counter-row { margin-top: 0 !important }
  .columns.cols-verified { flex: 0 0 calc(100% / 1); }
  .columns { flex: 0 0 100%; }
}