.elementor-1148 .elementor-element.elementor-element-5d06428{padding:0px 50px 0px 50px;}@media(min-width:768px){.elementor-1148 .elementor-element.elementor-element-58ff1c1{width:75.665%;}.elementor-1148 .elementor-element.elementor-element-dd3d6a0{width:24%;}}/* Start custom CSS for shortcode, class: .elementor-element-361d32f *//* Dashboard Hero Section */
.dashboard-hero {
    padding: 0;
    margin: 0;
}

.hero-inner {
    background: linear-gradient(90deg, #2fa64a 0%, #42b95a 100%);
    border-radius: 4px;
    padding: 18px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 68px;
    box-sizing: border-box;
}

.hero-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hero-left h3 {
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 6px;
    line-height: 1.3;
    font-family: Arial, sans-serif;
}

.hero-left p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
    line-height: 1.4;
    font-family: Arial, sans-serif;
}

.hero-right {
    display: flex;
    align-items: center;
}

.hero-right .btn-primary {
    background: #ffffff;
    color: #3aa44f;
    border: none;
    padding: 10px 22px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: none;
}

.hero-right .btn-primary:hover {
    background: #f5f5f5;
    transform: translateY(-1px);
}

/* Responsive */
@media (max-width: 768px) {
    .hero-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding: 18px;
    }

    .hero-right {
        width: 100%;
    }

    .hero-right .btn-primary {
        width: 100%;
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4ecf871 *//* Dashboard Search Box */
.dashboard-search {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}

.dashboard-search input[type="search"] {
    width: 100%;
    height: 46px;
    padding: 0 18px 0 42px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    background: #ffffff;
    font-size: 15px;
    color: #333333;
    outline: none;
    box-sizing: border-box;
    transition: all 0.3s ease;
    font-family: Arial, sans-serif;
}

/* Placeholder */
.dashboard-search input[type="search"]::placeholder {
    color: #9a9a9a;
    font-size: 15px;
}

/* Search Icon */
.dashboard-search::before {
    content: "⌕";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    color: #7a7a7a;
    pointer-events: none;
}

/* Focus Effect */
.dashboard-search input[type="search"]:focus {
    border-color: #bdbdbd;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.03);
}

/* Remove browser search styles */
.dashboard-search input[type="search"]::-webkit-search-decoration,
.dashboard-search input[type="search"]::-webkit-search-cancel-button,
.dashboard-search input[type="search"]::-webkit-search-results-button,
.dashboard-search input[type="search"]::-webkit-search-results-decoration {
    display: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9bf2e52 *//* Popular Categories Section */
.categories {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin: 0;
    padding: 0;
}

.cat-card {
    background: #ffffff;
    border: 1px solid #dcdcdc;
    border-radius: 14px;
    padding: 18px 18px 16px;
    min-height: 118px;
    box-sizing: border-box;
    transition: all 0.25s ease;
    cursor: pointer;
}
.categories-wrap h4{
    margin:0 0 14px;
    font-size:16px;
    font-weight:700;
    color:#111;
}
.cat-card:hover {
    border-color: #cfcfcf;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.04);
}

.cat-icon {
    font-size: 28px;
    line-height: 1;
    margin-bottom: 18px;
}

.cat-title {
    font-size: 16px;
    font-weight: 700;
    color: #222222;
    line-height: 1.35;
    margin-bottom: 0px;
    font-family: Arial, sans-serif;
}

.cat-sub {
    font-size: 14px;
    font-weight: 500;
    color: #444444;
    line-height: 1.4;
    font-family: Arial, sans-serif;
}

/* Tablet */
@media (max-width: 991px) {
    .categories {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 576px) {
    .categories {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .cat-card {
        min-height: auto;
        padding: 16px;
    }

    .cat-icon {
        margin-bottom: 14px;
    }

    .cat-title {
        font-size: 15px;
    }

    .cat-sub {
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2bba76a *//* Ongoing Jobs Full Width Box */
.ongoing-jobs{
    width:100%;
    font-family:Arial, sans-serif;
}

.ongoing-jobs-wrap h4{
    margin:0 0 14px;
    font-size:16px;
    font-weight:700;
    color:#111;
}


/* Single Full Container */
.jobs-box{
    width:100%;
    background:#fff;
    border:1px solid #dddddd;
    border-radius:14px;
    padding:0 14px;
    box-sizing:border-box;
}

/* Each Row */
.job-row{
    padding:16px 0 18px;
    border-bottom:1px solid #e4e4e4;
}

.job-row:last-child{
    border-bottom:none;
}

/* Top */
.job-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px;
}

.job-left{
    flex:1;
}

/* Title Area */
.job-heading{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:10px;
}

.job-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #2a2a2a;
    line-height: 1.3;
    margin-bottom: 0 !important;
}
.job-row1 {
    border-top: 1px solid #00000033;
    margin-top: 37px;
    padding-top: 37px;
}
.job-row1Top {
    border-top: 0px solid #00000033 !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
}
.job-status{
    background:#e8f1ea;
    color:#17853a;
    font-size:14px;
    font-weight:600;
    padding:6px 12px;
    border-radius:30px;
    line-height:1;
}

/* Meta */
.job-meta{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-bottom:10px;
    font-size:14px;
    color:#555;
}

.job-desc{
    margin:0;
    font-size:14px;
    color:#444;
    line-height:1.6;
}

/* Menu Button */
.job-menu{
    width:36px;
    height:36px;
    min-width:36px;
    border-radius:50%;
    background:#f5f5f5;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    color:#555;
    font-weight:700;
}

/* Bottom */
.job-bottom{
    margin-top:30px;
}

.progress-text{
    font-size:14px;
    font-weight:600;
    color:#333;
    margin-bottom:0px;
}

.job-progress{
    display:flex;
    align-items:center;
    gap:18px;
}

.progress-bar{
    flex:1;
    height:5px;
    background:#e6e6e6;
    border-radius:50px;
    position:relative;
}

.progress{
    height:100%;
    background:#17853a;
    border-radius:50px;
    position:relative;
}

.progress::after{
    content:"";
    position:absolute;
    right:-10px;
    top:50%;
    transform:translateY(-50%);
    width:22px;
    height:22px;
    background:#17853a;
    border-radius:50%;
}

.progress-label{
    min-width:56px;
    text-align:right;
    font-size:16px;
    font-weight:700;
    color:#111;
}

/* Mobile */
@media(max-width:768px){
    .job-heading{
        flex-wrap:wrap;
        gap:8px;
    }

    .job-meta{
        gap:10px;
        font-size:13px;
    }

    .job-desc{
        font-size:13px;
    }

    .job-progress{
        gap:10px;
    }

    .progress-label{
        min-width:42px;
        font-size:14px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-410d139 */.highratedtalent {
  font-family: Inter, sans-serif;
  max-width: 100%;
  margin: auto;
}

/* HEADER */
.highratedtalent .header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.highratedtalent .header h4 {
  font-size: 18px;
  font-weight: 600;
}

.highratedtalent .header a {
  font-size: 14px;
  color: #777;
  text-decoration: none;
}

/* GRID */
.highratedtalent .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

/* CARD */
.highratedtalent .card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 16px;
  transition: 0.2s;
}

.highratedtalent .card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

/* TOP */
.highratedtalent .top {
  display: flex;
  justify-content: space-between;
}

.highratedtalent .left {
  display: flex;
  gap: 12px;
}

.highratedtalent .avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
}

/* TEXT */
.highratedtalent .role {
  font-size: 12px;
  color: #888;
  margin: 0;
}

.highratedtalent h3 {
  margin: 2px 0;
  font-size: 16px;
  font-weight: 600;
}

.highratedtalent .loc {
  font-size: 12px;
  color: #666;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* RATING */
.highratedtalent .rating {
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #d1fae5;
  background: #f0fdf4;
  padding: 5px 10px;
  border-radius: 20px;
  font-weight: 600;
  color: #15803d;
}

.highratedtalent .star {
  background: #16a34a;
  color: #fff;
  border-radius: 50%;
  padding: 4px;
  display: flex;
}

/* BADGES */
.highratedtalent .badges {
  display: flex;
  gap: 8px;
  margin: 12px 0;
}

.highratedtalent .badges span {
  display: flex;
  align-items: center;
  gap: 5px;
  background: #f3f4f6;
  padding: 6px 10px;
  font-size: 12px;
  border-radius: 8px;
  color: #444;
}

/* DESC */
.highratedtalent .desc {
  font-size: 12.5px;
  color: #555;
  line-height: 1.5;
}

/* TAGS */
.highratedtalent .tags {
  display: flex;
  gap: 8px;
  margin: 12px 0;
  flex-wrap: wrap;
}

.highratedtalent .tags span {
  background: #eef2f3;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
}

/* FOOTER */
.highratedtalent .card-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* PRICE */
.highratedtalent .price {
  font-size: 18px;
  font-weight: 600;
}

.highratedtalent .price p {
  font-size: 11px;
  color: #777;
  margin: 0;
}

/* ACTIONS */
.highratedtalent .actions {
  display: flex;
  gap: 8px;
}

.highratedtalent .wishlist {
  width: 36px;
  height: 36px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.highratedtalent .hire {
  background: #15803d;
  color: #fff;
  padding: 8px 16px;
  border-radius: 8px;
  border: none;
  font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-036adac */.packages-section {
  max-width: 100%;
  margin: auto;
  font-family: Inter, sans-serif;
}

/* HEADER */
.packages-section .header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.packages-section .header h4 {
  font-size: 18px;
  font-weight: 600;
}

.packages-section .header a {
  font-size: 14px;
  color: #777;
  text-decoration: none;
}

/* GRID */
.packages-section .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

/* CARD */
.packages-section .card {
  background: #fff;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
  transition: 0.2s;
}

.packages-section .card:hover {
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

/* IMAGE */
.packages-section .banner {
  width: 100%;
  height: 160px;
  object-fit: cover;
}

/* CONTENT */
.packages-section .content {
  padding: 14px;
}

/* USER ROW */
.packages-section .user {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.packages-section .user .left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.packages-section .user img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.packages-section .user span {
  font-size: 13px;
  font-weight: 500;
}

/* RATING */
.packages-section .rating {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  border: 1px solid #d1fae5;
  background: #f0fdf4;
  padding: 3px 8px;
  border-radius: 20px;
  color: #15803d;
}

/* TITLE */
.packages-section h3 {
  font-size: 15px;
  margin: 6px 0;
  font-weight: 600;
}

/* DESC */
.packages-section .desc {
  font-size: 12px;
  color: #666;
  margin-bottom: 10px;
}

/* TAGS */
.packages-section .tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.packages-section .tags span {
  background: #eef2f3;
  padding: 5px 10px;
  font-size: 11px;
  border-radius: 20px;
}

/* FOOTER */
.packages-section .footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* PRICE */
.packages-section .price {
  font-size: 16px;
  font-weight: 600;
}

.packages-section .price p {
  font-size: 11px;
  color: #777;
  margin: 0;
}

/* BUTTON */
.packages-section .btn {
  background: #15803d;
  color: #fff;
  border: none;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 13px;
  cursor: pointer;
}

.packages-section .btn:hover {
  background: #166534;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5637376 */.dashboard-sidebar {
  width: 100%;
  background: #f8f8f8;
  padding: 10px;
  font-family: Inter, sans-serif;
}

.section h4 {
  margin: 10px 0;
}

/* CARD */
.card {
  background: #fff;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  padding: 14px;
  margin-bottom: 12px;
}

/* PROFILE */
.profile-card {
  text-align: center;
}

.avatar-ring {
  width: 140px;
  height: 140px;
  margin: auto;
  border-radius: 50%;
  padding: 4px;
  background: conic-gradient(#15803d 60%, #e5e7eb 0);
}

.avatar-ring img {
  width: 100%;
  border-radius: 50%;
}

.profile-card h3 {
  margin: 12px 0 6px;
}

.sub {
  font-size: 12px;
  color: #666;
}

/* BUTTON */
.dashboard-sidebar .btn-primary {
  background: #15803d;
  color: #fff;
  border: none;
  padding: 10px;
  border-radius: 8px;
  width: auto;
}

.small {
  padding: 6px 10px;
  font-size: 12px;
}

/* EVENTS */
.event {
  border-left: 3px solid #15803d;
  padding-left: 10px;
  margin-bottom: 14px;
}

.event h5 {
  margin: 0;
  font-size: 13px;
}

.event p {
  font-size: 12px;
  color: #666;
}

/* CALENDAR */
.cal-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.calendar {
  display: grid;
  grid-template-columns: repeat(7,1fr);
  gap: 6px;
  font-size: 11px;
}

.calendar div {
  text-align: center;
  padding: 6px;
}

.calendar .muted {
  color: #bbb;
}

.calendar .active {
  background: #e6f4ea;
  border-radius: 50%;
}

/* REVIEWS */
.review .top {
  display: flex;
  justify-content: space-between;
}

.meta {
  font-size: 11px;
  color: #777;
}

.rating-line {
  font-size: 12px;
  color: #15803d;
}

.desc {
  font-size: 12px;
}

.tags span {
  background: #eef2f3;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 11px;
  margin-right: 5px;
}

hr {
  border: none;
  border-top: 1px solid #eee;
  margin: 10px 0;
}

/* REHIRE */
.rehire-card .top {
  display: flex;
  gap: 10px;
  align-items: center;
}

.rehire-card img {
  width: 50px;
  border-radius: 50%;
}

.rehire-card .rating {
  margin-left: auto;
  background: #e6f9ec;
  padding: 4px 8px;
  border-radius: 20px;
  color: #15803d;
}

.footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.actions {
  display: flex;
  gap: 8px;
}

.wish {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 6px;
  width: 34px;
  height: 34px;
}/* End custom CSS */