@charset "UTF-8";
/*
Theme Name: FreeAgent
Theme URI: https://freeagent.jwsuperthemes.com
Author: the JWSThemes team
Author URI: https://jwsuperthemes.com
Description: FreeAgent is a premium WordPress theme designed to support the development of sophisticated freelance service and project marketplaces. It enables users to efficiently create both employer and freelancer accounts, fostering seamless professional connections. As a comprehensive and highly robust theme, FreeAgent caters to service-oriented businesses of all sizes seeking to establish a strong online presence. Developed following extensive market research, FreeAgent offers the functionality and user experience characteristic of a leading marketplace platform. 
Requires at least: WordPress 4.9.6
Version: 3.1.8
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/lgpl-3.0.en.html
Text Domain: freeagent
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

:root {
  --main: #07242b;
  --text: #07242b;
  --light: #ffffff99;
  --white: #ffffff;
  --green: #70833c;
  --heading: #07242b;
  --body: #646f79;
  --bodybg: #ffffff;
  --btn-color: #ffffff;
  --btn-bgcolor: #07242b;
  --btn-bgcolor2: #ffc119;
  --e-global-color-primary: #07242b;
  --e-global-color-secondary: #d4fe00;
  --menu-color: #07242b;
  --font-size-sm: 14px;
  --line-height-sm: 19.6px;
  --font-size-md: 18px;
  --line-height-md: 25.2px;
}

.btn-theme {
  background: var(--main);
  color: #ffffff;
  height: 50px;
  padding: 0 40px;
  text-align: center;
  line-height: 50px;
}

button.btn-theme {
  border: 0;
}

/* Profile Card */
.profile-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  transition: all 0.3s ease;
}
.profile-card:hover {
  box-shadow: 0 6px 16px rgba(0,0,0,0.1);
}

/* Social Stats */
.profile-social-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 15px 0;
}
.profile-social-stats .stat {
  flex: 1 1 30%;
  text-align: center;
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 10px 6px;
  transition: all 0.3s ease;
}
.profile-social-stats .stat:hover {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.profile-social-stats .stat i {
  display: block;
  font-size: 18px;
  margin-bottom: 4px;
}
/* Brand colors */
.profile-social-stats .instagram i { color: #E1306C; }
.profile-social-stats .youtube i { color: #FF0000; }
.profile-social-stats .tiktok i { color: #010101; }
.profile-social-stats .twitter i { color: #1DA1F2; }
.profile-social-stats .facebook i { color: #1877F2; }

/* Skills Pills */
.profile-skills {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-start;
}
.profile-skills .skill-pill {
  background: #f1f1f1;
  color: #333;
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 20px;
  text-decoration: none;
  transition: all 0.3s ease;
}
.profile-skills .skill-pill:hover {
  background: #ff6b35;
  color: #fff;
}
 
.single_freelance .introduction .title {
    font-family: var(--font2);
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: 0;
}

/* Profile Card Sidebar */
.box_left.profile-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 30px;
  font-family: inherit;
}

.box_left .author_wap {
  text-align: center;
}

.box_left .post_thumbnail {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
}
.box_left .author_avatar img {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  object-fit: cover;
}
.box_left .verified {
  position: absolute;
  bottom: 5px;
  right: 5px;
  background: #4caf50;
  color: #fff;
  border-radius: 50%;
  padding: 4px;
  font-size: 14px;
}

/* Name + Position */
.box_left .title {
  font-size: 20px;
  font-weight: 700;
  margin: 5px 0;
}
.box_left .position {
  font-size: 14px;
  color: #666;
  margin-bottom: 8px;
}
.box_left .member {
  font-size: 13px;
  color: #999;
}

/* Ratings */
.box_left .count_review {
  font-size: 14px;
  margin: 10px 0;
  color: #f5a623;
}
.box_left .count_review .fa-star {
  margin-right: 3px;
  color: #f5a623;
}
.box_left .total_review {
  color: #777;
  margin-left: 4px;
}

/* Description */
.box_left .excerpt {
  font-size: 14px;
  margin: 8px 0;
  color: #444;
}

/* Metrics (Eng. Rate, Avg. Likes, Campaigns, Followers) */
.box_left .extra-metrics {
  background: #f9f9f9;
  padding: 8px 12px;
  border-radius: 8px;
  margin-top: 10px;
  text-align: center;
}
.box_left .extra-metrics label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #888;
}
.box_left .extra-metrics .result {
  font-size: 16px;
  font-weight: 700;
  color: #222;
}

/* More Detail List */
.box_left .more_detail {
  margin-top: 15px;
}
.box_left .more_detail ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.box_left .more_detail li {
  margin-bottom: 10px;
}
.box_left .more_detail .label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #666;
  margin-bottom: 3px;
}
.box_left .more_detail .result {
  font-size: 14px;
  font-weight: 500;
  color: #222;
}

/* Price Info */
.box_left .price_info {
  margin: 15px 0;
  text-align: center;
}
.box_left .price_info label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #888;
}
.box_left .price_info .result,
.box_left .price_info h3.result {
  font-size: 20px;
  font-weight: 700;
  color: #111;
}

/* Social Media Icons */
.box_left .media {
  margin-top: 15px;
}
.box_left .media label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #666;
}
.box_left .media .icon-author a {
  display: inline-block;
  margin: 0 5px;
  font-size: 16px;
  color: #555;
  transition: all 0.2s ease;
}
.box_left .media .icon-author a:hover {
  color: #111;
}

/* Followers by Platform (creator block) */
.box_left .followers-block {
  margin-top: 15px;
}
.box_left .followers-block label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #666;
}
.box_left .profile-social-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}
.box_left .profile-social-stats .stat {
  text-align: center;
  min-width: 60px;
}
.box_left .profile-social-stats .stat i {
  font-size: 18px;
  display: block;
  margin-bottom: 5px;
 
}
.box_left .profile-social-stats .stat-value {
  font-size: 14px;
  font-weight: 700;
  color: #111;
  display: block;
}
.box_left .profile-social-stats .stat-label {
  font-size: 12px;
  color: #666;
}

/* Buttons */
.box_left .btn_actions {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.box_left .btn_actions .elementor-button {
  padding: 8px 16px;
  font-size: 14px;
  border-radius: 6px;
  border: 1px solid #eee;
  background: #f8f8f8;
  color: #333;
  transition: all 0.2s ease;
}
.box_left .btn_actions .elementor-button:hover {
  background: #222;
  color: #fff;
}

/* Footer buttons */
.box_left .btn_bottom {
  margin-top: 20px;
  border-top: 1px solid #eee;
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
}
.box_left .btn_bottom .share,
.box_left .btn_bottom .btn_report {
  font-size: 13px;
  color: #666;
}
.box_left .btn_bottom .btn_share i,
.box_left .btn_bottom .btn_report i {
  margin-right: 4px;
}

/* Wrapper for creator metrics */
.creator-metrics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0rem; /* matches gap-4 */
  margin-top: 0rem; /* matches mt-3 */
}

/* Equal height for services & products */
.service-card, .product-card {
  border: 1px solid #eee;
  border-radius: 6px;
  background: #fff;
  padding: 10px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.jws-services-item, .jws-products-item {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
         #overview .introduction .content_intro {padding:15px; } #overview .futured {   padding: 15px; } #overview.count_review {display:none} #overview .futured {    padding: 10px;}
        .jws-services-archive .jws-services-item { padding: 10px;        margin: 0;  }
        .jws-service-images{position: relative; overflow: hidden; max-height: 110px;}  
        .jws-services-layout3 .jws-service-images, .jws-services-layout1 .jws-service-images {position: relative; overflow: hidden; max-height: 110px;} 
          #overview .jws-services-layout3 .jws-service-content {    padding: 14px;} .jws-services-inner .entry-title {       font-size: 14px;    line-height: 1;}
    }

.box_left .Services_Price.result, .box_left .price_info h3.result {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
}

/* Shared grid layout for Services & Products in Overview */

/* Overview > Featured Products grid only */
 

 

#overview .jws-services-layout1 {
    display: flex;  flex-wrap: wrap;    margin-top:0px;  margin-bottom: 0px;
}

#overview .futured {padding: 25px;}
/* Each metric card */
.creator-metrics {
    display: flex;
    flex-wrap: nowrap;
    gap: 0rem;
    margin-top: 0rem;
    align-items: center;
    align-content: center;
    justify-content: space-around;
}

.creator-metrics .metric-item:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transform: translateY(-2px);
}

/* Icon + Label Row */
.creator-metrics .metric-item .metric-label {
  font-size: 14px;
  color: #555;
  font-weight: 500;
  line-height: 1.4;
}

.creator-metrics .metric-item .metric-icon {
  font-size: 16px;
  color: #1f1f1f99;
}

/* Value */
.creator-metrics .metric-item .metric-value {
  font-size: 16px;
  font-weight: 700;
  color: #1f1f1f;
  line-height: 1.5;
  margin-top: 4px;
}