.posts-section a {
    color: #202021 !important;
    text-decoration: none !important;
    background-color: transparent !important;
}

.logo img {
	height: 40px !important; 
	margin: 20px 0px 0px 0px;
	object-fit: fill;
}

header {
	background: linear-gradient(0deg, #009688, #085b80) !important;
}

.username-dt {
	float: left;
	width: 100%;
	background: linear-gradient(45deg, #39c3b0, #0b1448);
	padding-top: 40px;
}


.company-up-info img {
	height: 50px;
	max-width: 100px;
	object-fit: contain;
}

.post-st ul li a:hover,
.post-st ul li a.active {
	background: linear-gradient(1deg, #39c3b0, #0b1448);
	color: #fff;
}

.post-st ul li a {
	color: #ffffff;
	background: linear-gradient(1deg, #34b1a5, #0f2250);
}

.job-dt li a {
	background: linear-gradient(1deg, #009688, #074072);
}

.bk-links li i {
	background: linear-gradient(1deg, #4CAF50, #39c3b0);
}

.follow {
	background: linear-gradient(1deg, #072d40, #00BCD4);
}

.message-us {
	background: linear-gradient(1deg, #559958, #027a07);
}

.company_profile_info {
	box-shadow: 2px -3px 1px 3px #056f8378;
	background: white;
}

.company_profile_info>a {
	display: inline-block;
	color: #04667b;
	font-size: 16px;
	font-weight: 600;
	padding: 18px 0;
}


select {
	position: unset;
	left: -39px;
	opacity: 1;
	z-index: 1;
}


.searc {
	background: #009688;
	color: white;
	padding: 10px 50px 10px 50px;
	margin: 2px 0px 0px 0px !important;
	border-radius: 5px;
	border: 0;
}


main {
	float: left;
	width: 100%;
    padding: 0px;
}

.message-btn a {
	background: linear-gradient(0deg, #39c3b0, #3b599a);
}


.suggestion-usd img {
	height: 40px !important;
	width: 40px !important;
	border: 1px solid #55607f;
}

.suggestion-usd a {
	color: #174264;
	text-transform: capitalize;
}

body .user-profy .slick-img {
	height: 120px !important;
	width: 120px !important;
	object-fit: fill !important;
}

.hire {
	background: linear-gradient(2deg, #065064, #ff0359);
}

.envlp {
	background: linear-gradient(179deg, #0d9f8b, #063d35);
}

.post-project h3 {
	background: linear-gradient(0deg, #39c3b0, #3b599a);
}

.post-project-fields form ul li button.active {
	background: linear-gradient(0deg, #39c3b0, #3b599a);
	color: #fff;
}

.user-pro-img img {
	height: 200px !important;
	width: 200px !important;
	border: 5px solid white;
}


.post-project-fields form input,
.post-project-fields form textarea,
.post-project-fields form select {
	color: #3e3939 !important;
	border: 1px solid #352d2d !important;
	font-size: 17px !important;
}


.badge-primary {
	color: #fff !important;
	background-color: #027483 !important;
	padding: 10px !important;
	font-size: 15px !important;
	margin: 2px 0px 2px 2px;
}


.tags-container {
	margin: 0px 0px 20px 0px !important;
}

.parsley-error {
	margin-bottom: 0px !important;
}

.parsley-errors-list {
	margin-top: 5px;
}


.cancel {
	background: linear-gradient(182deg, #F44336, #E91E63);
	color: white !important;
}

.price-br>i {
	color: #000000 !important;
	font-weight: 800 !important;
}


img.user-icon {
    height: 60px !important;
    width: 60px !important;
    object-fit: cover;
}

 
  
.job-button {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    background: linear-gradient(45deg, #13325a, #054f58);
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
}
 
.textarea-form-control {
	width: 530px !important;
	padding: 10px 0px 0px 10px;
	border: 1px solid #8d8484;
	border-radius: 5px;
	margin: 0px 0px -15px 0px;
	max-width: -webkit-fill-available;
}


i.la.la-bookmark {
    background: white;
    color: #055065;
    border: 1px solid #06465a;
}

    
    a.bid_now {
        background: linear-gradient(175deg, black, #206176);
    }

    
    body .bid-form {
        margin: 10px 0px 0px 0px !important;
        background: linear-gradient(1deg, #009688, #074072);
        color: #ffffff !important;
        padding: 10px 30px 10px 30px !important;
        border-radius: 3px;
        border: 0;
        font-weight: 600;
        font-size: 20px;
    }

    a.candidates {
        font-size: 20px !important;
    }
    a.candidates i {
        font-size: 25px !important;
    }

    .edit-profile {
        display: block;
        font-size: 20px;
        margin: 10px 0px 0px 0px;
        color: #3a8ba4;
        font-weight: 600;
    }
    .star-descp ul li i {
        color: #009688 !important;
        font-size: 18px;
    }

    ul.bklik a {
        font-size: 17px;
        font-weight: 600;
        color: black !important;
    }


    .upload-image {
        height: 200px !important;
        width: 250px !important;
        border: 1px solid #c5bebe;
        padding: 10px;
    }

    .overview-edit form textarea, .overview-edit form input, .overview-edit form select { 
        border: 1px solid #181616 !important; 
        color: #373434 !important; 
    }


    .overview-edit h3 { 
        background: linear-gradient(0deg, #39c3b0, #3b599a);;
        text-align: center;
        padding: 10px 0px 10px 0px;
        color:#ffffff;
    }

    .add-btn {
        background: #17313b;
        color: white !important;
        padding: 5px 10px;
        font-weight: 500;
    } 

    .btn-save {
        background: #17313b;
        border: 2px solid #fff;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        line-height: 13px;
        margin-top: 13px;
        padding: 13px 60px;
    }


    .card-header {
        padding: 15px 0px 0px 25px;
        background-color: #17313b;
        color: white;
        font-weight: 600;
    }

    .user-account {
        float: right;
        width: 110px;
        border-left: 2px solid #fdfdfd;
        border-right: 2px solid #ffffff;
        box-sizing: border-box;
        position: relative;
    }

    .pagination-list {
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    .pagination-container {
        text-align: center;
    }

    .pagination {
        display: flex;
        justify-content: center;
        padding: 0;
        list-style: none;
    }

    .pagination li {
        margin: 0 5px;
    }

    .pagination li a, .pagination li span {
        display: block;
        padding: 8px 16px;
        color: #007bff;
        text-decoration: none;
        border: 1px solid #dee2e6;
        border-radius: 4px;
        background-color: #ffffff;
        transition: background-color 0.2s, color 0.2s;
    }

    .pagination li a:hover, .pagination li span:hover {
        background-color: #007bff;
        color: #ffffff;
    }

    .pagination .active span {
        background-color: #007bff;
        color: #ffffff;
        border-color: #007bff;
    }

    .pagination .disabled span {
        color: #6c757d;
        pointer-events: none;
        background-color: #ffffff;
        border-color: #dee2e6;
    }

    /* Responsive Design */
    @media (max-width: 768px) {
        .pagination {
            flex-wrap: wrap;
        }

        .pagination li {
            margin: 3px 0;
        }
    }
    .pagination-container svg {
        overflow: hidden;
        vertical-align: middle;
        height: 37px;
        color: black;
    }


    section.cover-sec img {
        height: 300px;
        object-fit: cover;
    }


    /*   Job  LIsting  CSS Start  */

    body .row.align-items-center.shadow_ro_col {
        padding: 20px 10px !important;
        box-shadow: 0 0 13px 2px #607D8B !important;
        margin: 15px 0px !important;
        border-radius: 10px !important;
        background: white;
    }

    .text-center {
        text-align: center!important;
    }
    .align-items-center {
        align-items: center!important;
    }

    .inner_verified_colom.left_colom {
        border-right: 1px solid #cae0e7;
    }

    .inner_verified_colom.left_colom img {
        width: 70px !important;
        height: 70px !important;
        border-radius: 60px !important;
        border: 2px solid gray !important;
    }
 
    ul.job-records {
        display: inline-flex;
        list-style: none;
        margin: 5px 0px !important;
        padding: 0px !important;
    }

    ul.job-records li {
        margin: 0px !important;
        padding: 0px !important;
        font-size: 17px;
    }

    
    span.job-services-link a {
        margin: 3px !important;
        display: inline-block !important;
        align-self: center !important;
        background: #c1c1c100 !important;
        color: #5f5f5f !important;
        border-radius: 20px !important;
        text-decoration: none !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        height: 13px !important;
        line-height: 16px !important;
        max-width: 100% !important;
        padding: 6px 8px 20px 8px !important;
        text-transform: capitalize !important;
        border: 1px solid #bbaeae;
    }


/*   Job  LIsting  CSS End  */


 /*   Job  details page   CSS End  */
.job-dt li a {
    background: linear-gradient(1deg, #009688, #074072);
    padding: 10px;
    font-weight: 600;
    color: white !important;
    font-size: 15px;
}

.usy-name span {
    color: #000000b3 !important;
    font-size: 15px !important;
    font-weight: 600 !important;  
}/*   Job  details page  CSS End  */


 

/*   Filter Section CSS Start   */


    .filter-secs input.form-control.search {
        color: #464646 !important;
        font-size: 15px !important;
    }
    
    .filter-secs input.form-check-input:checked {
        background-color: #0b688a; 
    } 
    
    .filter-secs input.form-check-input {
        width: 25px;
        height: 25px;
        appearance: none;
        border: 2px solid #0b688a;
        border-radius: 4px;
        position: relative;
        cursor: pointer;
    } 
    
    
    .filter-secs input.form-check-input:checked::after {
        content: '';
        position: absolute;
        top: 1px;
        left: 7px;
        width: 9px;
        height: 19px;
        border: 1px solid #fffefe;
        border-width: 0 4px 4px 0;
        transform: rotate(45deg);
    }
    
    
    .filter-secs .form-check-label {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    
    .filter-secs label.form-check-label span {
        margin-left: 10px;
        font-weight: 800;
        font-size: 13px;
        margin-top: 3px;
        color: #464646;
    }
    .filter-tab .form-check {
        padding-left: inherit !important;
    }


  

  
  /*   Filter Section CSS End   */


  
  img.profile-image {
    height: 50px;
    width: 50px;
}



 /*   pagination Section CSS End   */
 .pagination-container .pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.pagination-container .pagination li {
    display: inline-block;
    margin: 0 5px;
}

.pagination-container .pagination li a, 
.pagination-container .pagination li span {
    padding: 8px 12px;
    border: 1px solid #ddd;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
}

.pagination-container .pagination li.active span {
    background-color: #007bff; /* or your preferred color */
    color: white;
    border-color: #007bff;
}

.pagination-container .pagination li.disabled span {
    color: #ccc;
    pointer-events: none;
}



/*   pagination Section CSS End   */


 
	body a.job_complete {
		color: #ffffff !important;
		background: #4CAF50 !important;
		padding: 5px 5px 5px 5px !important;
		font-size: 15px;
		font-weight: 700;
		border-radius: 4px;
		margin: 25px 10px 0px 0px;
	}
	
	body a.job_active {
		color: #ffffff !important;
		background: #009688 !important;
		padding: 5px 5px 5px 5px !important;
		font-size: 15px;
		font-weight: 700;
		border-radius: 4px;
		margin: 25px 10px 0px 0px;
	}
	body a.job_active {
		color: #ffffff !important;
		background: #009688 !important;
		padding: 5px 5px 5px 5px !important;
		font-size: 15px;
		font-weight: 700;
		border-radius: 4px;
		margin: 25px 10px 0px 0px;
	}
	body a.job_pending , body a.job_closed {
		color: #ffffff !important;
		background: #F44336 !important;
		padding: 5px 5px 5px 5px !important;
		font-size: 15px;
		font-weight: 700;
		border-radius: 4px;
		margin: 25px 10px 0px 0px;
	}
 







    /* Portfolio Styles */
.portfolio-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 20px;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    margin-bottom: 20px;
    transition: box-shadow 0.3s ease;
}
.portfolio-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.portfolio-image img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #ccc;
}

.portfolio-details {
    flex: 1;
}
.portfolio-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 8px;
}
.portfolio-description {
    font-size: 14px;
    color: #444;
}

.portfolio-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    min-width: 120px;
}
.portfolio-date {
    font-size: 13px;
    color: #888;
}

.portfolio-remove-btn {
    background-color: #d9534f;
    color: #fff;
    border: none;
    padding: 6px 10px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s ease;
}
.portfolio-remove-btn:hover {
    background-color: #c9302c;
}