* {
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
}

:root {
    --black: #2f2f31;
    --green: #37c047;
    --grey: #989898;
    --red: #ff0000;
}

a {
    color: var(--green);
    text-decoration: none;
}

a:hover {
    color: var(--black);
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color:var(--black);
}

img {
    max-width: 100%;
    width: 100%;
}

.color-black {
    color: var(--black) !important;
}
.color-grey {
    color: var(--grey) !important;
}
.color-green {
    color: var(--green) !important;
}
.color-BEBEBE {
    color: #bebebe !important;
}
.color-red {
    color: var(--red) !important;
}
.color-979797 {
    color: #979797 !important;
}
.color-494949 {
    color: #494949 !important;
}
.color-256F5D {
    color: #256F5D !important;
}
.color-FFC531 {
    color: #FFC531 !important;
}

:focus,
:focus-visible {
    outline: none;
}

::placeholder {
    color: #c1c1c1;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px white inset; /*your box-shadow*/
    -webkit-text-fill-color: #333;
}

/* Completely remove autofill styling */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: #fff !important;
    box-shadow: none;
    color: inherit;
}
.fa-8 {
    font-size: 8px;
}
.fa-12 {
    font-size: 12px;
}
.fa-13 {
    font-size: 13px;
}
.fa-14 {
    font-size: 14px;
}
.fa-15 {
    font-size: 15px;
}
.fa-16 {
    font-size: 16px;
}
.fa-17 {
    font-size: 17px;
}
.fa-18 {
    font-size: 18px;
}
.fa-19 {
    font-size: 19px;
}
.fa-20 {
    font-size: 20px;
}
.fa-21 {
    font-size: 21px;
}
.fa-22 {
    font-size: 22px;
}
.fa-34 {
    font-size: 34px;
}
.fa-50{
    font-size:50px;
}

/* MArgins */
.mb-10 {
    margin-bottom: 10px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mb-70 {
    margin-bottom: 70px;
}
.mb-80 {
    margin-bottom: 80px;
}
.mb-90 {
    margin-bottom: 90px;
}
.mb-100 {
    margin-bottom: 100px;
}

.mt-10 {
    margin-top: 10px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-60 {
    margin-top: 60px;
}
.mt-70 {
    margin-top: 70px;
}
.mt-80 {
    margin-top: 80px;
}
.mt-90 {
    margin-top: 90px;
}
.mt-100 {
    margin-top: 100px;
}
/* MArgins */

/* Custom Classes */

/* Containers */
.container-1400 {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
}
/* Containers */

/* Header */
.main-header-parent {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding: 20px 0;
}

.btn-reg {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    text-decoration: none;
    color: #2f2f31;
    font-size: 14px;
    font-weight: 700;
    border-radius: 8px;
    border: 1px solid transparent;
    transition: 0.3s ease-in-out;
    text-decoration: none;
}

.btn-reg.btn-yellow {
    background: #ffc531;
}

.btn-reg.btn-yellow:hover {
    border-color: #256f5d;
    background-color: #256f5d;
    text-decoration: none;
    color: #fff;
}

.header-right-side {
    max-width: 1217px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: wrap;
}

.btn-reg.btn-transparent {
    background: transparent;
}

.nav-link-Zn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: var(--black);
    font-size: 14px;
    font-weight: 700;
}
.btn-header-wrapper,
.web-links-header-top,
.web-links-header-top ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 42px;
}

.btn-header-wrapper {
    gap: 13px;
}

.main-web-search-bar {
    position: relative;
    width: 100%;
    max-width: 403px;
    flex: 1 1 auto;
    border: 1px solid rgb(47 47 49 / 50%);
    border-radius: 8px;
    overflow: hidden;
}

.main-web-search-bar input {
    width: 100%;
    border: none;
    height: 38px;
    padding: 5px 70px 5px 20px;
    font-size: 12px;
}

.main-web-search-bar button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #ffc531;
    border: none;
    height: 100%;
    width: 100%;
    max-width: 58px;
}

.main-web-links-header {
    flex: 1 1 auto;
    max-width: 776px;
    margin-left:auto;
    justify-content:flex-end;
    
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

.links-header-bottom > ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    row-gap: 10px;
    flex-flow: wrap;
}

.links-header-bottom ul li {
    flex: 1 1 auto;
    max-width: fit-content;
}

.header-bottom {
    border-top: 1px solid rgb(0 0 0 / 20%);
    border-bottom: 1px solid rgb(0 0 0 / 20%);
}

.links-header-bottom ul li .nav-link-Zn {
    padding: 17px 0;
    position: relative;
}

.links-header-bottom ul li .nav-link-Zn:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: #46bf50;
    transition: 0.3s ease-in-out;
}

.links-header-bottom ul li .nav-link-Zn:hover:after {
    height: 4px;
}

.links-header-bottom ul li .nav-link-Zn:hover {
    text-decoration: none;
}
/* Header */

/* AutoComplete */
.autocomplete-suggestions {
    font-size: 14px;
    text-align: left;
    border: 1px solid #bebebe;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #fff;
    overflow: auto;
}
.autocomplete-suggestion {
    padding: 5px 5px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}
/* AutoComplete */

/* Footer */
.footer-menu-items-parent {
    padding: 90px 0;
}

.row-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: wrap;
    row-gap: 25px;
}

.col-footer-links h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px;
}

.col-footer-links ul li a {
    font-size: 14px;
    display: inline-block;
    color: #000;
    margin-bottom: 18px;
    line-height: 172%;
}

.col-footer-links ul li:last-child a {
    margin-bottom: 0;
}

.subscribe-form-parent {
    max-width: 531px;
    margin-left: auto;
}

.subscribe-form {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    gap: 9px;
    margin-bottom: 10px;
}

.subscribe-form input {
    width: calc(100% - 110px);
    border: 1px solid #b4b4b4;
    border-radius: 10px;
    padding: 13px 20px;
    font-size: 16px;
    background: linear-gradient(
        0deg,
        rgb(216 216 216 / 80%),
        rgb(190 189 189 / 20%)
    );
}

.subscribe-form input::placeholder {
    color: #494949;
}

.custom-checkbox-subscribe {
    width: 14px;
    height: 14px;
    border: 1px solid #37c047;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.checkbox-subscribe {
    display: flex;
    align-items: center;
    gap: 8px;
}

.custom-checkbox-subscribe:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/icons/tick.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    transition: 0.3s ease-in-out;
    transform: scale(0);
}

.checkbox-subscribe input#subscribe:checked ~ .custom-checkbox-subscribe:after {
    transform: scale(1);
}

.checkbox-subscribe label {
    cursor: pointer;
}

.footer-bottom {
    padding: 32px 0 46px;
    border-top: 1px solid rgb(0 0 0 / 20%);
    margin-top: 40px;
}

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

.col-footer-social-links ul {
    display: flex;
    align-items: center;
    gap: 53px;
    padding-top: 15px;
}

.col-footer-social-links ul li a img {
    transition: 0.3s ease-in-out;
}

.col-footer-social-links ul li a:hover img {
    transform: scale(1.1);
}

.col-logo-footer,
.col-footer-social-links {
    flex: 0 0 25%;
}
/* Footer */

/* Info Page */
.border-radius-30 {
    border-radius: 30px;
}
.border-5-white {
    border: 5px solid #fff;
}
.bg-F3F7F2 {
    background-color: #f3f7f2;
}
.bg-ffffff {
    background-color: #ffffff;
}
.profile-picture img {
    width: 153px;
    height: 153px;
    border-radius: 50%;
    object-fit: cover;
}

.fa-30 {
    font-size: 30px;
}

.color-2F2F31 {
    color: #2f2f31;
}

.mb-16 {
    margin-bottom: 16px;
}

.mw-219 {
    max-width: 219px;
    width: 100%;
}

.mt-21 {
    margin-top: 21px;
}

.box-design {
    filter: drop-shadow(0px 13px 100px rgb(0 0 0 / 5%));
    padding: 42px 20px 64px;
    margin-bottom: 80px;
    position: relative;
}

.mt-62 {
    margin-top: 62px;
}

.tag-new {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    text-align: center;
    background: var(--green);
    color: #fff;
    font-size: 16px;
    padding: 4px 19px;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
    max-width: fit-content;
    border-radius: 25px;
}

.tag-new h3 {
    font-size: inherit;
}

.pt-70 {
    padding-top: 70px;
}
.pt-50 {
    padding-top: 50px;
}

.pb-110 {
    padding-bottom: 110px;
}
.btn-reg.btn-green {
    background: var(--green);
    color: #fff;
    text-decoration: none;
}

.btn-reg.btn-green:hover {
    border-color: #37c047;
    background: #256f5d;
    color: #fff;
}

.btn-preview-profile {
    font-size: 20px;
    font-weight: 500;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -27px;
    padding: 11px 39px;
    width: 100%;
    max-width: max-content;
}

.btn-reg.btn-preview-profile:hover {
    background: #256f5d;
}

.overflow-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mb-40 {
    margin-bottom: 40px;
}

.description-box {
    padding-bottom: 0px;
    /* border-bottom: 1px dotted #BEBEBE; */
}
.boxes-items-skill,
.item-info-personal,
.dashed-border-bottom {
    background-image: linear-gradient(
        to right,
        #bebebe 42%,
        rgba(255, 255, 255, 0) 0%
    );
    background-position: bottom;
    background-size: 12px 1px;
    background-repeat: repeat-x;
}

.boxes-items-skill:last-child,
.item-info-personal:last-child {
    background-image: none;
}

.resize-none {
    resize: none;
}

.lh-197 {
    line-height: 197%;
}

.textareadescription.activated-editing-textarea .btn-edit-btn-description {
    display: flex !important;
    gap: 15px;
}

.textareadescription.activated-editing-textarea textarea {
    padding: 10px;
    border: 1px solid var(--green) !important;
    border-radius: 15px;
}

.btn-reg.btn-white {
    background: #fff;
}
.btn-reg.btn-2F2F31 {
    background: #2f2f31;
    color: #fff;
}

.textareadescription.activated-editing-textarea .text-area-text {
    display: none;
}

.gap-32 {
    gap: 32px;
}
.gap-42{
    gap: 42px;
}

.gap-5px {
    gap: 5px;
}

.list-wish-like-notification ul {
    display: flex;
    flex-flow: wrap;
    gap: 35px;
}

.profile-logged-in {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    max-width: 430px;
    gap: 25px;
    margin-left: auto;
    flex-flow: wrap;
}

.profile-image-main-header {
    position: relative;
}

.profile-image-main-header img {
    width: 57px;
    height: 57px;
    overflow: hidden;
    border-radius: 50%;
}

.profile-management {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    gap: 24px;
}

.active-indicator {
    position: absolute;
    right: 4px;
    bottom: 1px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #37c047;
    border: 1px solid #fff;
}
/* Info Page */

.item-info-personal {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    align-items: flex-end;
    padding: 18px 0;
}

.item-info-personal > div {
    display: flex;
    flex-flow: wrap;
    gap: 12px;
    align-items: center;
}

.item-info-personal p {
    font-size: 14px;
    font-weight: 500;
    color: #494949;
}

.item-info-personal h3 {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    text-align: right;
    max-width: 250px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-45 {
    padding-bottom: 45px;
}

.boxes-items-skill {
    padding: 32px 0;
}

.pt-10 {
    padding-top: 10px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.btn-edit-btn-description .btn-reg {
    padding: 7px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
}

.btn-edit-btn-description {
    gap: 15px;
}

.addskillsarea{
    display: none;
}

.box-selects-forms-submit {
    display: flex;
    flex-flow: wrap;
    gap: 10px;
    background: #fff;
    padding: 18px 12px;
    margin: 0 0 22px;
    border-radius: 5px;
}

.form-group-custom {
    width: 100%;
}

.form-group-custom input,
.form-group-custom select {
    width: 100%;
    border: 1px solid #bebebe;
    font-size: 12px;
    padding: 10px 12px;
    border-radius: 5px;
}

.btn-reg.btn-2F2F31:hover {
    background: transparent;
    border-color: #2f2f31;
    color: #2f2f31;
}

/*.skill-added-before p {*/
/*    flex: 0 0 100%;*/
/*    max-width: calc(100% - 30px);*/
/*    font-size: 14px;*/
/*}*/

.form-group-custom select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding-right: 30px;
    background-image: url(../images/icons/chev-down.png);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: calc(100% - 12px) center;
}

.sub-menus {
    position: absolute;
    background: #fff;
    min-width: 200px;
    width: fit-content;
    right: 0;
    padding: 15px 0;
    z-index: 99;
    border-radius: 5px;
    filter: drop-shadow(0 2px 5px #0000004f);
    top: calc(100% + 35px);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
}

.sub-menus ul li a {
    color: var(--black);
    display: block;
    padding: 5px 15px;
    transition: 0.3s ease-in-out;
}

.sub-menus ul li a:hover {
    background: var(--black);
    color: #fff;
    text-decoration: none;
}

.profile-image-main-header:hover .sub-menus {
    top: calc(100% + 15px);
    opacity: 1;
    visibility: visible;
}

.sub-menus:before {
    content: '';
    border: 10px solid transparent;
    border-top: 0;
    border-bottom: 10px solid #ffffff;
    position: absolute;
    right: 16.5px;
    top: -10px;
}

.profile-image-main-header {
    cursor: pointer;
}

/**/
.skill-show-here {
    display: flex;
    flex-flow: wrap;
    gap: 8px;
    width: 100%;
    justify-content: flex-start;
}

.item-show-with-icon {
    width: fit-content;
    position: relative;
    flex: 0 0 100%;
    max-width: fit-content;
    padding: 7px 10px;
    border: 0.5px solid #2F2F31;
    color: #2F2F31;
    border-radius: 50px;
    min-width: 90px;
    text-align: center;
    overflow: hidden;
}

.edit-delete-btns {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    max-width: fit-content;
    display: flex;
    align-items: center;
    gap: 5px;
    /*padding: 6px;*/
    padding: 7px;
    background: #fff;
    border-radius: 50px;
    transition: 0.3s ease-in-out;
    visibility: hidden;
    left: -100%;
    opacity: 0;
}

.item-show-with-icon > p {
    /*font-size: 12px;*/
    font-size: 12px;
}

.itembtnstyling {
    /*width: 18px;*/
    /*height: 18px;*/
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #FF0000;
}

.itembtnstyling img {
    /*max-width: 9px;*/
    max-width: 14px;
    width: 100%;
    height: auto;
}

.itembtnstyling.edit-this-item {
    background: #37C047;
}

.itembtnstyling.edit-this-item img {
    filter: brightness(0) invert(1);
}

.item-show-with-icon:hover .edit-delete-btns {
    left: 0;
    visibility: visible;
    opacity: 1;
}

.mw-160 {
    max-width: 33%;
}

.flex-1-1-auto {
    flex: 1 1 auto;
}

.mw-33-percent{
    max-width:calc(33% - 5px)
}

.mw-67-percent{
    max-width:calc(67% - 5px)
}
.no-skills-added>p{
    display:block !important;
}
.skill-added-before > p {
     display: none; 
    width: 100%;
    flex: 0 0 100%;
}

.skill-added-before {
    flex-flow: wrap;
}
.white-bg-image {
    width: 62px;
    height: 62px;
    border-radius: 7px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #EDEDED;
}

.white-bg-image img {
    max-width: 75%;
}

.fa-26 {
    font-size: 26px;
}

.fa-48 {
    font-size: 48px;
}

.fa-10 {
    font-size: 10px;
}

.create-your-first-gig {
    margin: 0;
    border-width: 2px;
    padding: 62px 90px 79px;
    filter: drop-shadow(0px 13px 100px rgb(0 0 0 / 15%));
}
.mw-870 {
    max-width: 870px;
    width: 100%;
}

.main-right-box-profile {
    margin-left: auto;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.mw-590 {
    max-width: 590px;
}

.mw-210 {
    max-width: 210px;
}

.btn-127 {
    width: 100%;
    max-width: fit-content;
    padding: 8px 23px;
    border-radius: 3px;
}

.mb-17{
    margin-bottom:17px;
}
.mb-30{
    margin-bottom:30px;
}
.mb-10{
    margin-bottom:10px;
}
.border-radius-10{
    border-radius:10px;
}

.create-your-first-gig.explore-hire-in-pakistan-box {
    padding: 0;
}

.top-text-hip,.text-bottom-with-design {
    padding: 30px 20px 0;
}

.text-bottom-with-design {
    position: absolute;
    bottom: 25px;
    width: 100%;
    left: 0;
}

.top-text-hip h6 {
    font-size: 9px;
    background: #37C047;
    padding: 3px 10px;
    display: inline-block;
    border-radius: 25px;
    color: #fff;
}

.top-text-hip h3 {
    font-size: 27px;
    font-weight: 600;
    margin-top: 5px;
}

.text-bottom-with-design h5 {
    font-size: 10px;
    font-weight: 500;
}

.text-bottom-with-design h5:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/icons/icon-circular-arrow.png);
    background-repeat: no-repeat;
    background-size: 15px;
}
/**/

.srcofimage {
    cursor: pointer;
}

.modal-text-items {
    position: relative;
    display: flex;
    gap: 11px;
    align-items: flex-start;
    margin-bottom: 15px;
}

.modal-text-items > img {
    max-width: 33px;
}

.modal-text-items-parent {
    padding: 55px  0 60px 65px;
}

.modal-text-items-parent > h3 {
    font-size: 26px;
    font-weight: 600;
    color: #2F2F31;
    margin-bottom: 60px;
    line-height: 140%;
}

.modal-text-items-text h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

.modal-text-items-text p {
    font-size: 12px;
}

.modal-text-items-text {
    max-width: 346px;
    padding-bottom: 25px;
    position: relative;
}

.modal-text-items-text:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% + 65px);
    height: 1px;
    background: #BEBEBE;
}

.image-men-modal {
    position: absolute;
    bottom: 0;
    right: 60px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.image-men-modal img {
    width: 100%;
}

.no-after:after {
    display: none;
}
.mt-40{
    margin-top: 40px;
}
.ml-44 {
    margin-left: 44px;
}

#getStartedGig .modal-dialog.modal-dialog-centered {
    max-width: 1100px;
}

.mw-153 {
    max-width: 153px;
    width: 100%;
}

.row-custom-make-a-gig {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.mw-200 {
    max-width: 200px;
    width: 100%;
}

.mw-1150 {
    max-width: 1150px;
    width: 100%;
}

.forms-gig-title ul li a {
    font-size: 18px;
    line-height: 223%;
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
    padding-left: 35px;
    color: #2F2F31;
    font-weight: 500;
}

.forms-gig-title ul li a:before {
    content: "0"counter(item-counter)" ";
    /* Display the counter value followed by a dot and space */
    counter-increment: item-counter;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #BEBEBE;
    color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}

.forms-gig-title ul li:last-child a {
    margin: 0;
}

.forms-gig-title ul {
    counter-reset: item-counter;
}

.forms-gig-title ul li.active a:before {
    background: #37C047;
}

.items-row-overview-form {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    margin-bottom: 45px;
}

.bg-F5F5F5 {
    background: #f5f5f5;
}

.overview-items-make-a-gig {
    padding: 45px;
    border-radius: 10px;
}

.mw-732 {
    max-width: 730px;
    width: 100%;
}
.mw-266{
    max-width: 266px;
    width: 100%;
}
.form-group-custom textarea, .form-group-custom input,.form-group-custom select {
    width: 100%;
    resize: none;
    min-height: 54px;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #BEBEBE;
    background: #fff;
    font-size: 16px;
}

.form-group-custom textarea {
    min-height: 80px;
}

.form-group-custom.select2pillscustomStyling textarea{
    min-height: 27px;
}

.form-group-custom.select2pillscustomStyling .select2-container--default .select2-selection--multiple {
    border-color: #BEBEBE;
    display: flex;
    align-items: center;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    flex-flow: wrap;
}

.form-group-custom.select2pillscustomStyling .select2-container .select2-selection--multiple .select2-selection__rendered {
    max-width: 100%;
    margin-top: -5px;
}

.form-group-custom.select2pillscustomStyling .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background: #212529;
    color: #fff;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-color: #212529;
}

.form-group-custom.select2pillscustomStyling .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #37C047;
    color: #fff;
    border-color: #212529;
}

.form-group-custom.select2pillscustomStyling .select2-container--default .select2-selection--multiple{
    background:#fff;
}

.turned-off-section .switch label {
    background-color: rgba(255, 0, 0, 0.5);
}

.text-area-80-max p {
    text-align: right;
    font-size: 12px;
    color: #2F2F31;
    margin-top: 5px;
}

.form-group-custom select {
    background-image: url(../images/icons/chev-down-grey.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    background-size: 15px;
    padding-right: 40px;
}

.gap-20{
    gap:20px
}
.gap-15{
    gap:15px;
}

/**/
.packages-pricing-gigs {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    border: 1px solid #bebebe;
    border-radius: 5px;
    overflow: hidden;
}

.col-first-description {
    max-width: 30%;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-left:-1px;
}

.columns-3-description {
    max-width: 70%;
    width: 100%;
    display: flex;
    margin-right:-1px;
}

.flex-1 {
    flex: 1;
}

.mw-194 {
    max-width: 194px;
}

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

.direction-column-settings,.price-column-bottom > h3 {
    padding: 14px 30px;
}

.package-gig-title {
    padding: 10px 20px;
    border: 1px solid #bebebe;
    margin-top: -1px;
    margin-right: -1px;
}

.package-gig-title h3 {
    font-size: 18px;
    line-height: 223%;
}

.w-33 {
    width: 33.33333%;
}

.name-your-package input {
    width: 100%;
    border: none;
    padding: 33px 20px;
}

.name-your-package,
.pricing-input,
.ckeditor-items-package .tox.tox-tinymce {
    border:1px solid #bebebe;
    margin-top: -1px;
    margin-right: -1px;
}

.tox-statusbar {
    display: none !important;
}

.price-column-bottom input[type="number"] {
    padding: 15px;
    border-radius: 8px;
    padding-left: 30px;
    border: 1px solid #bebebe;
    width: 100%;
    max-width: calc(100% - 14px);
    margin: 0 auto;
}

.price-column-bottom {
    padding: 0;
    min-height: 65px;
    display: flex;
    align-items: center;
    background: #fff;
    margin-right:-1px;
    margin-bottom:-1px;
}

.price-title-package{
    background:transparent !important;
    margin-right: -3px;
}

.price-column-bottom > h3 {
    width: 100%;
}

.price-column-bottom.pricing-input:before {
    content: '$';
    position: absolute;
    left: 20px;
    top: 50%;
    font-size: 17px;
    transform: translateY(-50%);
    color: #bebebe;
}

.price-column-bottom.pricing-input {
    position: relative;
}

.tox-toolbar__primary {
    background: #bebebe30 !important;
    border-bottom: 1px solid #cccccc !important;
}

/**/
.lh-40 {
    line-height: 225%;
}

.line-behind-text {
    position: relative;
    text-align: center;
    z-index: 1;
}

.line-behind-text:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    background: #ccc;
    height: 1px;
    z-index: -1;
}

.line-behind-text h3 {
    padding: 0 25px;
    background: whitesmoke;
    position: relative;
    z-index: 1;
}

.questions-items, .question-added-by-freelancer {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 28px 33px;
    margin-bottom: 20px;
}
.custom-checkbox > input[type="checkbox"] {
    display: none;
}

.question-adding-tab {
    border: 1px solid #bebebe;
    padding: 25px 40px;
    background: #bebebe42;
    border-radius: 8px;
    margin: 30px 0;
}

.btn-questions {
    background: transparent;
    border: 1px solid #256F5D;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 8px;
    transition: 0.3s ease-in-out;
}

.btn-questions:hover {
    background: #256F5D;
    color: #fff;
}

.question-adding-tab textarea,.question-adding-tab select,.question-adding-tab input {
    background-color: #fff;
}

.multipleChoicesQuestions .form-group-custom input {
    padding-right: 150px;
}

.multipleChoicesQuestions .btn-reg.btn-green {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    height: calc(100% - 15px);
}

.multipleChoicesQuestions ul {
    display: flex;
    gap: 15px;
    justify-content: flex-start;
}

.multipleChoicesQuestions ul li {
    background: var(--green);
    color: #fff;
    padding: 4px 15px;
    border-radius: 4px;
}

.question-added-by-freelancer > ul {
    display: flex;
    gap: 15px;
    margin: 10px 0 0;
    flex-flow: wrap;
}

.question-added-by-freelancer > ul li {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
    width: calc(25% - 15px * 3/4);
    background: var(--grey);
    padding: 5px 15px;
    text-align: center;
    color: #fff;
    border-radius: 6px;
}

.dropdown-custom-design {
    position: absolute;
    right: 15px;
    top: 15px;
}

.question-added-by-freelancer {
    position: relative;
}
.dropdown-custom-design-toggle {
    padding: 0;
    border: none;
    background: transparent;
}

.question-added-by-freelancer .dropdown-custom-design ul.dropdown-menu {
    right: 0 !important;
    left: auto !important;
    background: #2a705e;
    border: none;
}

.question-added-by-freelancer .dropdown-custom-design ul.dropdown-menu li a {
    color: #fff;
}

.question-added-by-freelancer .dropdown-custom-design ul.dropdown-menu li a:hover {
    background: var(--green);
    text-decoration: none;
}
.cross-choices {
    background: transparent;
    border: none;
    color: #fff;
    margin-left: 10px;
    transition: 0.3s ease-in-out;
}

.custom-image-video-selector {
    border: 1px dotted;
    border-radius: 15px;
    padding: 0;
    text-align: center;
    position: relative;
    height: 152px;
    overflow: hidden;
}

.icons {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    display:none;
}

.file-selected .icons{
    display: flex;
}

.file-selected > img.uploadedimageshere{
    height:100%;
}

.icons i {
    height: 18px;
    width: 18px;
    font-size: 8px;
    background: #ff0000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor:pointer;
}

.custom-image-video-selector img.uploadedimageshere {
    /*height: 100%;*/
    object-fit: cover;
}

.icons > label {
    cursor: pointer;
}

.icons i.fas.fa-edit.icon-edit {
    background: #37C047;
}

.uploadedimageshere{
    display:none;
}

.show-thumbnail-here {
    display: block;
    height: 100%;
    cursor:pointer;
}

.show-thumbnail-here span {
    width: 40px;
    display: inline-flex;
    height: 40px;
    background: var(--green);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.show-thumbnail-here span > img {
    width: 60%;
}

.showing-before-uploaded-file {
    height: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.requirement-of-videos {
    padding: 8px 25px 8px 10px;
    border: 1px dotted;
    border-radius: 8px;
    max-width: 100%;
}

.requirement-of-videos ul {
    display: flex;
    /*gap: 45px;*/
    justify-content:space-between;
    flex-flow: wrap;
}

.requirement-of-videos ul li {
    font-size: 12px;
    position: relative;
    padding-left: 10px;
    margin-left: 10px;
}

.requirement-of-videos ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 4px;
    height: 4px;
    background: #2F2F31;
    border-radius: 50%;
}

.pr-180{
    padding-right:180px !important;
}


.switch {
  display: inline-block;
}

.switch input {
  display: none;
}

.switch label {
  display: block;
  width: 60px;
  height: 30px;
  padding: 3px;
  border-radius: 15px;
  border: 2px solid #CCCCCC;
  cursor: pointer;
  transition: 0.3s;
  background: #CCCCCC;
}

.switch label::after {
  content: "";
  display: inherit;
  width: 20px;
  height: 20px;
  border-radius: 12px;
  background: #ffffff;
  transition: 0.3s;
}

.switch input:checked ~ label {
  border-color: var(--green);
  background: var(--green);
}

.switch input:checked ~ label::after {
  translate: 30px 0;
  background: #ffffff;
}

.turned-off-section{
    opacity:0.5;
}

.turned-off-section .row *{
    pointer-events:none;
}

.turned-off-section .show-thumbnail-here span {
    filter: grayscale(1);
}

.requirements-upload-pdf .showing-before-uploaded-file {
    display: flex !important;
}

.fa-50{
    font-size:50px;
}

.copy-text-input input[type="text"], .copy-text-input1 input[type="text"] {
    min-height: 56px;
    width: 100%;
    padding: 10px 40px 10px 50px;
    border: 1px dashed #BEBEBE;
    border-radius: 10px;
}

.copy-text-input, .copy-text-input1 {
    max-width: 443px;
    margin-left: auto;
    margin-right: auto;
}

.sharegigsocial ul {
    justify-content: center;
}

.giglinkshare {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
}

#copt-ytext-input {
    position: relative;
}

.active-paused-gig>.active {
    opacity: 1;
}

.active-paused-tabs {
    gap: 55px;
    width:100%;
}

.active-paused-tabs a {
    color: #BEBEBE;
}

.active-paused-tabs a.active {
    color: #2F2F31;
}

.active-paused-tabs li {
    margin-bottom: 10px;
}

.active-paused-tabs li a.active:before {
    content: "";
    width: 100%;
    height: 7px;
    bottom: -10px;
    right: 0;
    background-color: #37C047;
    position: absolute;
}

.active-paused-tabs li {
    position: relative;
}

.active-paused-tabs a:hover {
    text-decoration: none;
}

.active-gig-item {
    border: 1px solid #37C047;
    border-radius: 5px;
    flex: 0 0 33.33%;
    max-width: calc(33.33% - 22px);
    min-height: 267px;
}

.active-gig-item-content {
    padding: 14px;
}

.price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.more-option {
    border-bottom: 1px solid #CCCCCC;
}

.more-option.no-border {
    border: 0px;
}

.more-option-icon {
    padding-right: 5px;
}

.active-gig-item-content h4 {
    margin-bottom: 40px;
}

.active-gig-item-content h4 {
    margin-bottom: 40px;
}

.more-options {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    transform: translateY(120px);
    opacity: 0;
    transition: opacity 0.5s, transform 0.5s;
    z-index:-1;
}

.active-gig-item {
    position: relative;
}
.btn-reg.btn-transparent:hover {
    text-decoration: none;
}
.more-options a {
    color: #000;
}

.more-options.show {
    opacity: 1;
    transform: translateY(0);
    z-index:1;
}

.add-gig {
    min-width: 65px;
    background-color: #256F5D;
    min-height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.add-gig img {
    max-width: 22px;
}

.add-gig-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.add-gig-item h4 {
    margin-bottom: 0;
}
.more:hover {
    cursor: pointer;
}

.gigshare {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #37C047;
    min-height: 33px;
    min-width: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.gigshare img {
    max-width: 20px;
}
.mw-596 {
    max-width: 596px;
}

.breadcrums-home-icon {
    display: flex;
    align-items: center;
}

.breadcrums-inner {
    display: flex;
    align-items: center;
    gap: 10px;
}

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

.edit-gig-main {
    padding: 10px 18px;
    border: 1px solid #BEBEBE;
    border-radius: 5px;
    gap: 5px;
}

.edit-gig-btn a {
    color: #2F2F31;
}
.edit-gig-btn:hover img {
    filter: invert(1) brightness(10);
}

.edit-gig-main:hover {
    background-color: #37c047;
}

.edit-gig-btn a:hover {
    color: #fff;
    text-decoration:none;
}

.edit-gig-main:hover {
    border-color: #37c047;
}

.mw-557 {
    max-width: 557px;
    width: 100%;
}

.gig-content ol {
    padding-left: 13px;
}

.gig-content ol li {
    font-size: 12px;
}

.gig-content-help {
    padding: 12px 13px 26px 20px;
    border: 1px solid #BEBEBE;
    border-radius: 5px;
}

.help-inner {
    gap: 7px;
}
.mw-747{
    max-width: 747px;
    width: 100%;
}

.btn-black {
    background-color: #2F2F31;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -27px;
    padding: 9px;
    width: 100%;
    max-width: 181px;
}

.btn-reg.btn-black:hover {
    background-color: #37c047;
    color: #fff;
    text-decoration: none;
}

ul.compare-package-list {
    padding: 32px 20px;
    min-height: 326px;
    border: 1px solid #bebebe;
    margin-top: -1px;
    margin-right: -1px;
}

ul.compare-package-list li, ul.compare-package-list p {
    font-size: 12px;
    line-height: 25px;
    position: relative;
    padding-left: 10px;
}

ul.compare-package-list li:before, ul.compare-package-list p:before {
    content: "";
    height: 4px;
    width: 4px;
    background-color: #000;
    position: absolute;
    left: -4px;
    top: 11px;
    border-radius: 50%;
}
.price-column-bottom.price-compare-bottom {
    min-height: 86px;
    border: 1px solid #bebebe;
    margin-top: -1px;
    margin-right: -1px;
    align-items: flex-start;
    padding-top: 20px;
}

.gig-packages li {
    flex: 0 0 33.33%;
    max-width: calc(33.33% - 37px);
    text-align: center;
}

.active-paused-tabs.gig-packages a {
    color: #2F2F31;
}

.mw-634{
    max-width:634px;
    width:100%;
}

.package-align-right {
    margin-left: auto;
}

.package-gig-content {
    width: 100%;
}
.package-list-preview li, .package-list-preview p {
    font-size: 12px;
    line-height: 2;
    padding-left: 15px;
    position: relative;
}

.package-list-preview li:before, .package-list-preview p:before {
    content: "";
    background-image: url(../images/icons/check.svg);
    position: absolute;
    top: 10px;
    left: 0;
    width: 7px;
    height: 6px;
    background-repeat: no-repeat;
}
.package-gig-active {
    padding: 20px 30px;
}

.package-border {
    border: 1px solid #37C047;
    border-radius: 5px;
    padding: 20px 0px;
}

.mw-328 {
    max-width: 328px;
    width: 100%;
}

.mw-365{
    max-width: 365px;
    width: 100%;
}

.btn-reg.btn-transparent-contact {
    background-color: transparent;
    color: #2F2F31;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    border: 1px solid #2F2F31;
    border-radius: 4px;
    padding: 7px 31px;
    line-height: 20px;
}

.btn-reg.btn-transparent-contact:hover {
    background-color: #37c047;
    color: #fff;
    text-decoration: none;
    border-color: #37c047;
}
.online-border {
    font-size: 14px;
    padding: 6px 17px 6px 28px;
    border: 1px solid #37c047;
    display: inline-block;
    border-radius: 30px;
    position: relative;
    color: #37c047;
    line-height: 1;
}

.online-border:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    width: 4px;
    height: 4px;
    background-color: #37c047;
    transform: translateY(-50%);
    border-radius: 50%;
}

.user-from-inner {
    flex: 0 0 50%;
    max-width: calc(50% - 10px);
}

.user-from {
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.user-personal-info {
    padding: 25px 25px 43px;
    border-radius: 5px;
    border: 1px solid #BEBEBE;
}

.user-about p {
    line-height: 30px;
    padding-right: 27px;
    padding-top: 27px;
    border-top: 1px solid #BEBEBE;
}

.mw-89 {
    max-width: 89px;
    width: 100%;
}

.preview-gig-profile-picture img {
    width: 89px;
    height: 89px;
}

.gig-media .slick-arrow:before {
    content: "";
    background-size: 7px;
    position: absolute;
    background-color: #fff;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    background-position: center;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 3px;
}
.gig-media .slick-arrow{
    width: 28px;
    height: 28px;
}

.gig-image-item img {
    border-radius: 5px;
}

.gig-image-slider {
    margin-bottom: 15px;
}

.gig-media .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background-color: #fff;
    font-size: 0;
    z-index: 1;
}
.gig-media .slick-next:before {
    background-image: url(../images/main/next.svg);
}
.gig-media .slick-next {
    right: -14px;
}
.gig-media .slick-prev:before {
   background-image: url(../images/main/prev.svg);
}
.gig-media .slick-prev {
    left: -14px;
}

.gig-gallery-item {
    padding: 0px 8px;
}

.gig-gallery-slider .slick-list {
    margin-left: -8px;
    margin-right: -8px;
}

.gig-gallery-item img {
    border-radius: 2px;
}
.gig-image-item {
    max-height: 357px;
    border-radius: 5px;
    overflow: hidden;
}
.gig-gallery-item {
    cursor: pointer;
}
.active-gig-item-img img {
    max-height: 136px;
    object-fit: cover;
    object-position: center;
}
.gig-gallery-item {
    max-height: 131px;
}

.gig-gallery-item img {
    max-height: 131px;
    object-fit: cover;
}
.gig-image-item img {
    max-height: 357px;
    object-fit: cover;
}
.active-paused-gig {
    width: 100%;
}

.previeew-gig .active-gig-item {
    flex: 0 0 20%;
    max-width: calc(20% - 26px);
}

.mw-376{
    max-width:376px;
    width:100%;
}
.no-edit .edit-delete-btns {
    display: none;
}

.edu-img {
    width: 42px;
    height: 42px;
    background-color: #256F5D;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.edu-img img {
    max-width: 22px;
}

.certificate-img img {
    max-width: 19px;
    margin-left: 3px;
}
.mw-759 {
    max-width: 759px;
    width: 100%;
}

.user-active-online:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 5%;
    right: 15px;
    background-color: #37c047;
    border: 2px solid #fff;
    border-radius: 50%;
    transform: translateY(-50%);
}

.btn-grey {
    left: 33px;
    background-color: #BEBEBE;
    transform:none;
    bottom: -22px;
}

.user-active-online.preview-gig-profile-picture:before {
    bottom: 0;
    right: 0;
}

.user-status-active {
    margin-left: auto;
    padding: 37px 33px 53px;
    border: 1px solid #37C047;
    border-radius: 5px;
}

.mw-477 {
    max-width: 477px;
    width: 100%;
}

.links-header-bottom > ul > li > ul {
    position: absolute;
    top: 55px;
    left: 0;
    padding: 20px 10px;
    background-color: #fff;
    width: 260px;
    transition: 0.3s ease-in-out;
    opacity: 0;
    border-radius:5px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    visibility: hidden;
    z-index: 2;
}

.links-header-bottom > ul > li:hover > ul {
    opacity: 1;
    height: unset;
    visibility: visible;

}

.links-header-bottom > ul > li {
    position: relative;
}
.links-header-bottom > ul > li > ul li {
    padding: 10px;
    max-width: 100%;
}

.links-header-bottom > ul > li > ul li a {
    color: #2f2f31;
    width: 100%;
    display: block;
}

.links-header-bottom > ul > li > ul li:hover a {
    color: #37c047;
}
.edu-inner {
    padding-bottom: 10px;
}

.edu-inner:last-child {
    padding-bottom: 0px;
}
.add-gig.active-gig-item-img img {
    width: 22px;
    height: 22px;
}
.active-gig-item-img video {
    width: 100%;
    height: 100%;
}
.gig-video-item video {
    width: 100%;
    height: 100%;
}

.gig-gallery-item video {
    width: 100%;
    height: 100%;
    min-height: 6.823vw;
    object-fit: cover;
}
.custom-image-video-selector {
    position: relative;
    width: 100%;
    height: 200px;
    /* Adjust height as needed */
    border: 2px dashed #ccc;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-image-video-selector .dz-preview {
    display: none !important;
}

.custom-image-video-selector input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.custom-image-video-selector img.uploadedimageshere {
    max-width: 100%;
    max-height: 100%;
    display: none;
}

.custom-image-video-selector .showing-before-uploaded-file {
    text-align: center;
}

.custom-image-video-selector .showing-before-uploaded-file img {
    max-width: 50px;
    /* Adjust size as needed */
    /* margin-bottom: 10px; */
}

.custom-image-video-selector .icons {
    position: absolute;
    top: 5px;
    right: 5px;
    display: none;
    z-index: 9;
}

/* Drag and Drop Styles */
.drag-drop-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 16px;
    color: #666;
    display: none;
}

.custom-image-video-selector.drag-over .drag-drop-text {
    display: block;
}

.custom-image-video-selector .dz-preview {
    width: 100%;
    height: inherit;
    display: flex;
    position: relative;
}

.custom-image-video-selector .dz-preview>*:not(.dz-image),
.custom-image-video-selector .dz-preview>*:not(.dz-progress) {
    display: none;
}

.custom-image-video-selector .dz-preview .dz-progress {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 15px;
    display: block !important;
}

.custom-image-video-selector .dz-preview .dz-progress span {
    display: inline-block;
    background: var(--green);
    height: 100%;
    border-radius: 50px
}

.custom-image-video-selector .dz-preview.dz-complete .dz-progress {
    display: none !important;
}

.custom-image-video-selector .dz-preview .dz-image {
    width: 100%;
    display: flex;
}

.show-thumbnail-here {
    /*pointer-events: none*/
    width: 100%;
}

.custom-image-video-selector .dz-preview .dz-image img {
    object-fit: contain;
}

.custom-image-video-selector.file-selected .icons {
    display: flex !important;
}
.preview-gig-main .active-gig-item-content {
    height: unset;
    display: block;
}
.preview-gig-main .active-gig-item-img img, .preview-gig-main .active-gig-item-img video {
    width: 100%;
}
.modal.fade .modal-dialog.buy-now-modal-main {
    height: 100%;
    max-width: 600px;
    margin: auto;
    margin-right: 0;
}

.buy-now-modal-main .modal-content {
    border-radius: 0px;
    min-height:100%;
}

.buy-now-modal-main {
    border-radius: 0px;
}
.buyNow-header {
    padding: 18px 28px 14px 42px;
    border-bottom: 1px solid #BEBEBE;
}
.buyNow-body {
    padding: 21px 23px 180px 17px;
}
.mw-415 {
    max-width: 415px;
}

.package-detail-bill-body {
    padding-bottom: 15px;
    border-bottom: 1px solid #BEBEBE;
    padding-left: 9px;
}

.package-detail-bill {
    border: 1px solid #2F2F31;
    padding: 18px 14px 23px 28px;
    border-radius: 5px;
}
.quantity-selector .minus, .quantity-selector .plus {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: transparent;
    color: #2F2F31;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #BEBEBE;
    font-size: 14px;
    line-height: 18px;
}
.quantity-selector .num {
    padding: 0 10px;
}

.quantity-selector .minus:hover, .quantity-selector .plus:hover {
    color: #fff;
    background-color: #2F2F31;
}
.package-detail-bill-quantity {
    padding-top: 22px;
    padding-left: 9px;
}
.package-detail-bill-header{
    padding-left: 9px;
}

.package-detail-bill.bg-grey {
    background-color: #F5F5F5;
    border-color: #fff;
}
.buyNow-footer {
    border-top: 1px solid #BEBEBE;
    padding-top: 44px;
    padding-bottom:20px;
}

.package-detail-bill-quantity .options {
    display: none;
    transition: transform .3s ease-out;
    opacity: 0;
    height:0px;
}

.package-detail-bill-quantity.active .options {
    display: block;
    opacity: 1;
    transition: transform .3s ease-out;
    height:100%;
}

.select-menu.active .select-btn svg{
  transform: rotate(-180deg);
}

.select-menu.active .options {
  display: block;
  opacity: 0;
  z-index: 10;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
}

@keyframes fadeInUp {
  from {
    transform: translate(0, 30px);
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    transform: translate(0, 0);
    opacity: 1;
  }
  to {
    transform: translate(0, 20px);
    opacity: 0;
  }
}

.package-detail-bill-quantity .select-btn:hover {
    cursor: pointer;
}

.mw-225 {
    max-width: 225px;
    width: 100%;
}

.btn-reg.btn-transparent-with-border {
    font-weight: 500;
    font-size: 16px;
    border: 1px solid #256F5D;
    padding: 14px 20px;
    line-height: 1;
}

.btn-reg.btn-transparent-with-border:hover {
    background-color: #256F5D;
    color: #fff;
}

.mw-593 {
    max-width: 593px;
    width: 100%;
}

.mw-413 {
    max-width: 413px;
    width: 100%;
}

.payment-form-detail [type="radio"]:checked,
.payment-form-detail [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.payment-form-detail [type="radio"]:checked + p,
.payment-form-detail [type="radio"]:not(:checked) + p
{
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
}
.payment-form-detail [type="radio"]:checked + p:before,
.payment-form-detail [type="radio"]:not(:checked) + p:before {
    content: '';
    position: absolute;
    left: 0px;
    top: -3px;
    width: 25px;
    height: 25px;
    border: 1px solid #2F2F31;
    border-radius: 100%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.payment-form-detail [type="radio"]:checked + p:after,
.payment-form-detail [type="radio"]:not(:checked) + p:after {
    content: '';
    width: 13px;
    height: 13px;
    background: #2F2F31;
    position: absolute;
    top: 3px;
    left: 6px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.payment-form-detail [type="radio"]:not(:checked) + p:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.payment-form-detail [type="radio"]:checked + p:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

#paymentForm label {
    display: flex;
    align-items: center;
    gap: 30px;
}

#paymentForm  .with-border {
    border: 1px solid #BEBEBE;
    padding: 16px;
    border-radius: 5px;
}
.input-wrapper-payment input {
    width: 100%;
    padding: 0px 16px;
    background-color: transparent;
    border: none;
}

.half-width .input-wrapper-payment {
    width: 50%;
    max-width: calc(50% - 10px);
}
.input-details {
    padding: 16px;
    border: 1px solid #BEBEBE;
    border-radius: 5px;
}

.input-details.no-image input {
    padding: 0px;
}



.checkbox-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-color: #ddd;
    transition: 0.3s;
    border-radius: 4px;
}

.checkbox-btn span::before {
    content: '';
    display: inline-block;
    width: 11px;
    height: 6px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: scale(0) rotate(-45deg);
    position: relative;
    bottom: 2px;
    transition: 0.6s;
}

.checkbox-btn input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.checkbox-btn input:checked ~ span {
    background-color: #352f29;
}

.checkbox-btn input:checked ~ span::before {
    transform: scale(1) rotate(-45deg);
}

.checkbox-btn {
    position: relative;
}

.btn-black.payment-btn {
    position: relative;
    max-width: 264px;
    font-size: 20px;
    bottom: unset;
}
.billing-gig-title {
    max-width: 217px;
}
.billing-thumb img {
    width: 111px;
    height:76px;
}

.billing-summary {
    background-color: #fff;
    border: 1px solid #37C047;
    border-radius: 5px;
}
.billing-summary-header{
    padding: 27px 26px 27px 20px;
}
.gap-24{
    gap:24px;
}

.billing-short-detail li {
    display: flex;
    align-items: center;
    font-size: 16px;
    margin-bottom: 10px;
    gap: 10px;
}

.check-black {
    width: 13px;
    height: 10px;
}
.service-fee-img {
    width: 20px;
    height: 20px;
}
.gap-17{
    gap:17px;
}
.billing-promo {
    padding: 12px 26px 18px 20px;
    border-top: 1px solid #BEBEBE;
}
.promo-code {
    font-size: 16px;
    line-height: 197%;
    border: none;
    max-width: 144px;
}

.promo-code::placeholder {
    color: #2F2F31;
}
.billing-total {
    padding: 12px 26px 65px 20px;
    border-top: 1px solid #BEBEBE;
}
.secure-img {
    width: 12px;
    height: 14px;
}
.private-img {
    width: 20px;
    height: 20px;
    margin-top: 5px;
}
ul.compare-package-list {
    word-break: break-word;
}
.addDetailsMain .input-fields {
    flex: 0 0 50%;
    max-width: calc(50% - 10px);
}

.addDetailsMain {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.modal-content .btn-reg.btn-grey {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #2f2f31;
}
.addDetails-btns .btn-reg:hover{
    background-color: var(--green);
    border-color: var(--green);
    color: #fff;
}
.modal-content .btn-reg.btn-grey:hover {
    background: var(--black);
    border-color: var(--black);
    color: #fff;
}

.custom-tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.tooltip-content {
    visibility: hidden;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    width:200px;
}
.custom-tooltip:hover .tooltip-content {
    visibility: visible;
    opacity: 1;
}
p.text-danger {
    position: absolute;
    top: -70px;
    width: 100%;
    height: auto;
    z-index: 99;
    background-color: #fff;
    padding: 10px;
    font-size: 13px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 10px;
}
/*brief*/
.mw-1075{
    max-width: 1075px;
    width: 100%;
}
.mw-300{
    max-width: 300px;
    width: 100%;
}
.mw-800{
    max-width:800px;
    width:100%;
}
.brief-items-make-a-gig-inner {
    padding: 45px 45px 130px;
    border-radius: 10px;
}
.form-group-custom.min-height-54 textarea {
    max-height: 54px;
    min-height: 54px;
    padding: 12px 100px 12px 12px;
}
.form-group-custom.min-height-150 textarea {
    min-height: 150px;
    padding: 12px 100px 12px 12px;
}
#briefcharcount, #briefreq {
    position: absolute;
    right: 25px;
    bottom: 15px;
    margin: 0px;
    color: #BEBEBE;
}

.min-height-54 #briefcharcount {
    top: 45%;
    bottom: unset;
    transform: translateY(-50%);
    margin: 0;
}
.brief-upload input[type="file"] {
  display: none;
}

.custom-file-upload {
  border: 1px solid #256F5D;
  padding: 8px 26px 8px 23px;
  cursor: pointer;
  border-radius: 4px;
  color: #2F2F31;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.checkbox-btn-white label {
    gap: 10px;
}

.checkbox-btn-white span::before {
    border-color: #000;
}

.checkbox-btn-white input:checked ~ span {
    background-color: #fff;
    border: 1px solid #2F2F31;
}

.checkbox-btn-white span {
    background-color: #fff;
    border: 1px solid #2F2F31;
}
.calendar-icon {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}
.mw-417 {
    max-width: 417px;
    width: 100%;
}
.brief-items-summary {
    padding: 45px;
    border-radius: 10px;
}
.btcd-f-input {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.btcd-f-input>div>input::-webkit-file-upload-button {
    cursor: pointer;
}

.btcd-f-wrp {
    cursor: pointer;
}

.btcd-f-wrp>small {
    color: gray;
}

.btcd-f-wrp>button {
    border: 1px solid #256F5D;
    padding: 8px 26px 8px 23px;
    cursor: pointer;
    border-radius: 4px;
    color: #2F2F31;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    margin-right:10px;
}

.btcd-f-wrp>button>img {
    width: 24px;
}

.btcd-f-wrp>button>span,
.btcd-f-wrp>span,
.btcd-f-wrp>small {
    /*vertical-align: super;*/
}

.btcd-f-input>.btcd-f-wrp>input {
    z-index: 100;
    width: 100%;
    position: absolute;
    opacity: 0;
    left: 0;
    height: 37px;
    cursor: pointer;
}

.btcd-files>div {
    display: flex;
    align-items: center;
    background: #ffffff96;
    border-radius: 10px;
    width: 91%;
    margin-top: 15px;
    height: auto;
    padding: 10px;
}
.btcd-files>div>button>span {
    line-height: 25px !important;
    display: block;
}
.btcd-files>div>div {
    display: inline-block;
    width: 73%;
}

.btcd-files>div>div>small {
    color: gray;
}

.btcd-files>div>img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 10px;
}

.btcd-files>div>div>span {
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.btcd-files>div>button {
    background: #e8e8e8;
    border: none;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    font-size: 20px;
    margin-right: 6px;
    padding: 0;
}

.btcd-files>div>button:hover {
    background: #bbbbbb;
}
.attachments-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 800px;
}

.attachments-list .attachment-item {
    border: 1px solid #bebebe;
    padding: 5px;
    border-radius: 10px;
    flex: 0 0 20%;
    max-width: calc(20% - 10px);
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.attachments-list .attachment-item video {
    width: 100%;
    height: 100%;
}
.create-your-first-brief {
    padding: 93px 142px;
}
.lh-18 {
    line-height: 1.5;
}
.created-brief {
    padding: 35px 23px 44px;
}
.posted {
    color: var(--grey);
}
.brief-industry-list p {
    padding: 3px 13px;
    border: 1px solid;
    border-radius: 48px;
}

.brief-industry-list {
    gap: 8px;
    display: flex;
    flex-wrap: wrap;
}
.btn-position-bottom {
    position: absolute;
    bottom: -19px;
}
.let-bid {
   padding: 33px 60px 56px;
   filter: drop-shadow(0px 13px 100px rgb(0 0 0 / 5%));
}
.let-bid {
    margin-left: auto;
}
.let-bid .btn-reg {
    left: 50%;
    transform: translateX(-50%);
}
.skill-show-here-breif {
    padding: 3px 13px;
    border: 1px solid;
    border-radius: 48px;
    display: inline;
}
.abt-client .skill-show-here > *{
    flex: 0 0 100%;
}
.skill-show-here-one {
    max-width: 90px;
}

.skill-show-here-two {
    max-width: 170px;
}
.bid-label {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}
#bid_amount::placeholder {
    color: #bebebe;
}
.active-brief-item {
    flex: 0 0 50%;
    max-width: calc(50% - 16px);
}
#toast-container .toast-error {
    background-color: red;
}
.pagination-all .sm\:hidden {
    display: none;
}

.pagination-all .hidden div:nth-child(2) svg {
    width: 20px;
}

.pagination-all {
    width: 100%;
}

.pagination-all .hidden div {
    display: flex;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
}
.pagination-all .page-link {
    color: #37c047;
}

.pagination-all .page-item.active .page-link {
    background-color: #37c047;
    border-color: #37c047;
}

.page-link {
    border: 1px solid #dee2e6;
}

.pagination-all .pagination {
    justify-content: center;
    margin-top: 30px;
}
.pagination-all .page-link {
    padding: 6px 12px;
}
.notification-count {
    position: absolute;
    top: -7px;
    right: -7px;
    background-color: #37c047;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    line-height: 10px;
    width: 18px;
    height: 18px;
}

.list-wish-like-notification ul.notification-messages {
    position: absolute;
    width: 350px;
    background-color: #F5F5F5;
    border-radius: 12px;
    gap: 0;
    z-index: 2;
    overflow-y: auto;
    max-height: 0px;
    display: none;
    transition: .3s ease-in-out;
    border: 0.5px solid #256F5D;
}


.notification-messages a:hover {
    background-color: rgba(55, 192, 71, 0.2);
    text-decoration: none;
}
.notification-messages a {
    color: #2F2F31;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
}

.notification-messages a li {
    font-size: 14px;
    text-transform: capitalize;
}

.notification-messages a li span {
    font-size: 10px;
    font-weight: 400;
    display: block;
}

.notification-messages li {
    flex: 0 0 100%;
    border-bottom: 1px solid #ccc;
}


.list-wish-like-notification .notification-bell:hover .notification-messages {
    display: flex;
    max-height:500px;
    padding: 16px 0px;
}


.notification-messages li:last-child {
    border: none;
}
.loading-buttons .btn-reg {
    gap: 5px;
    align-items: center;
}
.loader-on-submit {
    display: none; /* Initially hidden */
}

.select2singlecustomStyling .select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-top:-3px;
    color: #2f2f31;
}

.select2singlecustomStyling .select2-container--default .select2-selection--single {
    width: 100%;
    resize: none;
    min-height: 54px;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #BEBEBE;
    background: #fff;
    font-size: 16px;
}

.select2singlecustomStyling .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 54px;
    background-image: url(../images/icons/chev-down-grey.png);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    right: 15px;
}
.select2singlecustomStyling .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.mw-1247 {
    max-width: 1247px;
    margin: 0 auto;
    width: 100%;
}

.done-icon, .report-icon, .reject-icon {
    width: 18px;
}

.ls-3 {
    letter-spacing: -1px;
}

.gap-14{
    gap:14px;
}
.btn-reg.btn-done {
    padding: 14px;
    font-size:15px;
}

.brief-chat-header {
    padding-top: 34px;
    padding-bottom: 40px;
    border-bottom: 1px solid #DDDDDD;
}

/* .brief-chat .container-1400 {
    filter: drop-shadow(0px 13px 100px rgb(0 0 0 / 5%));
    box-shadow: rgb(8 8 8 / 13%) -40px -30px 40px -53px;
} */

.brief-chat-header {
    border-radius: 30px 30px 0px 0px;
}
.pb-37{
 padding-bottom:37px;   
}

.gap-112 {
    gap: 112px;
}

.gap-26 {
    gap: 26px;
}

.priority-status {
    padding: 9px 24px;
    background-color: #37C047;
    color: #fff;
    border-radius: 5px;
}
.brief-attachment {
    gap: 14px;
}

.brief-attach-repeat {
    padding: 8px 10px;
    border: 1px solid #256F5D;
    border-radius: 4px;
    background-color: #F3F3F3;
}

.attached-file {
    gap: 10px;
    font-size: 13px;
    color: #2F2F31;
    line-height: 1.5;
}

.attached-file:hover {
    text-decoration: none;
}

.modal-content .btn-reg.btn-transparent {
    border: 1px solid var(--green);
    background: transparent;
    color: #2F2F31;
}

.modal-content .btn-reg.btn-transparent:hover {
    color: var(--green);
}
.fa-86{
 font-size: 86px;
}

#projectcomplete-btn:hover .done-icon, .in-progress .done-icon:hover{
    filter: invert(30%) sepia(100%) saturate(5000%) hue-rotate(80deg) brightness(90%) contrast(90%);
}

.user-info {
    gap: 8px;
}

.pb-30{
    padding-bottom:30px;
}
.chat-messages {
    padding: 4px 20px 8px;
    gap: 10px;
    max-width:955px;
}

.chat-messages.active {
    filter: drop-shadow(0vw 0.677vw 5.208vw rgb(0 0 0 / 5%));
    background-color: #fff;
}

.chat-messages-main {
    /*background-color: #F3F7F2;*/
    border-radius: 0px 0px 30px 30px;
    
}
.pt-30{
    padding-top:30px;
}
.chat-user-image {
    max-width: 36px;
    flex:0 0 36px;
}

.mw-1280 {
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
}

.mw-330 {
    max-width: 330px;
    width: 100%;
}

.mw-887 {
    max-width: 887px;
    width: 100%;
}
button.message-filter {
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #BEBEBE;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .3px;
    padding: 14px 36px;
    gap: 11px;
    line-height: 1;
}

.brief-notification-user-icon {
    height: 42px;
    display: flex;
    width: 42px;
    align-items: center;
    justify-content: center;
    background-color: #256F5D;
    border-radius: 30px;
}

.brief-notification-user {
    gap: 18px;
    padding: 17px;
    background-color: #fff;
    /*filter: drop-shadow(13.81px 27.63px 69.07px rgb(128 140 157 / 14%));*/
    border-radius: 15px;
}
.brief-notification-user-name {
    color: #141736;
}

.breif-notification-time {
    color: #91929D;
    position: absolute;
    top: 17px;
    right: 17px;
}
.message-nofify-active {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #3DD598;
    border-radius: 30px;
    top: 0;
    right: 0;
}
.user-admin {
    gap: 8px;
    padding: 12px 13px;
    filter: drop-shadow(0 0.6px 2.39px rgb(23 23 37 / 10%));
    background-color: #fff;
    margin-bottom: 16px;
}

.color-696974 {
    color: #696974;
}
.today-date {
    text-align: center;
    color: #171725;
}

.today-date:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #F1F1F5;
    position: absolute;
    top: 55%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
}

.today-date p {
    color: #171725;
    display: inline-block;
    padding: 0px 30px;
    background-color: #fff;
}
.priority-status.medium {
    background-color: #FFAC1C;
}
.priority-status.high {
    background-color: #FF4433;
}

.priority-status.overdue {
    background-color: #CD1C18;
}
.chat-upload {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
}

svg#upload-icon {
    color: #adadad;
    width: 18px;
    height: 18px;
}


#chat-text-area-submit {
    border: 0;
    background: #256f5d;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#chat-text-area-submit svg {
    width: 12px;
    height: 12px;
}
#chat-text-area-submit svg path {
    fill: #fff;
}

.emojionearea .emojionearea-editor, .emojionearea.focused .emojionearea-editor {
    min-height: 50px;
    max-height: 50px;
    height: 100%;
    padding: 15px 78px 15px 35px;
}
.chat-upload:hover {
    cursor: pointer;
}

.chat-user-image img {
    width: 36px;
    height: 36px;
    border-radius: 80px;
}
.mw-983{
    max-width:983px;
    width:100%;
}
.emojionearea, .emojionearea.form-control {
    border: 1px solid #ccc;
    border-radius: 8px;
    background: #F1F5F0;
}
.chat-text-area {
    padding: 20px;
}
.proposal-details-for-all .chat-text-area {
    padding-left: 0px;
    padding-right: 0px;
}
.chat-messages-date-date {
    padding: 1px 14px;
    border-radius: 100px;
    border: 1px solid #ccc;
    background-color: #fff;
    position: relative;
    z-index: 1;
    display: inline-block;
}

.chat-messages-date hr {
    margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    transform: translateY(-50%);
    z-index: 0;
}

.chat-messages-date {
    text-align: center;
}

.rotate-icon {
    transform: rotate(180deg);
}

.chat-hide {
    height: 0;
    visibility: hidden;
}
.adding-phone-number-modal-main-content.brief-filter-modal-main-content {
    padding: 65px 82px;
}
.chat-messages-date-date span {
    line-height: 25px;
}
.brief-notification-user-icon img {
    border-radius: 30px;
    height: 100%;
    object-fit: contain;
}
.emojionearea .emojionearea-button {
    right: 55px;
    top: 50%;
    transform: translateY(-50%);
}
.freelance-image {
    flex: 0 0 27px;
    margin-top:8px;
    height: 27px;
    width: 27px;
}

.freelance-welcome-message .freelance-image svg{
    height: 14px;
    width: 10px;
}
.brief-notification-user-icon svg {
    width: 16px;
    height: 24px;
}

.welcome-message {
    background-image: url(../images/images/icons/Shape.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 11px 20px;
}
.brief-notification-left-header {
    padding: 12px 0;
}
.message-filter svg {
    width: 16px;
    height: 16px;
}
.message {
    border-bottom: 1px solid #eee;
    cursor: pointer;
    position: relative;
}
.message-content {
    display: flex;
    align-items: center;
}
.reply-box {
    display: none;
    margin-top: 10px;
}
.reply-box textarea {
    width: 100%;
    height: 60px;
    font-size:12px;
    padding: 10px;
    resize: none;
    overflow: auto;
    border: 1px solid #ccc;
    border-radius: 10px;
}
.replies {
    margin-top: 5px;
    padding-left: 20px;
}
.reply {
    border-top: 1px solid #eee;
    padding-top: 5px;
}
.reply-btn, .cancel-reply, .send-reply {
    background-color: transparent;
    border: 0;
    font-size: 10px;
}
.send-reply, .cancel-reply {
    border: 1px solid #ccc;
    padding: 2px 10px;
}
.replies{
    font-size: 12px;
}

.brief-notification-user-container {
    height: 400px;
    overflow-y: auto;
    padding-right: 66px;
}
.brief-notification-user-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 50px;
    width: 222px;
}
.brief-notification-user-container::-webkit-scrollbar {
  width: 7px;
  border-radius:15px;
  background-color: #EEEEEE;
}
 
.brief-notification-user-container::-webkit-scrollbar-track {
  border-radius:15px;
}
 
.brief-notification-user-container::-webkit-scrollbar-thumb {
  background-color: #256F5D;
  border-radius:15px;
}
.mw-805 {
    max-width: 805px;
    margin: 0 auto;
    width: 100%;
}
.gap-35 {
    gap: 35px;
}

.mw-385 {
    max-width: 385px;
    width: 100%;
}
.post-padding {
    padding: 41px 43px 50px;
    filter: drop-shadow(0px 13px 100px rgb(0 0 0 / 5%));
}
.fa-40 {
    font-size: 40px;
    display: block;
}

.mw-191 {
    max-width: 191px;
    width: 100%;
}

.post-btn {
    max-width: 127px;
    width: 100%;
}

.post-icon {
    padding: 16px 18px;
    display: flex;
    max-width: 62px;
    background-color: #fff;
    border: 1px solid #EDEDED;
    border-radius: 7px;
}

.post-icon img {
    width: 26px;
    height: 31px;
}
.btn-reg.btn-started {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 500;
    border-radius: 3px;
}
.post-icon-abst {
    width: 106px;
    height: 107px;
    position: absolute;
    top: 41px;
    right: 22px;
}
#task-project-tabs .nav-tabs .nav-item.show .nav-link, #task-project-tabs .nav-tabs .nav-link.active, #task-project-tabs .nav-tabs .nav-link:hover {
    color: #2F2F31;
    text-decoration: none;
    border-color: transparent;
}


#task-project-tabs .nav-tabs .nav-link.active {
    background-color: transparent;
}
#task-project-tabs .nav-tabs .nav-link.active:before {
    content: "";
    background-color: #37C047;
    height: 7px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

#task-project-tabs .nav-tabs .nav-link {
    position: relative;
    padding: 19px 21px;
}
#task-project-list-tabs {
    max-width: 298px;
    width: 100%;
}
.task-project-table-wrapper {
  overflow-x: auto;
}

.task-project-table-wrapper::-webkit-scrollbar {
  height: 8px;
}

.task-project-table-wrapper::-webkit-scrollbar-thumb {
  background: var(--green);
  border-radius: 40px;
}

.task-project-table-wrapper::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 40px;
}

.task-project-table-wrapper table th,
.task-project-table-wrapper table td {
  padding: 10px;
  min-width: 140px;
}

.task-project-table-wrapper table td.name-task-project {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
}

.task-project-table-wrapper thead {
    background-color: #256f5d;
}

.task-project-table-wrapper thead th {
    font-size: 16px;
    line-height: 32px;
    padding: 13px 0px 9px;
    color:#fff;
}

.task-project-table-wrapper table {
    border: 1px solid #BEBEBE;
    border-collapse: separate; 
    border-spacing: 0; 
    border-radius: 10px; 
    overflow: hidden;
    margin: 30px 0 20px;
    text-align: center;
    width: 100%;
}

.task-project-table-wrapper table td {
    font-size: 14px;
    line-height: 32px;
    padding: 14px 0px 17px;
    background-image: linear-gradient(to right, #bebebe 42%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 12px 1px;
    background-repeat: repeat-x;
}

.task-project-table-wrapper table tbody tr:last-child td {
    background-image: none;
}
.bid-btn {
    font-size: 12px;
    line-height: 20px;
    padding: 8px 20px;
    background-color: var(--green);
    color: #fff;
    border-radius: 4px;
    border: 1px solid var(--green);
}

.bid-btn:hover {
    text-decoration: none;
    background-color: #fff;
}
.status-progress {
    color: #37C047;
}

.status-completed {
    color: #256F5D;
}

.status-posted {
    color: #FF3D3D;
}

#scopecharcount {
    position: absolute;
    right: 25px;
    margin: 0px;
    color: #BEBEBE;
    top: 15px;
    bottom: unset;
    margin: 0;
}
.items-row-project-form .form-group-custom.min-height-54 textarea {
    padding: 12px 100px 12px 22px;
    line-height: 27px;
}
/* Hide the default checkbox */
.remove-checkbox {
    display: none;
}

/* Style the custom checkbox */
.custom-checkbox {
    width: 20px;
    height: 20px;
    background-color: white;
    border: 2px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

/* Add a checkmark for the checked state */
.remove-checkbox:checked + .custom-checkbox::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 5px;
    height: 10px;
    border: solid #256F5D;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Optional: add hover and focus styles */
.custom-checkbox:hover {
    border-color: #888;
}

.custom-checkbox:focus {
    outline: none;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
}


.editable-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 21px;
}

.editable-text {
    font-size: 16px;
    line-height: 25px;
    color: #BEBEBE;
}
.btn-reg.btn-transparent {
    background-color: transparent;
    color: #2F2F31;
    border: 1px solid #2F2F31;
    border-radius: 4px;
}

.btn-reg.btn-transparent:hover {
    background-color: #37c047;
    border-color: #37c047;
    color: #fff;
}
.gig-package-item-content {
    word-break: break-word;
}

.gig-content p, .package-list-preview p {
    word-break: break-word;
}
.custom-checkbox.questionrequiredcheckbox {
    display: none;
}
.wallet a {
    font-weight: 700;
    color: #BEBEBE;
}
.mw-369 {
    max-width: 369px;
    width: 100%;
}

.mw-662 {
    max-width: 662px;
    width: 100%;
}
.show-all-project-notification-left .show-all-bid-notification-time {
    top: unset;
    bottom: 10px;
}
.show-all-bid-messages-main {
    background-color: #fff;
    border-radius: 5px;
    align-items: flex-start;
}

.show-all-bid-notification-left-header {
    padding: 11px 20px 18px 20px;
}

/* .brief-chat.show-all-bid-chat .container-1400 {
    filter: drop-shadow(0px 23px 62px rgb(0 0 0 / 5%));
    box-shadow: 0 0 0 1px #EAEAEA;
    border-radius: 5px;
} */
.show-all-bid-notification-user {
    box-shadow: inset 0 0 0 1px #EAEAEA;
    box-sizing: border-box;
    border-radius: 8px;
}
.brief-notification-user-name.show-all-bid-notification-user-name {
    width: 203px;
    overflow: unset;
    white-space: unset;
    text-overflow: unset;
    padding: 0px;
    line-height:18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius:0px;
}
.brief-notification-user.show-all-bid-notification-user {
    padding: 15px 15px 17px;
    min-height:68px;
    align-items: flex-start;
}
.show-all-bid-bid-notification-left .brief-notification-user.show-all-bid-notification-user {
    padding: 10px 15px;
}
.show-all-bid-description p, .show-all-bid-description p label {
    line-height: 13px;
    max-width: 180px;
    margin-top: 4px;
    display: inline;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
}
.bid-message-desc {
    word-break: break-word;
}
.project-search input, .bid-search input {
    padding: 5px 30px 5px 10px;
    border: none;
    width: 100%;
    font-size: 14px;
    background-color: transparent;
    color: #fff;
}

#project-filter-btn, #bid-filter-btn {
    position: absolute;
    top: 50%;
    right: 6px;
    background-color: transparent;
    border: none;
    transform: translateY(-50%);
}

.project-search form, .bid-search form {
    position: relative;
}

.project-search input:hover, .bid-search input:hover {
    /* box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; */
    border-bottom: 1px solid #e5e5e5;
}

.project-search, .bid-search {
    width: 160px;
}
.show-all-bid-notification-left-header:last-child {
    border-right: 0px;
}
.brief-notification-user-container.show-all-bid-notification-user-container {
    min-height: 400px;
    padding-right: 16px;
}
.show-all-bid-notification-user-container-main {
    padding: 16px 0px 57px 20px;
}
#project-filter-btn svg, #bid-filter-btn svg {
    width: 18px;
    height: 18px;
}
.message-price {
    color: #37C047;
    line-height:34px;
}
.bid-message-user-img img {
    width: 59px;
    height: 59px;
    object-fit: contain;
    border-radius: 50%;
}
.bid-message-user-info-main {
    gap: 24px;
}
.bid-message-header {
    padding: 25px 35px 15px;
}
.bid-message-desc {
    padding: 20px 35px;
}
.detail-table-row {
    padding: 20px 32px;
    border-bottom: 1px solid #EAEAEA;
    gap: 20px;
}

.detail-table-row p:first-child {
    min-width: 90px;
}
.detail-table-row:last-child {
    border-bottom: none;
}
.attached-file svg {
    width: 14px;
    height: 17px;
}
.btn-red{
    background-color: #D70820;
    color:#fff;
}
.bid-message-btns {
    padding: 0px 32px;
}
.bid-message-btns button:hover svg path {
    fill: #3cc24c;
}

.bid-message-btns button.btn-red:hover {
    color: #d70820;
    background-color: transparent;
    border: 1px solid;
}
.bid-message-btns button.btn-red:hover svg path {
    fill: #d70820;
}.bid-message-btns .btn-red svg {
    width: 20px;
    height: 20px;
}

.bid-message-btns .btn-green svg {
    width: 18px;
    height: 18px;
}
.show-all-bid-notification-user-container-main-right .brief-notification-user-name.show-all-bid-notification-user-name {
    -webkit-line-clamp: 1;
    max-width: 150px;
}
.brief-notification-user.show-all-bid-notification-user.active {
    border: 1px solid #37C047;
}
.brief-notification-user:hover {
    cursor: pointer;
}
.mw-1031 {
    max-width: 1031px;
    width: 100%;
}
.bid-info-details-freelancer .show-all-bid-notification-left-header {
    border-right: none;
}
.fa-11 {
    font-size: 11px;
}
.mw-96 {
    width: 96px;
}

.height-96 {
    height: 96px;
}
/* .progress-status {
    height: 88px;
    width: 88px;
    position: relative;
    border-radius: 88px;
    z-index: 2;
} */

.green-bg {
    background-color: #37c047;
}

.progress-status p {
    color: #fff;
    position: relative;
    z-index: 3;
}

/* .progress-status:before {
    content: "";
    position: absolute;
    inset: -5px;
    padding: 1px;
    border-radius: 88px;
    z-index: 1;
} */

.green-bg:before {
    background: linear-gradient(180deg,#37C047,#fff);
    -webkit-mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.red-bg:before {
    background: linear-gradient(180deg,#D70820,#fff);
    -webkit-mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.red-bg {
    background-color: #D70820;
}

.yellow-bg {
     background-color: #FFC531;
}
.yellow-bg:before {
    background: linear-gradient(180deg,#FFC531,#fff);
    -webkit-mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.grey-bg {
    background-color: #F3F3F3;
}
.grey-bg:before {
    background: linear-gradient(180deg,#256F5D,#fff);
    -webkit-mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.mw-950 {
    max-width: 950px;
    width: 100%;
}
/* .yellow-bg p, .grey-bg p {
    color: #000;
} */
.progress-arrow:after {
    /*content: "";*/
    position: absolute;
    width: 91px;
    height: 18px;
    background: url(../images/images/icons/progress-arrow-new.png);
    background-repeat: no-repeat;
    background-position: center;
    right: -104px;
    background-size: 100%;
}
.gap-115 {
    gap: 115px;
}
.project-progress-auto::-webkit-scrollbar {
  height: 8px;
}

.project-progress-auto::-webkit-scrollbar-thumb {
  background: #256F5D;
  border-radius: 40px;
}

.project-progress-auto::-webkit-scrollbar-track {
  background: #C1C1C1;
  border-radius: 40px;
}
.project-progress-auto {
    overflow-x: auto;
    padding: 20px 5px;
}
.gap-70 {
    gap: 70px;
}
.team-imgs {
    width: 34px;
    height: 34px;
    border: 1px solid #fff;
    border-radius: 80px;
    margin-left: -10px;
    object-fit: cover;
    object-position: top;
}

.brief-attachment.team-members {
    gap: 0;
}
.team-imgs:first-child {
    margin-left: 0px;
}
.btn-reg.btn-red:hover {
    border-color: #d70820;
    background: transparent;
    color: #d70820;
}

#report-issue:hover .report-icon {
    filter: brightness(0) saturate(100%) invert(11%) sepia(96%) saturate(4856%) hue-rotate(345deg) brightness(97%) contrast(103%);
}
.mw-480 {
    max-width: 480px;
    width: 100%;
}

.mw-920 {
    max-width: 920px;
    width: 100%;
}
/* .invoices-main-container {
    filter: drop-shadow(0px 23px 62px rgb(0 0 0 / 5%));
    box-shadow: 0 0 0 1px #EAEAEA;
    border-radius: 5px;
} */
.brief-notification-user.show-all-bid-notification-user.invoice-project-name {
    gap: 0px;
}

.invoice-name {
    white-space: unset;
    text-overflow: unset;
    padding: 0px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 0px;
}

.invoice-status p {
    padding: 1px 15px;
    color: #fff;
    border-radius: 50px;
    width: 70px;
    text-align: center;
    line-height: 20px;
}

.unpaid {
    background-color: #D70820;
}
.paid {
    background-color: #37C047;
}
.invoice-container {
    padding: 44px 60px 60px;
}
.invoice-info hr {
    margin: 9px 0px;
}
.task-project-table-wrapper table.invoice-table th, .task-project-table-wrapper table.invoice-table td {
    min-width: unset;
}

.task-project-table-wrapper.invoice-table table th, .task-project-table-wrapper.invoice-table table td {
    min-width: 210px;
}

.invoice-table table td {
    padding: 35px;
}


.invoice-table table td.description {
    text-align: left;
    padding-right: 140px;
}

.invoice-table table tbody tr td:last-child, .invoice-table table thead tr th:last-child {
    border-left: 1px solid #EAEAEA;
}

.color-37C047 {
    color: #37C047;
}
.invoice-table thead th:first-child {
    padding-left: 35px;
    text-align: left;
}
.btn-reg.invoice-pay-now {
    padding: 10px;
    min-width: 165px;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -.3px;
}
.invoice-logo img {
    width: 120px;
    height: 78px;
}
.task-project-table-wrapper.invoice-project-table thead th {
    font-size: 14px;
}

.task-project-table-wrapper.invoice-project-table table th, .task-project-table-wrapper.invoice-project-table table td {
    min-width: unset;
    border-right: 1px solid #E4E4E4;
}

.task-project-table-wrapper.invoice-project-table table td {
    background-image: none;
}

.task-project-table-wrapper.invoice-project-table table tbody tr td {
    border-bottom: 1px solid #E4E4E4;
}

.task-project-table-wrapper.invoice-project-table table tbody tr:last-child td {
    border-bottom: none;
}

.task-project-table-wrapper.invoice-project-table table th:last-child, .task-project-table-wrapper.invoice-project-table table td:last-child {
    border-right: none;
}

.task-project-table-wrapper.invoice-project-table table {
    border-color: #E4E4E4;
    margin-bottom:0px;
    border-radius:10px 10px 0px 0px;
}
.task-project-table-wrapper.table-balance table {
    margin: 0;
    border-top: none;
    border-radius: 0px;
    border-color: #e4e4e4;
    border-bottom: none;
}

.task-project-table-wrapper.table-balance table td {
    background-image: none;
    border-bottom: 1px solid #E4E4E4;
}

.table-balance table td:first-child {
    width: 396px;
    border-bottom: none;
}
.color-FF3D3D {
    color: #FF3D3D;
}

.color-256F5D {
    color: #256F5D;
}

.payment-schedule {
    padding: 40px 26px;
    border-left: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4;
}

.table-balance table td {
    border-right: 1px solid #E4E4E4;
}

.table-balance table td:last-child {
    border-right: none;
}

.table-balance table td:nth-child(2) {
    width: 144px;
}
.task-project-table-wrapper.invoice-project-table table tbody tr td:first-child {
    width: 117px;
}

.task-project-table-wrapper.invoice-project-table table tbody tr td:nth-child(2) {
    width: 169px;
}
.table-balance table tr:last-child td:first-child{
    border-bottom: 1px solid #E4E4E4;
}
.task-project-table-wrapper.payment-schedule-table table td {
    background-image: none;
    border-bottom: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4;
}

.task-project-table-wrapper.payment-schedule-table table td:last-child, .task-project-table-wrapper.payment-schedule-table table th:last-child {
    border-right: none;
}

.task-project-table-wrapper.payment-schedule-table table th {
    border-right: 1px solid #E4E4E4;
}

.task-project-table-wrapper.payment-schedule-table table {
    border-color: #E4E4E4;
    margin-top: 0px;
    border-radius: 0px 0px 10px 10px;
}

.task-project-table-wrapper.payment-schedule-table table tr:last-child td {
    border-bottom: none;
}
.task-project-table-wrapper.payment-schedule-table thead th {
    font-size: 14px;
}
.invoice-pay-now {
    margin: 0 auto;
}
#freelancer-wallet-tabs {
    max-width: 485px;
    width: 100%;
    gap: 110px;
}
.mw-142 {
    width: 142px;
}

.height-142 {
    height: 142px;
}

/* .progress-status.wallet-status {
    width: 130px;
    height: 130px;
} */
.gap-170 {
    gap: 170px;
}
.progress-arrow.progress-arrow-wallet:after {
     content: ""; 
    position: absolute;
    width: 91px;
    height: 18px;
    background: url(../images/images/icons/progress-arrow-new.png);
    background-repeat: no-repeat;
    background-position: center;
    right: -104px;
    background-size: 100%;
    display: block;
}
.progress-arrow.progress-arrow-wallet:after {
    width: 135px;
    height: 26px;
    right: -150px;
}
.dark-grey-bg:before {
    background: linear-gradient(180deg, #2F2F31, #fff);
    -webkit-mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.dark-grey-bg {
    background-color: #2F2F31;
}
.fa-28 {
    font-size: 28px;
}

.color-000 {
    color: #000;
}
.color-fff {
    color: #fff;
}
.withdraw-icon {
    width: 24px;
    height: 25px;
}
.task-project-table-wrapper.wallet-table table th, .task-project-table-wrapper.wallet-table table td {
    min-width: 250px;
    text-align: left;
    padding: 14px 50px;
}
.mw-1162 {
    max-width: 1162px;
    width: 100%;
}
.bank-detail-form .label-parent label {
    font-size: 22px;
    color: #000;
    font-weight: 500;
    line-height: 54px;
}
.mw-447 {
    max-width: 447px;
    width: 100%;
}
.bank-detail-form .input-fields select {
    background-image: url(../images/icons/chev-down-grey.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%;
    background-size: 16px;
    padding-right: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
}
.bank-detail-form .input-fields select, .bank-detail-form .input-fields textarea, .bank-detail-form .input-fields input {
    width: 100%;
    min-height: 54px;
    border: 1px solid #bebebe;
    border-radius: 5px;
    padding: 14px 15px;
    font-size: 16px;
    color: black;
    transition: 0.3s ease-in-out;
}
.project-resource-edit {
    gap: 5px;
}
.project-resource-edit {
    text-decoration: none;
}

.project-resource-edit span {
    color: #000;
}
.invoice-status .project {
    background-color: #37C047;
}

.invoice-status .task {
    background-color: #2F2F31;
}
.gap-25 {
    gap: 25px;
}
.proposal-download img{
    width: 16px;
    height: 17px;
}
.proposal-link img {
    width: 20px;
    height: 20px;
}
.proposal-details-for-all {
    padding: 25px;
}
.proposal-logo img {
    width: 77px;
    height: 50px;
}
.gap-10 {
    gap: 10px;
}
.proposal-svg svg {
    width: 7px;
    height: 6px;
}
.proposal-pricing-table-wrapper thead {
    background-color: #F3F7F2;
}

.proposal-pricing-table-wrapper thead th, .proposal-pricing-table-wrapper tbody td {
    padding: 4px 14px;
    font-size: 14px;
    text-align: center;
    border-right: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    max-width: 140px;
}
.proposal-pricing-table-wrapper thead th{
    padding: 18px 10px 12px;
}
.proposal-pricing-table-wrapper table {
    border: 1px solid #EAEAEA;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 10px;
    overflow: hidden;
    margin: 30px 0 20px;
    text-align: center;
    width: 100%;
}

.proposal-pricing-table-wrapper tbody tr:last-child td {
    border-bottom: none;
}

.proposal-pricing-table-wrapper thead th:last-child, .proposal-pricing-table-wrapper tbody td:last-child {
    border-right: none;
}
.resource-thumb {
    width: 43px;
    height: 43px;
    display: block;
    margin: 0 auto;
    border-radius: 30px;
    object-fit: cover;
    object-position: top center;
}
.view-prop-profile {
    text-decoration: underline;
    color: #000;
}
.bid-proposal-payment td {
    height: 73px;
}
.working-details {
    padding: 20px 5px;
}
.bid-proposal-working td:first-child {
    vertical-align: top;
}
.proposal-pricing-table-wrapper.payment-schedule-table-wrapper thead th, .proposal-pricing-table-wrapper.payment-schedule-table-wrapper tbody td {
    height: 66px;
    max-width: 40px;
    padding: 4px 20px;
}

.proposal-pricing-table-wrapper.payment-schedule-table-wrapper tbody td:nth-child(2) {
    max-width: 339px;
}

.proposal-pricing-table-wrapper tbody .bid-proposal-payment td:first-child {
    text-align: right;
}
.terms-conditions svg {
    margin-top: 7px;
    width: 10px;
}
.btn-reg.btn-red:hover img {
    filter: brightness(0) saturate(100%) invert(15%) sepia(53%) saturate(5404%) hue-rotate(342deg) brightness(103%) contrast(112%);
}
.freelancer-bank-details .form__radio-input {
    display: none;
}

.freelancer-bank-details .form__radio-label {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 8px;
    font-size: 1.5rem;
    cursor: pointer;
}

.freelancer-bank-details .form__radio-button {
    height: 14px;
    width: 14px;
    border: 2px solid #55c57a;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    background-color: #fff;
}

.freelancer-bank-details .form__radio-button::after {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transition: opacity 0.1s;
    transform: translate(-50%, -50%);
    opacity: 0;
    background-color: #fff;
}

.freelancer-bank-details .form__radio-input:checked + .form__radio-label .form__radio-button:after {
    opacity: 1;
    background-color: #ffffff;
}

.freelancer-bank-details .form__radio-input:checked + .form__radio-label .form__radio-button {
    border: 5px solid #55c57a;
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));
}

.freelancer-bank-details .form__radio-label-text {
    font-size: 22px;
}

.freelancer-bank-details {
    gap: 60px;
}
.bank-detail-form .label-parent {
    max-width: 238px;
    width: 100%;
}
.btn-reg.bank-submit {
    padding: 10px 83px;
    font-size: 20px;
}
.bids-proposal-tabs .nav-link {
    padding: 0px 10px 7px;
    border: 0px;
    border-radius:0;
}
.bids-proposal-tabs {
    margin-top: -4px;
}
.bids-proposal-client .brief-notification-left-header {
    padding-bottom: 0px;
}

.bids-proposal-client {
    border-right: 1px solid #EAEAEA;
}

.bids-proposal-tabs .nav-tabs {
    border: 0;
}

.bids-proposal-tabs .nav-link.active {
    border-bottom: 2px solid #256F5D;
}

.bids-proposal-tabs .nav-link:hover, .bids-proposal-tabs .nav-link.active {
    color: #fff;
    text-decoration: none;
}
.bids-proposal-tabs .nav-link:after {
    content: "";
    width: 1px;
    height: 12px;
    background-color: #fff;
    position: absolute;
    top: 4px;
    right: 0;
}

.bids-proposal-tabs .nav-link {
    position: relative;
    
}

.bids-proposal-tabs .nav-item:last-child a:after {
    display: none;
}
.bid-info-details .show-all-bid-notification-left-header {
    border-right: 0px;
}
.btn-done:hover img {
    filter: brightness(0) saturate(100%) invert(63%) sepia(7%) saturate(4541%) hue-rotate(75deg) brightness(97%) contrast(83%);
}
.btn-reg.btn-done.btn-completed {
    background-color: #494949;
    border-color: #494949;
}

.btn-reg.btn-done.btn-completed:hover {
    background-color: transparent;
    color: #494949;
}

.btn-reg.btn-done.btn-completed:hover img {
    filter: brightness(0) saturate(100%) invert(27%) sepia(7%) saturate(1%) hue-rotate(314deg) brightness(93%) contrast(88%);
}
.modal-content .btn-reg.btn-transparent.btn-cancel:hover {
    color: #fff;
}
.chat-text-area-disable .chat-text-area-row:after {
    content: "";
    background-color: #0000002b;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    border-radius:10px;
}
.add-gig a:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.form-group-custom .required-error, .reply-text.required-error, .required-error .emojionearea {
    border-color: red;
}
.form-group-custom.select2pillscustomStyling.required-error .select2-container--default .select2-selection--multiple {
    border-color: red;
}
.category-user img {
    width: 30px;
    height: 30px;
}
.btn-black.gig-package-btn-black {
    position: relative;
    left: unset;
    transform: none;
}
.day-chat {
    height: 455px;
    overflow: auto;
    padding-left: 20px;
}
.day-chat::-webkit-scrollbar {
  width: 7px;
  border-radius:15px;
  background-color: #EEEEEE;
}
 
.day-chat::-webkit-scrollbar-track {
  border-radius:15px;
}
 
.day-chat::-webkit-scrollbar-thumb {
  background-color: #256F5D;
  border-radius:15px;
}
.user-message p {
    word-break: break-word;
}
.gig-title-error .error-message {
    position: absolute;
    bottom: 0;
}
.pricing-column-main .required-error, .price-column-bottom .required-error[type="number"], .error-empty .tox-tinymce, .ckeditor-items-package.error-empty .tox-tinymce .tox-edit-area{
    border: 1px solid red;
}
.error-message {
    color: red;
}
.custom-image-video-selector.required-error {
    border-color: red;
}
.select2singlecustomStyling.required-error .select2-container--default .select2-selection--single, .form-group-custom.required-error textarea, .btcd-f-wrp.required-error>button, .form-group-custom.required-error input{
    border-color: red;
}
.input-fixed-placeholder {
    position: absolute;
    top: calc(50% - 7px);
    left: 15px;
    transform: translateY(-50%);
}

.form-group-custom input.look-spend {
    padding-left: 30px;
}
.btn-bid-now.btn-reg.btn-green:hover {
    background: #256f5d;
}
.input-fixed-placeholder.input-amount {
    top: 50%;
}

.form-group-custom input#bid_amount {
    padding-left: 30px;
}
.mw-436 {
    max-width: 436px;
    width: 100%;
}

.chat-messages-main-inner {
    background-color: #F3F7F2;
    border-radius: 0px 0px 10px 10px;
    filter: drop-shadow(-30px 173px 120px rgb(0 0 0 / 5%));
    padding: 40px 0px 40px 40px;
    border: 2px solid #fff;
    border-top: 0px;
}

.chat-messages-container {
    padding-top: 30px;
}

.mw-937 {
    max-width: 937px;
    width: 100%;
}
.mw-563 {
    max-width: 563px;
    width: 100%;
}
.message-tabs-chat .nav-tabs .nav-item.show .nav-link, .message-tabs-chat .nav-tabs .nav-link.active {
    background-color: transparent;
}
.form-group-custom.min-height-150.rating textarea {
    padding: 10px 20px;
}
.star-rating {
    direction: rtl;
    display: inline-block;
}
.star-rating input{
    display:none;
}


.star:hover,
.star:hover ~ .star,
input:checked ~ label, input:checked ~ label:before {
    color: gold;
}

.star-rating .fa-star:before {
    font-size: 40px;
}
.star-rating label:hover {
    cursor: pointer;
}
.chat-reply-disable {
    display: none;
}
.border-1-fffafa {
    border: 1px solid #f1eded;
}
.chat-messages-date-date svg:hover {
    cursor: pointer;
}
.chat-lock {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #a1a1a1;
    display: none;
}

.chat-text-area-disable .chat-lock {
    display: block;
}
.chat-lock i {
    font-size: 20px;
}
/*home*/
.container-1636 {
    max-width: 1636px;
    width: 100%;
    margin: 0 auto;
}

.mw-595 {
    max-width: 595px;
    width: 100%;
}

.fa-60 {
    font-size: 60px;
}

.lh-57 {
    line-height: 57px;
}

.lh-72 {
    line-height: 72px;
}

.pt-44 {
    padding-top: 44px;
}

.mw-454 {
    max-width: 454px;
    width: 100%;
}

.mw-496 {
    max-width: 496px;
    width: 100%;
}
.lh-24 {
    line-height: 24px;
}

.suggest-item {
    padding: 8px 25px;
    border: 1px solid #2F2F31;
    border-radius: 8px;
}
.main-web-search-bar.main-web-search-bar-banner input {
    font-size: 16px;
    height: 53px;
}

.main-web-search-bar.main-web-search-bar-banner {
    border: 1px solid #000;
    max-width: 496px;
    width: 100%;
}
.mw-496 {
    max-width: 496px;
    width: 100%;
}
.banner-btn.btn-reg {
    padding: 13px;
}

.btn-reg.btn-256F5D {
    background-color: #256F5D;
    color:#fff;
}

.color-fff {
    color: #fff;
}
.banner-btn.btn-reg.btn-2F2F31:hover svg path {
    fill: #2F2F31;
}

.gap-16 {
    gap: 16px;
}

.btn-reg.btn-256F5D:hover svg path {
    fill: #256f5d;
}

.btn-reg.btn-256F5D:hover {
    background-color: transparent;
    border: 1px solid #256f5d;
    color: #256f5d;
}
.home-categories {
    padding: 25px 15px;
    border: 2px solid #256F5D;
    border-radius: 5px;
    background-color: #F3F7F2;
    height: 100%;
}

.mw-148 {
    max-width: 148px;
    width: 100%;
}
.pt-80 {
    padding-top: 80px;
}
.btn-icon-one svg {
    width: 24px;
    height: 26px;
}

.btn-icon-two img {
    width: 24px;
    height: 24px;
}
/* .video img {
    width: 76px;
    height: 72px;
}

.programming img {
    width: 71px;
    height: 67px;
}

.digital-m img {
    width: 69px;
    height: 73px;
}

.graphics img {
    width: 74px;
    height: 74px;
}

.writing img {
    width: 70px;
    height: 69px;
}

.music img {
    width: 79px;
    height: 74px;
}

.consulting img {
    width: 79px;
    height: 71px;
}

.data img {
    width: 71px;
    height: 61px;
} */
.home-categories p {
    line-height: 17px;
}

.home-categories.active {
    background-color: #37C047;
}

.home-categories.active p {
    color: #fff !important;
}

.home-categories.active img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(0%) hue-rotate(113deg) brightness(105%) contrast(101%);
}
.home-categories p {
    line-height: 17px;
}

.home-categories.active img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(0%) hue-rotate(113deg) brightness(105%) contrast(101%);
}

.home-categories:before {
    content: "";
    width: 130px;
    height: 182px;
    position: absolute;
    background-color: #37C047;
    left: 50%;
    transform: translateX(-50%);
    top: 10px;
    filter: blur(30px);
    z-index: -1;
    opacity:0;
}
.home-categories.active:before {
    opacity:1;
}
.pt-90 {
    padding-top: 90px;
}

.pt-64 {
    padding-top: 64px;
}

.pb-85 {
    padding-bottom: 85px;
}

.why {
    background-color: #F3F7F2;
    border-radius: 46px;
    border: 10px solid #fff;
    filter: drop-shadow(0px 36px 100px rgba(0, 0, 0, .05));
}

.lh-80 {
    line-height: 80px;
}

.mw-825 {
    max-width: 825px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.mw-1228 {
    max-width: 1228px;
    margin: 0 auto;
}

.mw-604 {
    max-width: 604px;
    width: 100%;
}

.bg-256F5D {
    background-color: #256F5D;
}

.fa-56 {
    font-size: 56px;
}

.mb-35 {
    margin-bottom: 35px;
}

.lh-66 {
    line-height: 66px;
}

.mw-212 {
    max-width: 212px;
    width: 100%;
}

.w-h-67 {
    width: 67px;
    height: 67px;
}

.lh-25 {
    line-height: 25px;
}

.mw-130 {
    max-width: 130px;
    width: 100%;
}

.fa-9 {
    font-size: 9px;
}

.freelancer-value {
    line-height: 24px;
    border: 1px solid #65998D;
    background-color: #fff;
    color: #256F5D;
    border-radius: 46px;
    position: absolute;
    top: 50%;
    width: 130px;
    height: 26px;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, .15));
}

.globe {
    width: 208px;
    height: 207px;
}

.globe-img {
    width: 208px;
    height: 208px;
}
.hire-card-image {
    position: absolute;
    top: 50%;
    right: 23px;
    transform: translateY(-50%);
}

.hire-card {
    padding: 44px 0px 36px 33px;
    border-radius: 13px;
    height: 252px;
}
.row-gap-20 {
    row-gap: 20px;
}
.bg-37C047 {
    background-color: #37C047;
}
.hire-card-image.revenue {
    top: unset;
    bottom: 0;
    transform: none;
    right: 0;
}

.revenue-img {
    width: 342px;
    height: 241px;
}
.fa-84 {
    font-size: 84px;
}

.lh-78 {
    line-height: 78px;
}

.mw-160 {
    max-width: 160px;
    width: 100%;
}

.lh-33 {
    line-height: 33px;
}

.hire-card sup {
    font-size: 50px;
}

.hire-card.largest {
    padding: 37px 0px 34px 36px;
}

.largest-img {
    width: 354px;
    height: 278px;
}

.hire-card-image.largest {
    transform: none;
    top: unset;
    bottom: 0;
    right: 17px;
}
.hire-card.services {
    padding: 36px 50px 32px 36px;
}

.mw-262 {
    max-width: 262px;
    width: 100%;
}

.mw-31 {
    max-width: 31px;
    width: 100%;
}

.skill-container {
    background-color: #fff;
    border-radius: 15px;
    height: 8px;
}
.skill { 
    background-color: #37C047;
    border-radius: 15px; 
    height:8px;
} 

.software { 
    width: 42%; 
} 

.creative { 
    width: 30%; 
} 

.digital { 
    width: 15%; 
} 
.others { 
    width: 13%; 
} 

.lh-12 {
    line-height: 12px;
}
.pt-158 {
    padding-top: 158px;
}

.talent-img {
    width: 690px;
    height: 532px;
}

.mw-670 {
    max-width: 670px;
    width: 100%;
}

.gap-140 {
    gap: 140px;
}

.lh-36 {
    line-height: 36px;
}

.btn-reg.btn-read-more {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.3px;
    font-weight: 500;
    padding: 10px 44px;
    border-radius: 4px;
}
.lh-62 {
    line-height: 62px;
}
.container-1780 {
    max-width: 1780px;
    margin-left: calc((100% - 1636px) / 2);
}

.pt-180 {
    padding-top: 180px;
}
.popular-services-item {
    padding: 0px 10px;
    height:auto;
}
.popular-services-item-inner {
    border: 1px solid #256F5D;
    height: 445px;
    border-radius: 15px;
    padding: 40px 23px 0px 29px;
    background-color: #F3F7F2;
    transition: .3s ease-in-out;
}
.popular-services-item-inner img {
    bottom: 0;
}
.service-explore {
    color: #FFC531;
    opacity: 0;
    transition: .3s ease-in-out;
    cursor: pointer;
    position: relative;
    z-index: 2;
    max-width: 80px;
}
.popular-services-item-inner:hover {
    background-color: #256F5D;
}
.service-explore:hover {
    text-decoration: none;
    color: #fff;
}

.service-explore:hover svg path {
    fill: #fff;
}
.popular-services-item-inner:hover .service-explore {
    opacity: 1;
}
.popular-services-item-inner:hover h5, .popular-services-item-inner:hover p {
    color: #fff;
}
.logo-design {
    width: 301px;
    height: 245px;
    right: 0;
}

.web-development {
    width: 335px;
    height: 308px;
    left: 0;
}

.app-development {
    width: 296px;
    height: 228px;
    left: 50%;
    transform: translateX(-50%);
}

.social-media {
    width: 345px;
    height: 265px;
    left: 0px;
}

.illustration {
    width: 311px;
    height: 198px;
    left: 50%;
    transform: translateX(-50%);
}

.creative-writing {
    width: 296px;
    height: 249px;
    left: 50%;
    transform: translateX(-50%);
}

.white-board-video {
    width: 371px;
    height: 191px;
    left: 0;
}

.data-entry {
    width: 288px;
    height: 258px;
    left: 50%;
    transform: translateX(-50%);
}

.virtual-assistance {
    width: 312px;
    height: 228px;
    left: 50%;
    transform: translateX(-50%);
}

.email-marketing {
    width: 380px;
    height: 247px;
    left: 50%;
    transform: translateX(-50%);
}
.gap-30 {
    gap: 30px;
}

.slick-arrow {
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #2F2F31;
    border-radius: 50%;
    transition: .3s ease-in-out;
    cursor: pointer;
}

.slick-arrow img {
    width: 30px;
    height: 26px;
}

.slick-arrow:hover {
    background-color: #FFC531;
    border-color: #FFC531;
}
.services-arrows {
    padding-right: 140px;
}
.container-1398 {
    max-width: 1398px;
    margin: 0 auto;
    width: 100%;
}

.pt-160 {
    padding-top: 160px;
}

.video-parent {
    height: 780px;
    margin: 0 auto;
    position: relative;
    border-radius: 40px;
    overflow: hidden;
}

.video-parent video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-home-prelaunch .video-parent video {
    object-position: 65%;
}
.video-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 286px;
    z-index: 9;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.btn-video {
    z-index: 9;
    border-radius: 50%;
    font-size: 40px;
    background: var(--orange);
    border: 4px solid #fff;
    color: #fff;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    padding: 40px 42px 41px 49px;
    background-color: #FFC531;
}

.fa-54 {
    font-size: 54px;
}

.lh-56 {
    line-height: 56px;
}
.mw-1245 {
    max-width: 1245px;
    width: 100%;
    margin: 0 auto;
}

.video-logo {
    width: 100px;
    height: 65px;
}

.lh-29 {
    line-height: 29px;
}

.mw-730 {
    max-width: 730px;
    width: 100%;
}

.video-text {
    position: absolute;
    bottom: 74px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}
.layer-top-video:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, #000000 0%, #5A5A5A 100%);
    background: linear-gradient(180deg, #000000 0%, #5A5A5A 100%);
    opacity: .4;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.layer-top-video.remove-top-layer:after {
    display: none;
}
.recent-view-item-inner {
    max-width: 334px;
    width: 100%;
    border: 1px solid #37C047;
    border-radius: 7px;
    height: 336px;
}

.recent-img {
    width: 334px;
    height: 171px;
    object-fit: cover;
    object-position: center;
    border-radius: 7px 7px 0px 0px;
}

.recent-content-container {
    padding: 15px 19px 18px 17px;
}
.recent-delivery svg {
    width: 13px;
    height: 13px;
}

.recent-user-img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.pt-145 {
    padding-top: 145px;
}
.popular-services-slider .slick-list {
    margin-left: -10px;
}

.recent-view-item {
    padding: 0px 10px;
    height: auto;
}

.recent-view-slider .slick-list {
    margin-left: 0px;
    margin-right: -5px;
}
.journey {
    padding: 56px 0px 56px 100px;
}

.mw-588 {
    max-width: 588px;
    width: 100%;
}
.journey-img {
    bottom: 0px;
    right: 126px;
}
.journey-img img {
    width: 746px;
    height: 555px;
}
.inspiring-work-item-inner {
    max-width: 322px;
    width: 100%;
    height: 313px;
    filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.09));
    background-color: #fff;
    border-radius: 4px;
}

.inspiring-footer {
    padding: 16px 16px 20px;
}

.inspiring-user-img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    object-position: center;
}

.lh-21 {
    line-height: 21px;
}

.color-95979D {
    color: #95979D;
}
.mw-664 {
    max-width: 664px;
    width: 100%;
}

.lh-67 {
    line-height: 67px;
}
.mw-664 {
    max-width: 664px;
    width: 100%;
}

.lh-67 {
    line-height: 67px;
}

.inspiring-work-item {
    padding: 0px 16px 10px;
    height: auto;
}

.inspiring-work-slider .slick-list {
    margin-left: -16px;
}
.inspiring-img-container img {
    width: 322px;
    height: 238px;
    object-fit: cover;
    border-radius: 4px 4px 0px 0px;
}
.testimonials-item {
    max-width: 514px;
    padding: 24px;
    border: 1px solid #000;
    border-radius: 12px;
}

.testi-user-img {
    width: 49px;
    height: 49px;
    object-fit: cover;
}
.testimonials {
    row-gap: 35px;
}
.mw-1387 {
    max-width: 1387px;
    width: 100%;
}

.mw-468 {
    max-width: 468px;
    width: 100%;
}

.mw-714 {
    max-width: 714px;
    width: 100%;
}

.affiliation-image {
    width: 184px;
    height: 181px;
    background-color: #F3F7F2;
    border-radius: 50%;
    border: 5px solid #fff;
    filter: drop-shadow(0px 36px 100px rgba(0, 0, 0, .05));
}

.affiliation {
    padding: 63px 168px 58px 74px;
}

.kcci {
    width: 111px;
    height: 103px;
}

.pseb {
    width: 130px;
    height: 130px;
    mix-blend-mode: darken;
}

.pasha {
    width: 136px;
    height: 43px;
}
.blog-item {
    max-width: 534px;
    width: 100%;
}

.blog-img {
    width: 534px;
    height: 282px;
    border-radius: 10px;
}

.blog-date {
    font-size: 13px;
    line-height: 17px;
    font-weight: 600;
    background-color: #37C047;
    color: #fff;
    padding: 5px 16px;
    border-radius: 15px;
    height: 27px;
    display: inline-block;
    position: absolute;
    left: 25px;
    bottom: 17px;
}

.blog-content-container {
    padding: 32px 20px 0px 0px;
}

.blog-btn {
    color: #256F5D;
    max-width: 110px;
}

.blog-btn svg path {
    fill: #256F5D;
}

.blog-btn:hover {
    text-decoration: none;
}

.color-404145 {
    color: #404145;
}

.blog-btn:hover svg path {
    fill: #000;
}
.pb-150{
    padding-bottom:150px;
}
.blog-btn svg, .service-explore svg {
    width: 16px;
    height: 14px;
}
.mw-742{
    max-width: 742px;
    width:100%;
    margin:0 auto;
}
.banner-info {
    backdrop-filter: blur(300px);
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px solid #37C047;
    border-radius: 9px;
    gap: 15px;
    margin: 0 auto;
    padding: 12px 18px 13px 24px;
}

.banner-slide {
    background-color: #256F5D;
    border-radius: 34px;
    height: 758px;
}

.banner-info-img img {
    width: 18px;
    height: 24px;
}

.banner-info-img {
    width: 100%;
    height: 43px;
    background-color: #fff;
    border-radius: 50%;
    max-width: 43px;
}

.mw-642 {
    max-width: 642px;
    width: 100%;
}
.banner-info-main {
    position: absolute;
    bottom: 36px;
    left: 50%;
    transform: translateX(-50%);
}

.banner-img {
    position: absolute;
    bottom: 0;
}
.verified{
    left: 50%;
    transform: translateX(-50%);
    width: 744px;
    height: 729px;
}
.bg-FFC531 {
    background-color: #FFC531;
}
.verified {
    margin-left: 45px;
}
.connecting {
    width: 950px;
    height: 735px;
}

.connecting img {
    width: 100%;
    height: 100%;
}
.banner-slider .slick-dots {
    position: absolute;
    left: 0;
    bottom: 70px;
}

.banner-slider.slick-slider {
    position: static;
}

.banner-slider .slick-dots li {
    display: inline-block;
    margin-right: 6px;
    background-color: #2F2F31;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    transition: .3s ease-in-out;
}

.banner-slider .slick-dots li:last-child {
    margin: 0;
}

.banner-slider .slick-dots li button {
    border: none;
    background: transparent;
    font-size: 0px;
}

.banner-slider .slick-dots li.slick-active {
    background-color: #ffc531;
    width: 77px;
    border-radius: 10px;
}
.project-management {
    width: 688px;
    height: 700px;
    left: 50%;
    transform: translateX(-50%);
}

.project-management img {
    height: 100%;
}
.hire-project-team-img {
    width: 717px;
    height: 405px;
    margin-top: 123px;
    margin-left: auto;
    margin-right: auto;
}
.instant-message {
    width: 862px;
    height: 547px;
    margin-left: auto;
    margin-top: 74px;
}
.secure-payment {
    width: 820px;
    height: 470;
    margin-left: auto;
    margin-right: 40px;
    margin-top: 119px;
}
/*home-end*/
#contract-signature-tabs .nav-tabs .nav-link.active:before {
    content: "";
    background-color: #256F5D;
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

#contract-signature-tabs .nav-tabs .nav-link.active {
    background-color: transparent;
}
#contract-signature-tabs .nav-tabs .nav-item.show .nav-link, #contract-signature-tabs .nav-tabs .nav-link.active, #contract-signature-tabs .nav-tabs .nav-link:hover {
    color: #2F2F31;
    text-decoration: none;
    border-color: transparent;
}

#contract-signature-tabs  .nav-tabs .nav-link {
    position: relative;
    padding: 9px 15px;
}

#contract-signature-tabs {
    max-width: 416px;
    width: 100%;
}

.contract-signature-content {
    padding: 47px 66px;
}

#contract-signature-list-tabs {
    width: 220px;
    border: 0px;
    margin-bottom: 20px;
}
.signature-upload-field svg {
    width: 36px;
    height: 32px;
}

.contract-signature-fields input, .contract-signature-fields textarea {
    font-size: 12px;
}


.btn-reg.contract-submit-btn {
    letter-spacing: 0px;
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
    padding: 7px 43px;
}

#freelancer_signature_draw {
    width: 416px;
    height: 203px;
    resize: unset;
}

.modal-dialog.contract-signature-dialog {
    max-width: 551px;
}

#freelancer_signature_upload {
    border: 0;
    padding: 0;
    color: transparent;
    cursor: pointer;
}

.signature-upload-field {
    border: 1px solid #bebebe;
    border-radius: 5px;
    padding: 14px 15px;
    width: 416px;
    height: 203px;
}

#freelancer_signature_upload:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#freelancer_signature_upload::-webkit-file-upload-button {
    visibility: hidden;
}


.contact-logo {
    width: 87px;
    height: 57px;
}

.view-contract-table {
    padding: 20px 0px;
}

.view-contract-table table tr td:first-child {
    width: 150px;
}

.view-contract-table table tr td {
    padding-top: 6px;
    padding-bottom: 8px;
}

.view-contract-table table tr {
    border-bottom: 1px solid #E4E4E4;
}

.view-contract-table table {
    width: 100%;
}
.pb-20 {
    padding-bottom: 20px;
}

.signature-input {
    width: 190px;
    display: block;
    height: 92px;
    border-bottom: 1px solid #979797;
    margin-bottom: 9px;
}

.welcome-message.freelancer-contarct {
    padding: 0px 15px 50px;
}

.btn-reg.contract-accept {
    font-size: 16px;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: .3px;
    padding: 14px;
    margin-top: 50px;
}

.freelancer-contarct .contact-logo {
    width: 77px;
    height: 50px;
}

/*hire-team-page*/
.hire-banner-img {
    width: 655px;
    height: 457px;
}

.hire-banner-img img {
    width: 100%;
    height: 100%;
}
.inner-banner-img:after {
    content: "";
    background-image: url(../images/images/main/inner-banner-bg.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    z-index:0;
}
.inner-banner-btn.btn-reg {
    padding: 14px 28px;
}

.lh-31 {
    line-height: 31px;
}
.mw-564 {
    max-width: 564px;
    width: 100%;
}
.pb-44 {
    padding-bottom: 44px;
}
.pt-100 {
    padding-top: 100px;
}

.pb-111 {
    padding-bottom: 111px;
}
.works-img {
    height: 272px;
    display: flex;
    align-items: center;
    border-radius: 7px 7px 0px 0px;
}

.mw-529 {
    max-width: 529px;
    width: 100%;
}

.works-img img {
    width: 449px;
    height: 139px;
    margin: 0 auto;
    filter: drop-shadow(0px 17px 28px rgba(0, 0, 0, .25));
}

.border-37C047 {
    border: 1px solid #37C047;
    border-radius: 7px;
}

.works-content {
    max-width: 459px;
    width: 100%;
    margin-left: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.lh-30 {
    line-height: 30px;
}
.border-256F5D {
    border: 1px solid #256F5D;
    border-radius: 7px;
}
.works-img.work-payment img {
    height: 147px;
}

.works-img.work-qa img {
    width: 449px;
    height: 165px;
}
.mw-600 {
    max-width: 600px;
    width: 100%;
}

.mw-553 {
    max-width: 553px;
    width: 100%;
}
.pb-166 {
    padding-bottom: 166px;
}

.team-services-img {
    width: 734px;
    height: 368px;
}
.comprehensive-management-service img {
    width: 450px;
    height: 368px;
}

.comprehensive-management-service {
    text-align: center;
}

.team-services-img {
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fa-45 {
    font-size: 45px;
}

.lh-51 {
    line-height: 51px;
}

.expert-matching-service img {
    width: 504px;
    height: 322px;
}
.fw-400 {
    font-weight: 400;
}
.team-services-img.project-manager-service {
    align-items: flex-end;
}
.inner-banner-btn.btn-reg:hover {
    border-color: #fff;
    color: #fff;
}
.pt-264 {
    padding-top: 264px;
}

.mw-672 {
    max-width: 672px;
    width: 100%;
}

.benefit-img img {
    border-radius: 10px;
    height: 100%;
}

.benefit-img {
    width: 672px;
    height: 323px;
}

.benefit-content {
    padding-top: 24px;
}
/*hire-team-page*/
/* Styles for signature plugin v1.2.0. */
.kbw-signature {
	display: inline-block;
	border: 1px solid #a0a0a0;
	-ms-touch-action: none;
}
.kbw-signature-disabled {
	opacity: 0.35;
}
#contractForm #clear {
    font-size: 10px;
    margin-bottom: 20px;
    padding: 5px 15px;
}
.kbw-signature {
    width: 100%;
    height: 200px;
}

#sig canvas {
    width: 100%;
    height: 100%;
}
/*join-team-page*/
.container-1567 {
    max-width: 1567px;
    width: 100%;
    margin: 0 auto;
}
.container-1502 {
    max-width: 1502px;
    width: 100%;
    margin: 0 auto;
}
.join-banner-img {
    width: 679px;
    height: 374px;
    margin: 0 auto;
}

.join-banner-img img {
    width: 100%;
    height: 100%;
}
.mw-760 {
    max-width: 760px;
    width: 100%;
}

.pt-150 {
    padding-top: 150px;
}

.pb-140 {
    padding-bottom: 140px;
}

.color-2B816C {
    color: #2B816C;
}

.mb-28 {
    margin-bottom: 28px;
}

.work-steps li:before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    background-color: #256f5d;
    border-radius: 30px;
    top: 14px;
}

.work-steps li {
    position: relative;
    padding-left: 15px;
    padding-bottom: 20px;
}

.step1-work {
    height: 620px;
}

.mw-734 {
    max-width: 734px;
    width: 100%;
}

.step1-work img {
    width: 539px;
    height: 448px;
    margin: 0 auto;
    z-index: 1;
}

.step-border {
    border-radius: 20px;
}

.circle-2A7D69:before {
    content: "";
    width: 369px;
    height: 369px;
    position: absolute;
    background-color: #2A7D69;
    border-radius: 50%;
    top: -109px;
    right: -76px;
    z-index: 0;
}

.circle-FFC531:before {
    content: "";
    width: 369px;
    height: 369px;
    position: absolute;
    background-color: #FFC531;
    border-radius: 50%;
    z-index: 0;
    left: -104px;
    bottom: -125px;
    top: unset;
}
.step-shadow img {
    filter: drop-shadow(0px 4px 71.1px rgba(0, 0, 0, .40));
}
.mw-1564 {
    max-width: 1564px;
    width: 100%;
}
.step2-work img {
    width: 398px;
    height: 331px;
    margin: 0 auto;
    z-index: 1;
}

.step2-work {
    height: 471px;
}

.circle-37C047:before {
    content: "";
    width: 369px;
    height: 369px;
    position: absolute;
    background-color: #37C047;
    border-radius: 50%;
    z-index: 0;
    right: -55px;
    top: -191px;
}
.step3-work {
    height: 408px;
}

.step3-work img {
    width: 276px;
    height: 326px;
    margin: 0 auto;
    z-index: 1;
}
.step5-work {
    height: 408px;
}

.step5-work img {
    width: 325px;
    height: 389px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: auto;
}
.steady img {
    width: 279px;
    height: 264px;
}

.h-272 {
    height: 272px;
}

.timely img {
    width: 443px;
    height: 227px;
}

.control-over img {
    width: 378px;
    height: 258px;
}

.no-hidden img {
    width: 529px;
    height: 254px;
}

.h-254 {
    height: 254px;
}

.skill-demand img {
    width: 407px;
    height: 230px;
}

.long-term img {
    width: 382px;
    height: 217px;
}
.steady-before:before {
    content: "";
    width: 172px;
    height: 271px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("../images/images/main/steady-before.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.steady-before:after {
    content: "";
    width: 172px;
    height: 271px;
    position: absolute;
    right: -25;
    top: 0;
    background-image: url("../images/images/main/steady-before.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.financial-content {
    max-width: 459px;
    width: 100%;
    margin-left: 30px;
    margin-top: 47px;
    margin-bottom: 99px;
}
.pt-130 {
    padding-top: 130px;
}

.mw-395 {
    max-width: 395px;
    width: 100%;
}

.transparent-payment {
    width: 128px;
    height: 95px;
}


.diverse-project {
    width: 112px;
    height: 95px;
}

.flexible-eng {
    width: 95px;
    height: 95px;
}

.profes-growth {
    width: 99px;
    height: 97px;
}

.mw-323 {
    max-width: 323px;
    margin: 0 auto;
}
.pt-68{
     padding-top:68px   
}
.pb-60{
     padding-bottom: 60px;
}
.pt-250 {
    padding-top: 250px;
}
/*join-team-page*/
/*aboutus-page*/
.about-banner-img {
    width: 739px;
    height: 527px;
}

.about-banner-img img {
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;
}

.about-banner-img:before {
    content: "";
    width: 407px;
    height: 404px;
    background-color: #FFC531;
    display: block;
    border-radius: 50%;
    bottom: -202px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}
.about-banner-img:after {
    content: "";
    width: 407px;
    height: 404px;
    background-color: #37C047;
    display: block;
    border-radius: 50%;
    top: -202px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}
.container-1372 {
    max-width: 1372px;
    width: 100%;
    margin: 0 auto;
}

.pt-170 {
    padding-top: 170px;
}

.relaible {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: 80px;
}

.mw-668 {
    max-width: 668px;
    width: 100%;
    margin-left: auto;
}

.reliable-img {
    bottom: 0px;
    left: 70px;
}

.mw-955 {
    max-width: 995px;
    width: 100%;
    margin-left: auto;
}
.reliable-before-img:before {
    content: "";
    background-image: url(../images/images/main/reliable-before.png);
    width: 146px;
    height: 161px;
    position: absolute;
    margin-left: 10px;
    filter: blur(80px);
    z-index: -1;
    margin-top: 20px;
}

.reliable-before-img {
    z-index: 1;
    top: -26px;
    left: 261px;
}
.reliable-img img {
    width: 492px;
    height: 514px;
}

.reliable-before-img img {
    width: 146px;
    height: 161px;
}
.pt-140 {
    padding-top: 140px;
}

.pb-160 {
    padding-bottom: 160px;
}

.h-441 {
    height: 441px;
}

.building-abt img {
    width: 551px;
    height: 325px;
}
.promoting-growth img {
    width: 494px;
    height: 420px;
}

.redefining img {
    width: 657px;
    height: 420px;
}

.shaping-work img {
    height: 441px;
    width: 734px;
}
.pb-214 {
    padding-bottom: 214px;
}

.color-656565 {
    color: #656565;
}
.our-goal-abt {
    width: 659px;
    height: 536px;
}

.our-goal-abt img {
    width: 659px;
    height: 494px;
}
.pb-180 {
    padding-bottom: 180px;
}

.mw-877 {
    max-width: 877px;
    width: 100%;
    margin: 0 auto;
}
.our-mision-abt {
    height: 377px;
}
.verified-abt img {
    width: 310px;
    height: 374px;
}
.work-steps.why-choose-option li {
    padding-bottom: 0px;
}
.bg-246C5A {
    background-color: #246C5A;
}

.dedicated-abt img {
    width: 635px;
    height: 441px;
}

.flexible-abt img {
    width: 674px;
    height: 440px;
}

.tailored-abt img {
    width: 672px;
    height: 395px;
}

.secure-abt  img {
    width: 672px;
    height: 299px;
}
.pt-265 {
    padding-top: 265px;
}
.mw-1435 {
    max-width: 1435px;
    width: 100%;
}
.iso-certificate {
    width: 138px;
    height: 140px;
}
.pt-88 {
    padding-top: 88px;
}

.pt-120 {
    padding-top: 120px;
}

.mw-625 {
    max-width: 625px;
    width: 100%;
}

.lh-58 {
    line-height: 58px;
}

.mw-478 {
    max-width: 478px;
    margin-right: auto;
    margin-left: 172px;
}

.ceo {
    width: 478px;
    height: 610px;
}

.ceo-back {
    width: 580px;
    height: 310px;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
    right: 195px;
}

.transform-business {
    padding: 31px 0px 0px 100px;
}
.lh-44 {
    line-height: 44px;
}
/*aboutus-page*/
/*gig-brief-freelancer*/
.gig-breif-banner-img img {
    width: 611px;
    height: 346px;
}
.pb-80 {
    padding-bottom: 80px;
}
.gig-brief-search button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    height: 100%;
    width: 100%;
    max-width: 58px;
}

.gig-brief-search {
    position: relative;
    width: 100%;
    max-width: 804px;
    flex: 1 1 auto;
    border: 1px solid rgb(47 47 49 / 50%);
    border-radius: 8px;
    overflow: hidden;
}

.gig-brief-search input {
    width: 100%;
    border: none;
    height: 60px;
    padding: 5px 70px 5px 20px;
    font-size: 16px;
}

.mw-804 {
    max-width: 804px;
    width: 100%;
}
.gig-brief-tabs {
    justify-content: space-between;
}
.mw-277 {
    max-width: 277px;
    width: 100%;
}

.mw-1221 {
    max-width: 1221px;
    width: 100%;
}
.filter-attribute-item input {
    display: none;
}

.filter-attribute-item input:checked ~ label {
    color: #000;
}
.filter-attribute-item input:checked ~ label:after{
    content: "";
    position: absolute;
    right: 21px;
    background-image: url("../images/images/icons/category-a.png");
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
    background-color: #FFC531;
    border-radius: 30px;
    background-position: 60% 50%;
    top: 50%;
    transform: translateY(-50%);
    background-size: 10px;
}
.filter-item-inner-heading.minus:after,
.filter-item-inner-heading.plus:after {
	content: "";
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    width: 10px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.filter-item-inner-heading.minus:after {
    background-image: url(../images/images/icons/uparrow.png);
}

.filter-item-inner-heading.plus:after {
	background-image: url(../images/images/icons/downarrow.png);
}
.filter-item {
    border: 0.5px solid #979797;
    border-radius: 9px;
    filter: drop-shadow(13.81px 27.63px 69.07px rgba(128, 140, 157, .14));
    background-color: #fff;
}
.filter-item-inner-heading {
    padding: 17px 18px;
}

.filter-category-list {
    border-top: 1px solid rgba(47, 47, 49, 0.2);
}

.filter-attribute-item {
    padding: 0px 18px;
    border-bottom: 1px solid rgba(47, 47, 49, 0.1);
}
.price-field-set input {
    border: 0;
    width: 100%;
    background-color: transparent;
}

.price-field-set {
    max-width: 109px;
    width: 100%;
    height: 39px;
    border: .5px solid #979797;
    border-radius: 5px;
    padding: 9px 10px;
}

.filter-price {
    padding: 0px 20px 30px;
}
.price-field-set label {
    color: #979797;
}
.price-field input[type=range] {
    width: 237px;
    height: 11px;
    border: 0;
    outline: 0;
    box-sizing: border-box;
    border-radius: 5px;
    pointer-events: none;
    -webkit-appearance: none;
    background-color:#D9D9D9;
}
.price-field input[type=range] {
    position: absolute;
}
.price-field input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

.price-field input[type=range]:active,
.price-field input[type=range]:focus {
  outline: 0;
}

.price-field input[type=range]::-ms-track {
  width: 237px;
  height: 11px; 
  border: 0;
  outline: 0;
  box-sizing: border-box;
  border-radius: 5px;
  pointer-events: none;
  background: #000000;
  border-color: transparent;
  color: #000000;
  border-radius: 5px;
}

/* Style toddler input range */

.price-field input[type=range]::-webkit-slider-thumb { 
  /* WebKit/Blink */
    position: relative;
    -webkit-appearance: none;
    margin: 0;
    border: 0;
    outline: 0;
    border-radius: 50%;
    height: 19px;
    width: 19px;
    margin-top: -4px;
    background-color: #37C047;
    cursor: pointer;
    cursor: pointer;
    pointer-events: all;
    z-index: 100;
}

.price-field input[type=range]::-moz-range-thumb { 
  /* Firefox */
  position: relative;
  appearance: none;
  margin: 0;
  border: 0;
  outline: 0;
  border-radius: 50%;
  height: 19px;
  width: 19px;
  margin-top: -5px;
  background-color: #37C047;
  cursor: pointer;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
}

.price-field input[type=range]::-ms-thumb  { 
  /* IE */
  position: relative;
  appearance: none;
  margin: 0;
  border: 0;
  outline: 0;
  border-radius: 50%;
  height: 19px;
  width: 19px;
  margin-top: -5px;
  background-color: #37C047;
  cursor: pointer;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
}

/* Style track input range */

.price-field input[type=range]::-webkit-slider-runnable-track { 
  /* WebKit/Blink */
  width: 237px;
  height: 11px;
  cursor: pointer;
  background: #d8d8d9;
  border-radius: 5px;
}

.price-field input[type=range]::-moz-range-track { 
  /* Firefox */
  width: 237px;
  height: 11px;
  cursor: pointer;
  background: #000000;
  border-radius: 5px;
}

.price-field input[type=range]::-ms-track { 
  /* IE */
  width: 237px;
  height: 11px;
  cursor: pointer;
  background: #000000;
  border-radius: 5px;
}
.date-field-set svg {
    width: 25px;
    height: 25px;
}
.price-field {
    position: relative;
}

.price-field.date-field input[type="range"] {
    position: absolute;
    width: 100%;
    -webkit-appearance: none;
    background: transparent;
    pointer-events: none;
}

.price-field .range-track {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 0;
    background: #ddd;
    border-radius: 5px;
    transform: translateY(-50%);
    z-index: -1;
}

.price-field .range-active {
    position: absolute;
    height: 11px;
    background-color: green;
    border-radius: 5px;
    z-index: 0;
}
.freelancer-gig-user-img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
}
.freelancer-gig-item-inner {
    max-width: 390px;
    width: 100%;
    border: 1.53px solid #37C047;
    border-radius: 7px;
    height: 100%;
}

.freelancer-gig-img {
    width: 390px;
    height: 200px;
    object-fit: cover;
    object-position: center;
    border-radius: 7px 7px 0px 0px;
}

.freelancer-gig-item {
    max-width: 390px;
    width: 100%;
    height:auto;
}
.freelancer-gig {
    row-gap: 25px;
}
.mw-599 {
    max-width: 599px;
    width: 100%;
}

.lh-23 {
    line-height: 23px;
}

.mb-8 {
    margin-bottom: 8px;
}

.lh-22 {
    line-height: 22px;
}

.brief-desc-freelancer {
    color: #95979D;
}

.brief-cat-item {
    padding: 1px 10px;
    border: 1px solid #2F2F31;
    border-radius: 48px;
}

.breirf-item {
    border: 1.53px solid #37C047;
    border-radius: 7.63px;
    padding: 14px 11px 21px 24px;
}
.freelancer-brief-inner {
    row-gap: 25px;
}
.gig-brief-search img {
    width: 16px;
    height: 16px;
}
.freelancer-budget svg {
    width: 16px;
    height: 20px;
}

.freelancer-budget svg {
    width: 16px;
    height: 16px;
}
.freelancer-card-item {
    max-width: 391px;
    width: 100%;
    padding: 28px 25px 23px 20px;
    border: 1.53px solid #37C047;
    border-radius: 7px;
}

.freelancer-card-img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.lh-20 {
    line-height: 20px;
}

.freelancer-location svg {
    width: 10px;
    height: 14px;
}

.freelancer-member-since svg {
    width: 11px;
    height: 14px;
    flex: 0 0 11px;
}

.freelancer-rating .star-rating .fa-star:before {
    font-size: 10px;
}

.freelancer-completed-projects svg {
    width: 12px;
    height: 14px;
}


.freelnacer-card-btn.btn-reg {
    padding: 8px 20px;
    border-radius: 3px;
    display:inline;
}

.gap-8 {
    gap: 8px;
}
.freelancer-delivery svg {
    width: 16px;
    height: 16px;
}
.freelancer-card {
    row-gap: 25px;
}
.partner-banner-row {
    padding-top: 73px;
    padding-bottom: 82px;
}

.partner-banner-img {
    position: absolute;
    right: 68px;
    width: 1056px;
    height: 486px;
    bottom: 0;
}
.partner-banner-img img{
    height: 100%;
}
/*gig-brief-freelancer*/
/*partner page*/
.mw-1382{
    max-width:1382px;
    width:100%;
    margin: 0 auto;
}
.partnership-expand img {
    width: 624px;
    height: 370px;
}

.partnership-expand {
    height: 408px;
}
.partnership-foster {
    height: 423px;
}

.partnership-foster img {
    width: 726px;
    height: 292px;
}

.partnership-strengthen {
    height: 408px;
}

.partnership-strengthen img {
    width: 551px;
    height: 374px;
}

.partnership-contribute {
    height: 423px;
}

.partnership-contribute img {
    width: 619px;
    height: 385px;
}

.mw-1459 {
    max-width: 1459px;
    width: 100%;
}

.mw-1526 {
    max-width: 1526px;
    width: 100%;
}
.mw-533 {
    max-width: 533px;
    width: 100%;
}

.mw-558 {
    max-width: 558px;
    width: 100%;
}
.mw-491 {
    max-width: 491px;
    width: 100%;
}
.pt-200 {
    padding-top: 200px;
}

.lh-75 {
    line-height: 75px;
}

.mw-992 {
    max-width: 992px;
    width: 100%;
    margin: 0 auto;
}
.opportunity-icon.strategic {
    width: 73px;
    height: 72px;
}

.opportunity-icon.educational {
    width: 58px;
    height: 72px;
}

.opportunity-icon.technology {
    width: 68px;
    height: 72px;
}

.opportunity-icon.corporate {
    width: 69px;
    height: 72px;
}

.opportunity-card {
    padding: 40px 26px 40px 20px;
}

.lh-28 {
    line-height: 28px;
}
.mw-665 {
    max-width: 665px;
    width: 100%;
}
.mw-342 {
    max-width: 342px;
    width:100%;
}

.process-count {
    width: 41px;
    height: 41px;
    border-radius: 50%;
}

.mb-25 {
    margin-bottom: 25px;
}

.lh-26 {
    line-height: 26px;
}
.mw-650 {
    max-width: 650px;
    width: 100%;
}

.mw-680 {
    max-width: 680px;
    width: 100%;
}

.conversation {
    padding: 70px 98px 62px 80px;
    border-radius: 20px;
}
.start-conversation {
    background-color: #fff;
    padding: 39px 39px 79px;
    border-radius: 20px;
    filter: drop-shadow(0px 36px 100px rgba(0,0,0, 0.5));
}

.mw-283 {
    max-width: 283px;
    width: 100%;
}

.build-img {
    width: 345px;
    height: 443px;
    position: absolute;
    bottom: 0;
    right: 5px;
}

.build-img img {
    height: 100%;
}

.icon-green-bg {
    background-color: #256F5D;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.email-icon svg {
    width: 15px;
    height: 12px;
}

.phone-icon svg {
    width: 14px;
    height: 14px;
}
.partnership-content {
    padding: 38px 42px;
}

.btn-close-modal {
    background-color: #256F5D;
    padding: 0px;
    border-radius: 30px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-close-modal img {
    filter: invert(1);
}
.btn-close-modal img {
    width: 25px;
    height: 25px;
}
.btn-close-modal:hover {
    background-color: #37C047;
}
.modal-dialog.partnership-dialog {
    max-width: 630px;
}
.contact-field.partnership-field {
    padding: 7px 21px;
}
.lh-42{
    line-height:42px;
}
.partnership-select.contact-subject {
    height: 59px;
    background-position: calc(100% - 20px) center;
}
.lh-63 {
    line-height: 63px;
}
.partnership-textarea.contact-field {
    padding: 15px 18px;
}
/*partner page*/
/*contact us*/
.contact-banner-img {
    width: 774px;
    height: 527px;
}

.contact-banner-img img {
    height: 100%;
}
.mw-490 {
    max-width: 490px;
    width: 100%;
}

.mw-817 {
    max-width: 817px;
    width: 100%;
}

.row-gap-90 {
    row-gap: 90px;
}
.lh-34 {
    line-height: 34px;
}
.contact-email-icon svg {
    width: 19px;
    height: 16px;
}

.contact-phone-icon svg {
    width: 18px;
    height: 18px;
}
.head-ofc {
    width: 43px;
    height: 43px;
    border-radius: 50%;
}

.head-ofc-icon {
    width: 14px;
    height: 14px;
}
.map-location {
    height: 337px;
    border: 3px solid #C1C1C1;
    border-radius: 16px;
    overflow: hidden;
    filter: drop-shadow(0px 40px 75px rgba(0, 0, 0, 0.10));
}
.map-location iframe {
    width: 100%;
    height: 100%;
}
.mw-420{
    max-width:420px;
    width:100%;
}
.mw-336 {
    max-width: 336px;
    width: 100%;
}

.linkedin-icon {
    width: 30px;
    height: 30px;
}

.facebook-icon {
    width: 38px;
    height: 38px;
}

.twitter-icon {
    width: 30px;
    height: 27px;
}

.insta-icon {
    width: 32px;
    height: 32px;
}

.social-media-contact {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}
.mw-948 {
    max-width: 948px;
    width: 100%;
}

.mw-464 {
    max-width: 464px;
    width: 100%;
}

.contact-field {
    padding: 11px 30px;
    border: 1.31px solid #256F5D;
    border-radius: 7px;
}

.contact-subject {
    height: 84px;
}

.contact-message {
    height: 175px;
    resize: none;
}
.fa-72 {
    font-size: 72px;
}

.lh-82 {
    line-height: 82px;
}
.contact-subject {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding-right: 30px;
    background-image: url(../images/icons/chev-down.png);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: calc(100% - 30px) center;
}
select.contact-subject:valid {
    color: #000000;
}

.contact-subject:invalid {
    color: #C1C1C1;
}
.mw-1086 {
    max-width: 1086px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.faq-item {
    border: 0.5px solid #979797;
    border-radius: 10px;
    padding-top: 35px;
    padding-bottom: 0;
    transition: .3s ease-in-out;
}

.faq-question {
    cursor: pointer;
    margin-bottom: 35px;
    padding-left: 30px;
    padding-right: 30px;
    transition: .3s ease-in-out;
}

.faq-answer {
    display: none; /* Initially hide the answers */
    padding: 0px 66px;
}


.active .faq-question {
    margin-bottom: 15px;
}

.faq-item.active {
    padding-bottom: 35px;
    background-color: #fff;
    border-color: #37C047;
    filter: drop-shadow(0px 19px 31.2px rgba(0,0,0,0.05));
}
.faq-item.active .faq-arrow {
    transform: rotate(180deg);
}

.faq-item .faq-arrow {
    transition: .3s ease-in-out;
}
.faq-arrow svg {
    width: 16px;
    height: 10px;
}
/*contact us*/
/*blog*/
.blog-img-archive {
    filter: drop-shadow(0px 3.2px 56.85px rgba(0,0,0,0.4));
    border-radius: 24px;
    width: 431px;
    height: 358px;
}
.row-gap-60 {
    row-gap: 60px;
}
.mw-809 {
    max-width: 809px;
    width:100%;
}

.blog-hire-img {
    width: 365px;
    height: 220px;
}

.blog-project-card {
    padding: 30px 50px 50px 50px;
    border-radius: 10px;
}

.mw-389 {
    max-width: 389px;
}

.blog-hire-project-card {
    padding-top: 50px;
}

.blog-join-img {
    width: 340px;
    height: 153px;
}
.blog-logo {
    width: 55px;
    height: 55px;
    background-color: #37c047;
    border-radius: 50%;
}

.blog-logo img {
    width: 23px;
    height: 32px;
}
.telegram-icon-blog {
    width:25px;
    height:25px;
}

.social-blog-media {
    width: 61px;
    height: 61px;
    border-radius: 50%;
}

.insta-icon-blog {
    width: 23px;
    height: 23px;
}

.linkedin-icon-blog {
    width: 23px;
    height: 23px;
}

.facebook-icon-blog {
    width: 27px;
    height: 27px;
}

.twitter-icon-blog {
    width: 22px;
    height: 22px;
}
.blog-detail-banner-img {
    max-width: 534px;
    width: 100%;
    filter: drop-shadow(0px 3.49px 62.09px rgba(0,0,0,0.4));
    background-color: #fff;
    padding: 23px 32px 40px;
    border-radius: 12px;
    margin-left: 20px;
}

.share-img1.mb-30 {
    width: 465px;
    height: 11px;
}
.fa-46 {
    font-size: 46px;
}
.pb-40 {
    padding-bottom: 40px;
}

.b-detail-img {
    width: 1086px;
    height: 395px;
}

.b-detail-img img {
    height: 100%;
    border-radius: 10px;
}

.mb-110 {
    margin-bottom: 110px;
}
.socialmediablog-card-footer img {
    filter: invert(1);
}

.share-border {
    border-width: 0.7px 0px 0.7px 0px;
    border-style: solid;
    border-color: #979797;
    padding: 22px 0px;
}

.socialmediablog-card-footer img:hover {
    filter: brightness(0) saturate(100%) invert(33%) sepia(57%) saturate(467%) hue-rotate(115deg) brightness(94%) contrast(87%);
}
.fa-70 {
    font-size: 70px;
}

.mw-340 {
    max-width: 340px;
    width: 100%;
    margin: 0 auto;
}
/*blog*/
/*privacy*/
.banner-highlight {
    padding: 7px 26px 8px;
    border-radius: 23px;
}
.pb-120{
    padding-bottom:120px;
}
.lh-38 {
    line-height: 38px;
}
.privacy-ul li {
    padding-left: 40px;
    position: relative;
}

.privacy-ul li:before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    left: 10px;
    top: 15px;
}
.fa-36 {
    font-size: 36px;
}

.lh-54 {
    line-height: 54px;
}
/*privacy*/
/*ipclaims*/
.form-radio-custom [type="radio"]:checked,
.form-radio-custom [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.form-radio-custom [type="radio"]:checked + label,
.form-radio-custom [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
}
.form-radio-custom [type="radio"]:checked + label:before,
.form-radio-custom [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #256F5D;
    border-radius: 100%;
    background: #fff;
}
.form-radio-custom [type="radio"]:checked + label:after,
.form-radio-custom [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #37C047;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.form-radio-custom [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.form-radio-custom [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.form-radio-custom  input:checked ~ label {
    color: #000;
}
.bg-F5F5F5{
    background-color: #F5F5F5 !important;
}
.form-group textarea {
    height: 172px;
}
.claim-file svg {
    width: 14px;
    height: 16px;
}
.claims-files .file-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.claims-files .file-item button {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #256f5d;
    border-radius: 50%;
    background-color: #fff;
    font-size: 15px;
}

/*ipclaims*/
/*client home*/
.client-banner-img {
    width: 526px;
    height: 156px;
    margin-left: auto;
    margin-right: 60px;
}
.mw-690 {
    width: 100%;
    max-width: 690px;
}

.pt-60 {
    padding-top: 60px;
}

.client-card-items {
    padding: 50px 38px 50px 50px;
    border-radius: 12px;
    border: 1px solid #256F5D;
    filter: drop-shadow(0px 13px 100px rgba(0,0,0,0.05));
}

.fa-38 {
    font-size: 38px;
}

.lh-46 {
    line-height: 46px;
}

.client-card-img {
    width: 79px;
    height: 80px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #EDEDED;
}

.client-card-img img {
    width: 58px;
    height: 45px;
}
.client-card-img.post-project img {
    width: 32px;
    height: 39px;
}
.btn-reg.get-started {
    padding: 7px 32px;
    border-radius: 4px;
}
.mw-265 {
    max-width: 265px;
    width: 100%;
}

.project-types-items {
    border: 1px solid #BEBEBE;
    border-radius: 12px;
    padding: 30px 27px 30px 27px;
}

.project-types-img {
    border: 2px solid #EDEDED;
    border-radius: 10px;
    width: 65px;
    height: 66px;
}

.ongoing-projects {
    width: 28px;
    height: 34px;
}

.project-types-content span {
    color: #256F5D;
}

.project-types-content h3 {
    color: #000;
}
.project-types-items.active {
    background-color: #37C047;
    border-color:#256F5D;
    filter: drop-shadow(0px 32px 40px rgba(0,0,0,0.1) );
}

.project-types-items.active h3 {
    color: #fff;
    /* min-height: 56px; */
}

.project-types-items.active span {
    color: #fff;
}

.project-types-items.active svg, .project-types-items.active svg path {
    color: #fff;
    fill: #fff;
}

.project-types-items.active .project-types-img {
    background-color: #256F5D;
    border-color: #fff;
}
.manage-task-c {
    width: 34px;
    height: 34px;
}

.bid-proposal-c {
    width: 37px;
    height: 36px;
}

.support-ticket-c {
    width: 38px;
    height: 34px;
}

.invoices-c {
    width: 26px;
    height: 35px;
}
.container-1660 {
    max-width: 1660px;
    margin-left: calc((100% - 1400px) / 2);
}
.breirf-item-client {
    height: auto;
    padding: 0px 10px;
}
.project-types-content svg {
    width: 11px;
    height: 10px;
}

.project-type-link:hover {
    text-decoration: none;
    cursor:pointer;
}
.blog-item-client {
    max-width: 455px;
    width:100%;
}
.blog-item-client a:hover {
    text-decoration: none;
}
.wave-img {
    width: 40px;
    height: 40px;
}
/*client home*/
/*freelancer home*/
.freelancer-banner-img {
    width: 663px;
    height: 344px;
}
.client-card-img.post-gig img {
    width: 44px;
    height: 49px;
}

.client-card-img.bid-now img {
    width: 56px;
    height: 41px;
}
.manage-gig-f {
    width: 32px;
    height: 35px;
}

.wallet-f {
    width: 36px;
    height: 36px;
}

.ratting-f {
    width: 45px;
    height: 36px;
}
.onhover {
    display: none;
}

.project-types-items.active .onhover {
    display: block;
}

.project-types-items.active .without-hover {
    display: none;
}
/*freelancer home*/
/*new header*/
.header-right-side.header-right-side-1636 {
    max-width: 1424px;
}

.btn-reg.btn-transparent.sign-in {
    border: 0px;
}


.btn-reg.yellow-border {
    border: 1px solid #FFC531;
}

.btn-reg.bg-256F5D:hover {
    background-color: #ffc531;
}
.horizontal-line {
    width: 2px;
    height: 24px;
    background-color: #2F2F31;
}

.sign-in:hover {
    color: #256f5d;
}
.join-team img {
    width: 20px;
    height: 18px;
}

.join-team .nav-link-Zn {
    gap: 10px;
}
.main-web-links-header.main-web-links-header-1636 {
    max-width: 795px;
    justify-content: space-between;
}
.header-team-svg {
    width: 21px;
    height: 21px;
    background-color: #FFC531;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-reg.btn-join {
    padding: 8px 25px;
}

.header-team-svg svg {
    width: 11px;
    height: 9px;
}
.main-web-search-bar.main-web-search-bar-1636 {
    max-width: 533px;
}
.gap-36 {
    gap: 36px;
}

.gap-18 {
    gap: 18px;
}
.join-team.hire-p-team a:hover {
    color: #256f5d;
}

.join-team.hire-p-team a:hover img {
    filter: brightness(0) saturate(100%) invert(37%) sepia(49%) saturate(550%) hue-rotate(115deg) brightness(86%) contrast(85%);
}
.join-p-team .nav-link-Zn {
    color: #256f5d;
}

.join-p-team .nav-link-Zn:hover {
    color: #000;
}

.join-p-team .nav-link-Zn:hover img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(4%) saturate(7452%) hue-rotate(42deg) brightness(91%) contrast(96%);
}
.gap-66 {
    gap: 66px;
}
.mw-330 {
    max-width: 330px;
    width: 100%;
}
.profile-logged-in.freelancer {
    max-width: 320px;
    margin-left: unset;
}
/*new header*/
/*new footer*/
.col-footer-larger {
    max-width: 490px;
    width: 100%;
}

.mb-128 {
    margin-bottom: 128px;
}

.col-footer-links .col-footer-links ul li:last-child a ul li a {
    margin-bottom: 0px;
}

.col-footer-links .col-footer-social-links ul li a {
    margin-bottom: 0px;
}
.col-footer-links .miss-a-update-text h3 {
    margin-bottom: 15px;
}
.gap-22{
    gap:22px;
}
/*new footer*/
.tabs-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 50px;
}

.tabs-loader:before {
    width: 20px;
}

.tabs-loader:before {
    content: "";
    background-color: rgb(255 255 255 / 81%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

.tabs-loader i.fas {
    color: #018002;
    position: relative;
    z-index: 999999;
    font-size: 30px;
}

.filter-subcategory-list {
    height: 0px;
    opacity: 0;
    padding-left: 10px;
    transition:.3s ease-in-out;
    overflow: hidden;
    transform:translateY(100px);
    background-color: #fff;

}

.category-active .filter-subcategory-list {
    height: auto;
    opacity: 1;
    transform:translateY(0px);
}

.filter-attribute-item:hover {
    transition: .3s ease-in-out;
}

.filter-subcategory-list a {
    color: #000;
    font-size: 14px;
    display:block;
    position:relative;
}

.filter-subcategory-list li {
    padding-bottom: 5px;
}

.filter-subcategory-list li a:hover {
    color: var(--green);
}
.filter-subcategory-list .gigsubcategory-link.active:after, .filter-subcategory-list .gigsubcategory-link:hover:after, .filter-subcategory-list .breifsubcategory-link.active:after, .filter-subcategory-list .breifsubcategory-link:hover:after, .filter-subcategory-list .freelancersubcategory-link.active:after, .filter-subcategory-list .freelancersubcategory-link:hover:after{
    content: "";
    position: absolute;
    right: 0px;
    background-image: url("../images/images/icons/category-a.png");
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
    background-color: #FFC531;
    border-radius: 30px;
    background-position: 60% 50%;
    top: 50%;
    transform: translateY(-50%);
    background-size: 10px;
}
.text-truncate-2 {
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.blog-detail-short-desc p, .blog-detail-long-desc p {
    font-size: 18px;
    line-height: 40px;
    color: #2F2F31;
    padding-bottom: 80px;
}
.blog-detail-long-desc h3, .blog-detail-long-desc h3 {
    font-size: 45px;
    line-height: 51px;
    font-weight: 400;
    color: #2F2F31;
    padding-bottom: 40px;
}
.project-progress-auto > div:last-child .progress-arrow:after {
    display: none;
}
.main-web-search-bar.main-web-search-bar-knowledge {
    max-width: 697px;
    margin-left: auto;
    margin-right: auto;
}

.main-web-search-bar.main-web-search-bar-knowledge input {
    height: 53px;
    font-size: 16px;
}

.mw-527 {
    max-width: 527px;
    width: 100%;
    margin: 0 auto;
}

.knowledge-type {
    max-width: 120px;
    width: 100%;
}

.knowledge-type-img {
    width: 67px;
    height: 67px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
}

.knowledge-client {
    width: 41px;
    height: 33px;
}

.knowledge-freelancer {
    width: 31px;
    height: 32px;
}

.knowledge-support {
    width: 28px;
    height: 21px;
}

.knowledge-live-chat {
    width: 25px;
    height: 25px;
}
.knowledge-section1 .circle-FFC531:before {
    bottom: -169px;
    left: 140px;
}
.knowledge-section1 .circle-FFC531.top:before {
    top: -169px;
    right: 140px;
    left:unset;
}
.knowledge-type a:hover {
    text-decoration: none;
}

.knowledge-type a:hover .knowledge-type-img{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #FFC531;
    background: #fff;
    filter: drop-shadow(0px 6px 13px rgba(0,0,0,0.25));
}
.container-1505 {
    max-width: 1505px;
    width: 100%;
    margin: 0 auto;
}
.knowledge .breadcrumb-item a {
    color: #979797;
}

.knowledge .breadcrumb-item.active {
    color: #256F5D;
}

.knowledge .breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, ">");
    padding-right: 15px;
}

.knowledge .breadcrumb-item+.breadcrumb-item {
    padding-left: 15px;
}
.knowledge-related-article {
    padding: 33px;
    filter: drop-shadow(0px 36px 100px rgba(0,0,0,0.05));
    list-style-type: none;
    counter-reset: articles-counter;
    border:2px solid #37C047;
    border-radius:15px;
}

.knowledge-related-article-list li {
    display: flex;
    align-items: flex-start;
    padding-bottom: 18px;
    border-bottom: 2px solid #CCCFCB;
    margin-bottom: 26px;
    position: relative;
}
.task-project-table-wrapper.support-ticket-table table th.support-message, .task-project-table-wrapper.support-ticket-table table td.support-message{
    min-width: unset;
    max-width: 120px;
}
.knowledge-related-article-list li:before {
    counter-increment: articles-counter;
    content: counter(articles-counter) ". ";
    margin-right: 14px;
    font-weight:500;
}

.knowledge-related-article-list li:last-child {
    margin-bottom: 0px;
    border: none;
    padding-bottom: 0px;
}

.knowledge-related-article-list li.active:after {
    content: "";
    position: absolute;
    right: 0px;
    background-image: url("../images/images/icons/category-a.png");
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
    background-color: #FFC531;
    border-radius: 30px;
    background-position: 60% 50%;
    top: 0;
    background-size: 10px;
}
.knowledge-related-article-list a:hover {
    text-decoration: none;
}
.article-table-content-list li {
    padding-left: 30px;
    position: relative;
}

.article-table-content-list li:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 6px;
    top: 50%;
    background-color: #256F5D;
    border-radius: 50%;
    transform: translateY(-50%);
}

.article-bullet-text {
    padding-left: 30px;
    position: relative;
}

.article-bullet-text:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 6px;
    top: 13px;
    background-color: #000;
    border-radius: 50%;
}

.article-bullet-img {
    width: 887px;
    height: 500px;
    border: 1px solid #979797;
    border-radius: 10px;
    object-fit: cover;
    object-position: top;
    margin-bottom:20px;
}
.article-body-item .article-bullet:last-child {
    margin-bottom: 0px;
}
.article-body-item:last-child {
    margin-bottom: 0px;
}
.article-topic h2:before {
    counter-increment: topic-counter;
    content: counter(topic-counter) ". ";
    margin-right: 14px;
    font-weight: 700;
}

.article-body {
    counter-reset: topic-counter;
}
.thumb-up, .thumb-down {
    cursor: pointer;
    padding: 5px;
    font-size: 18px;
}

.thumb-up.active, .thumb-down.active {
    color: #256f5d;
}

.thumb-up.active {
    color: #256f5d;
}

.thumb-down.active {
    color: red;
}
.chat-text-area.comment-chat-text-area {
    padding: 0px;
}

.comment-chat-text-area-row .emojionearea, .comment-chat-text-area-row .emojionearea.form-control {
    border-color: #37C047;
}

.comment-chat-text-area-row .emojionearea .emojionearea-editor, .comment-chat-text-area-row .emojionearea.focused .emojionearea-editor {
    border-color: #37C047;
}
.brief-attach-repeat.client-not-pay {
    cursor: not-allowed;
    pointer-events: none;
}
.mw-1045 {
    max-width: 1045px;
    width: 100%;
}

.article-item {
    border: 1px solid #BBBBBB;
    border-radius: 15px;
    padding: 30px 45px;
}

.article-item-img {
    width: 81px;
    height: 81px;
    background-color: #256F5D;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.article-item-img img {
    width: 38px;
    height: 38px;
    object-fit: contain;
    object-position: center;
}


.article-item:hover {
    border-color: #37C047;
}
.mw-790 {
    max-width: 790px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.mw-572 {
    max-width: 572px;
    width: 100%;
}

.user-type {
    border: 1px solid #256F5D;
    border-radius: 12px;
    background-color: #F5F5F5;
    padding: 43px 84px;
}

.gap-40 {
    gap: 40px;
}

.user-type-img {
    width: 97px;
    height: 98px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FBFBFB;
    border: 2px solid #EDEDED;
    border-radius: 12px;
}

.user-type-client {
    width: 63px;
    height: 53px;
}

.user-type:hover {
    border-color: #37C047;
    background-color: #FFFFFF;
    filter: drop-shadow(0px 27px 30px rgba(0,0,0,0.05));
}

.user-type:hover .user-type-img {
    background: linear-gradient(137deg, #37C047 0%, #256F5D 100%);
    backdrop-filter: blur(10px);
}
.user-type-freelancer {
    width: 53px;
    height: 54px;
}
.user-type-hover {
    display: none;
}

.user-type:hover .user-type-freelancer {
    display: none;
}

.user-type:hover .user-type-hover.user-type-client {
    display: flex;
}

.user-type:hover .user-type-client {
    display: none;
}

.user-type:hover .user-type-freelancer.user-type-hover {
    display: flex;
}
.fa-32 {
    font-size: 32px;
}
.thumb-up .fa-thumbs-up:hover {
    color: #256f5d;
}

.thumb-down .fa-thumbs-down:hover {
    color: red;
}
a.btn-red:hover {
    text-decoration: none;
}
.user-message img {
    width: 300px;
}
.btn-reg.red-bg {
    color: #fff;
    text-decoration: none;
}

.btn-reg.red-bg:hover {
    border-color: #d70820;
    background-color: transparent;
    color: #d70820;
}

.support-table .btn-reg {
    display: inline-block;
}
.btn-reg.yellow-bg:hover {
    border-color: #ffc531;
    background-color: transparent;
    color: #ffc531;
}

.btn-reg.yellow-bg {
    color: #fff;
    text-decoration: none;
}
.modal-content .btn-reg.modal-btn {
    padding: 8px 44px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 34px;
    border: 1px solid #37C047;
}

.support-content {
    padding: 45px 35px 45px 45px;
}
.input-fields .support-message {
    min-height: 123px;
    resize: none;
    font-size: 14px;
}
.uploaded-file-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 13px;
    border: 1px solid #256F5D;
    border-radius: 5px;
}

.uploaded-file-wrap .icon-file-name {
    max-width: 150px;
}
.support-fields .is-invalid {
    border-color: red;
}
.support-status-view .uploaded-file-wrap {
    display: inline-flex;
}
.last-update {
    padding: 12px 0px;
}

.border-dashed-status {
    background-image: linear-gradient(to right, #bebebe 42%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 10px 1px;
    background-repeat: repeat-x;
    padding: 1px;
}
.report-status-view {
    padding: 8px 10px;
    border: 1px solid #256F5D;
    border-radius: 4px;
}
.support-status-view {
    overflow-y: auto;
    height: 680px;
    padding-right: 10px;
}

.support-status-view::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 3px;
	background-color: #F5F5F5;
}

.support-status-view::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.support-status-view::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #256F5D;
}
.uploaded-file-wrap svg {
    width: 17px;
    height: 19px;
}
.recent-view-item a:hover, .freelancer-gig-item a:hover, .breirf-item-client a:hover, .breirf-item a:hover {
    text-decoration: none;
}

.breirf-item-client a:hover h4, .breirf-item a:hover h4, .freelancer-gig-item a:hover h4, .recent-view-item a:hover h4 {
    color: #37c047;
}
.client-related-tasks .breirf-item-client .breirf-item {
    height: 285px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.star-rating.star-rating-freelancer .fa-star:before {
    font-size: 12px;
}
.sort-rating {
    border: 1px solid #BEBEBE;
    border-radius: 5px;
    padding: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding-right: 30px;
    background-image: url(../images/icons/recent-down.png);
    background-repeat: no-repeat;
    background-size: 9px;
    background-position: calc(100% - 16px) center;
    padding-right: 35px;
}
.support-status-view-inner:first-child .date, .support-status-view-inner:first-child .status {
    display: none;
}

.support-status-view-inner:not(:first-child) .ticket-id {
    display: none;
}
.mile-stone-pay-now-clickable {
    cursor: pointer;
}
.rating-card-img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
}
.star-rating.star-rating-review .fa-star:before {
    color: transparent;
    -webkit-text-stroke: 1px #ffc531;
    text-stroke: 2px black;
    font-weight: bold;
    font-size:10px;
}
.star-rating.star-rating-review .fa-star.active:before {
    color: gold;
}
.rating-item {
    border: 1.53px solid #37C047;
    border-radius: 7.63px;
    padding: 19px 26px 17px 30px;
    flex-basis: calc(50% - 15px);
    flex-grow: 0;
    flex-shrink: 0;
    margin-bottom: 10px;
}
.rating-item a:hover {
    text-decoration: none;
}
.star-rating.star-rating-review {
    display: flex;
    gap: 5px;
}
.ratings-item {
    border: 1.53px solid #37C047;
    border-radius: 7.63px;
    padding: 19px 26px 17px 30px;
}
.btn-reg.see-more-reviews.btn-transparent {
    border-color: #37c047;
}
.project-search.chat-project-search input {
    background-color: #f3f7f2;
}

.project-search.chat-project-search {
    width: 170px;
}
.filter-attribute-item.minus::after,
.filter-attribute-item.plus:after {
	content: "";
    position: absolute;
    top: 23px;
    right: 18px;
    transform: translateY(-50%);
    width: 10px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.filter-attribute-item.minus:after {
    background-image: url(../images/images/icons/downarrow.png);
}

.filter-attribute-item.plus:after {
	background-image: url(../images/images/icons/uparrow.png);
}
.show-all-bid-user-info {
    width: 180px;
}
/* .view-wallet-status-img img {
    max-width: 300px;
} */
.withdraw-disable.disabled:hover {
    cursor: not-allowed;
    background-color: #f3f7f2;
}
.view-brief {
    background-color: #37C047;
    width: 28px;
    height: 28px;
    padding: 0;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.view-brief img {
    width: 14px;
    height: 10px;
}
.banner-btn.btn-reg.btn-green:hover svg path {
    fill: #37c047;
}
.message-notification-item {
    background-color: #fff;
    filter: drop-shadow(13.81px 27.63px 69.07px rgb(128 140 157 / 25%));
    border-radius: 15px;
    box-shadow: inset 0 0 0 1px #EAEAEA;
    box-sizing: border-box;
}

.message-notification-item.unread .brief-notification-user {
    background-color: #dbdbdb;
}
.attachment-list-review li a {
    padding: 6px 10px;
    border: 1px solid;
    border-radius: 48px;
    line-height: 1;
    color: #2f2f31;
}

.wallet-update-status-dialog .view-status table tr td {
    min-width: 200px;
}
.btn-green.btn-bid-already-assigned {
    background-color: #979797;
    border-color: #979797;
     cursor: not-allowed; 
}

.btn-reg.btn-bid-now.btn-reg.btn-green.btn-bid-already-assigned:hover {
    background-color: #979797;
    border-color: #979797;
    color:#fff;
}
.b-detail-img {
    width: 1068px;
    height: 564px;
    margin-left: auto;
    margin-right: auto;
}
.blog-detail-long-desc ul {padding-bottom: 40px;}

.blog-detail-long-desc ul li {
    padding-bottom: 15px;
    position: relative;
    font-size: 17px;
    line-height: 30px;
    padding-left: 30px;
}
.blog-detail-long-desc ol li{
    padding-bottom: 15px;
    position: relative;
    font-size: 17px;
    line-height: 30px;
    padding-left: 20px;
}
.blog-detail-long-desc ol {
    padding-left: 20px;
}

.blog-detail-long-desc ul li:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 6px;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 30px;
}

.blog-detail-long-desc  h6 {
    font-size: 18px;
    line-height: 40px;
    color: #2F2F31;
    padding-bottom: 15px;
}
.pre-launch-video .video-overlay {
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}
.pre-launch-video:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(180deg, #37C047 0%, #256F5D 100%);
    background: linear-gradient(180deg, #37C047 0%, #256F5D 100%);
    opacity: .7;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.pre-launch-video.remove-top-layer:after {
    display: none;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.mw-1364 {
    max-width: 1364px;
    margin: 0 auto;
    width: 100%;
}
.pre-launch-video.video-parent {
    height: 659px;
}
.mw-545{
    max-width: 545px;
    width: 100%;
}
.landing-features {
    width: 47px;
    height: 48px;
    background: -webkit-linear-gradient(140deg, #256F5D 0%, #37C047 100%);
    background: linear-gradient(140deg, #256F5D 0%, #37C047 100%);
    border-radius: 4px;
}

.landing-profile-setup {
    width: 17px;
    height: 22px;
}

.landing-featured-steps {
    height: 514px;
}
.landing-profile-image {
    width: 273px;
    height: 371px;
}

.z-index-1 {
    z-index: 1;
}
.landing-featured-steps .circle-37C047:before, .landing-featured-steps .circle-2A7D69:before {
    right: -129px;
    top: -179px;
}

.landing-featured-steps .circle-FFC531:before {
    left: -113px;
    bottom: -161px;
    top: unset;
}
.landing-create-gig {
    width: 22px;
    height: 22px;
}
.landing-create-gig-image {
    width: 555px;
    height: 375px;
}
.landing-unlimited-biding {
    width: 24px;
    height: 22px;
}

.landing-unlimited-image {
    width: 535px;
    height: 332px;
}
.landing-join-project {
    width: 20px;
    height: 18px;
}

.landing-join-project-image {
    width: 480px;
    height: 153px;
}
.landing-walet-icon {
    width: 26px;
    height: 18px;
}

.landing-walet-imag {
    width: 624px;
    height: 313px;
}

.landing-support-icon {
    width: 23px;
    height: 23px;
}

.landing-support-image {
    width: 672px;
    height: 514px;
}
.fa-58 {
    font-size: 58px;
}
.lh-68 {
    line-height: 68px;
}
.landing-share {
    background-color: #256F5D;
    border-radius: 46px;
    border: 5px solid #37C047;
    filter: drop-shadow(0px 36px 100px rgba(0, 0, 0, .05));
    padding: 80px 90px 70px;
}
.landing-share-img {
    bottom: 0px;
    right: 180px;
}

.landing-share-img img {
    width: 640px;
    height: 558px;
}
.landing-faqs .faq-item.active {
    background-color: #F3F7F2;
}
.btn-reg.btn-green.btn-yellow-hover:hover {
    border-color: #ffc531;
    color: #ffc531;
}
.prelaunch-ft-logo a, .prelaunch-ft-logo img {
    width: 114px;
    height: 73px;
    display: block;
}
.row-bottom-footer.row-bottom-footer-pre-launch {
    align-items: flex-end;
}
.mobile-header {
    display: none;
}
.gap-64 {
    gap: 64px;
}
.video-sec .btn-video {
    margin: 0 auto;
}
.recent-view-slider {
    margin-left: -10px;
}
.journey-img.pakistani-freelancer img {
    width: 592px;
    height: 541px;
}

.journey-img.pakistani-freelancer {
    right: 181px;
}
.home-categories.active:hover {
    cursor: pointer;
    text-decoration: none;
}
.project-type-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.journey.join-hire-page {
    padding: 132px 0px 110px 100px;
}
.hire-join-img {
    width: 686px;
    height: 516px;
    right: 90px;
    bottom: 0;
}
.mw-1100 {
    max-width: 1100px;
    width: 100%;
}

.mw-508 {
    max-width: 508px;
    width: 100%;
}

.package-list-preview li, .package-list-preview p {
    display: block;
}

.compare-package-list li {
    display: block;
}
.client-home5 .recent-view-item-inner {
    max-width: 312px;
}
.result-img {
    width: 79px;
    height: 42px;
}

.result-icon svg {
    width: 51px;
    height: 51px;
    background: linear-gradient(45deg, #256F5D 0%, #37C047 100%);
    padding: 10px;
    border-radius: 10px;
}
.result-img img {
    height: 100%;
}
.fa-43 {
    font-size: 43px;
}
.task-project-table-wrapper.wallet-table.search-result-wrapper table th:first-child, .task-project-table-wrapper.wallet-table.search-result-wrapper table td:first-child {
    min-width: 500px;
}
.chat-back, .chat-back-first {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    color: #979797;
}
.price-field {
    max-width: 235px;
}
.links-header-bottom > ul > li > ul {
    z-index: 4;
}
/* Hide the center play button */
/* video::-webkit-media-controls-start-playback-button {
    display: none !important;
    pointer-events: none;
    opacity: 0;
} */

/* For some browsers (like Firefox) */
/* video::-moz-media-controls-start-playback-button {
    display: none !important;
} */
/* Hide the center play button */
/* video::-webkit-media-controls-start-playback-button {
    display: none !important;
    visibility: hidden !important;
} */

/* video::-webkit-media-controls-overlay-play-button {
    display: none !important;
    visibility: hidden !important;
} */

/* video::-webkit-media-controls-fullscreen-button {
    display: none !important;
} */
.user-status-active-contact-btn .btn-reg {
    display: none;
}
.recent-user p {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#thumbnails-container img {
    height: 50px;
}
.chat-back-bid {
    display: none;
}
.chat-back-bid-client1, .chat-back-bid-client2 {
    display: none;
}
.pre-launch-video-desktop{
    display: block;
}
.pre-launch-video-mb{
    display: none;
}
.attached-file span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.freelancer-location, .freelancer-member-since {
    flex: 0 0 50%;
    max-width: calc(50% - 30px);
}
.mb-chat-btn {
    display: none;
}
.mb-chat-btn svg {
    width: 16px;
    height: 15px;
}
.video-sec .video-parent {
    border: 1px solid #ebebeb;
}
.mobile-video{
    display: none;
}
.desktop-video{
    display: block;
}
video.recent-img {
    width: 100%;
}
.home-section6.video-sec .video-parent video:fullscreen {
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
}
.category-tag-list li a {
    background-color: #EFEFEF;
    padding: 10px 20px;
    border-radius: 30px;
    color: #000;
    text-decoration: none;
}

.category-tag-list li a:hover {
    color: #256f5d;
}
 .brief-cat-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(50% - 10px);
} 
.search-result-wrapper .result-img video {
    width: 79px;
    height: 42px;
    object-fit: cover;
    border-radius: 7px;
}
.privacy-ul ol li:before {
    display: none;
}

.privacy-ul ol li {
    padding-left: 7px;
}
.container-1400 .blog-img {
    height: 240px;
}
.privacy-ul.freelancer-privacy li {
    padding-left: 20px;
}

.privacy-ul.freelancer-privacy li:before {
    width: 4px;
    height: 4px;
    top: 9px;
}
.privacy-ul.freelancer-privacy.freelancer-privacy-pdf li:before {
    top: 13px;
}
.custom-checkbox-project-proposal {
    width: 14px;
    height: 14px;
    border: 1px solid #37c047;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    position: relative;
}

.custom-checkbox-project-proposal:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/icons/tick.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    transition: 0.3s ease-in-out;
    transform: scale(0);
}

.project-proposal input#projectproposal:checked ~ .custom-checkbox-project-proposal:after {
   transform: scale(1);
   background-image: url(../images/icons/tick-white.png);
    background-color: #37c047;
}

.project-proposal {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top:20px;
}

input:checked ~ label.text-projectproposal {
    color: #2F2F31;
}
#use_different_email:hover {
    cursor: pointer;
    color: #37c047;
}
.mw-80-per {
    max-width: 80%;
}
.slick-dots {
    cursor: pointer;
}

.welcomemsg p {
    padding-bottom: 20px;
    font-size: 14px;
}

.welcomemsg ul li {
    position: relative;
    font-size: 14px;
}

.welcomemsg ul li:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: #000;
    border-radius: 50px;
    top: 6px;
    left: -15px;
}

.welcomemsg ul {
    padding-left: 14px;
    padding-bottom: 20px;
}
.custom-btn {
    background-color: #37C047;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
}
.custom-btn:hover {
    background-color: #256f5d;
    color: #fff;
    text-decoration: none;
}
.gig-content ul {
    margin-bottom: 30px;
}

.gig-content ul li {
    font-size: 12px;
    padding-bottom: 8px;
}
ul.compare-package-list ul li:before, .package-list-preview ul li:before{
    display: none;
}

ul.compare-package-list ul li, .package-list-preview ul li{
    padding-left:0px
}

.compare-package-list h1, .compare-package-list h2, .compare-package-list h3, .compare-package-list h4, .compare-package-list h5, .compare-package-list h6, .package-list-preview h1, .package-list-preview h2, .package-list-preview h3, .package-list-preview h4, .package-list-preview h5, .package-list-preview h6 {
    font-size: 15px;
    line-height: 2;
}
.notfound h1 {
    color: #2A7D69;
}

.fa-400 {
    font-size: 400px;
}

.back-icon svg {
    width: 16px;
    height: 16px;
}

.back-icon {
    background-color: #256F5D;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
}
.package-list-preview span {
    font-size: 12px !important;
}

ul.compare-package-list span {
    font-size: 12px !important;
}
.gig-video-item {
    max-height: 357px;
}

.gig-video-item video {
    height: 357px;
}
.user-from-inner > * {
    padding-bottom: 5px;
}
.gig-gallery-item video {
    max-height: 131px;
    object-fit: contain;
}
.item-info-personal.email img, .item-info-personal.phone img {
    height: auto;
    width: 13px !important;
}
.item-info-personal.phone h3, .item-info-personal.email h3 {
    width: auto;
}
.show-if-not-selected a {
    display: inline;
}

.item-info-personal.phone {
    align-items: center;
}
.freelancer-banner-img.freelancer-banner-img-qr {
    width: 302px;
    height: 335px;
    margin: 0 auto;
}

.freelancer-banner-img.freelancer-banner-img-qr img {
    width: 302px;
    height: 335px;
}
.custom-radio-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
    margin-right: 10px;
}

.custom-radio-wrapper input[type="radio"] {
    display: none; /* Hide the default radio */
}

.custom-radio {
    width: 18px;
    height: 18px;
    border: 2px solid #999;
    border-radius: 50%;
    margin-right: 8px;
    position: relative;
    transition: border-color 0.2s;
}

.custom-radio::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    background-color: #37c047; /* Change as per theme */
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.2s;
}

.custom-radio-wrapper input[type="radio"]:checked + .custom-radio::after {
    opacity: 1;
}

.custom-radio-wrapper input[type="radio"]:checked + .custom-radio {
    border-color: #37c047;
}
.featured-image-radio {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.featured-image-radio input[type="radio"] {
    display: none;
}

.featured-image-radio label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    user-select: none;
    font-size: 14px;
    color: #333;
}


.featured-image-radio label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 16px;
    width: 16px;
    background-color: #fff;
    border: 2px solid #37c047;
    border-radius: 50%;
    transition: border-color 0.3s ease;
}

.featured-image-radio input[type="radio"]:checked + label::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    height: 8px;
    width: 8px;
    background-color: #37c047;
    border-radius: 50%;
}

.featured-image-radio label:hover::before {
    border-color: #37c047;
}


.featured-image-radion-main {
    position: absolute;
    bottom: -30px;
    left: 0;
}

#fileUploadContainer .custom-image-video-selector {
    margin-bottom: 30px;
    overflow: visible;
}

.custom-image-video-selector input:checked ~ label {
    color: #333;
}
#fileUploadContainernotrequired .fa-trash-alt:before {
    top: 5px;
    position: relative;
}
.gap-38 {
    gap: 38px;
}
.graphics img {
    width: 46px;
    height: 46px;
}
.digital-m img {
    width: 50px;
    height: 53px;
}
.writing img {
    width: 50px;
    height: 49px;
}
.video img {
    width: 52px;
    height: 49px;
}
.music img {
    width: 49px;
    height: 56px;
}
.programming img {
    width: 49px;
    height: 46px;
}
.data img {
    width: 54px;
    height: 46px;
}
.business img {
    width: 52px;
    height: 46px;
}

.ecommerce img {
    width: 50px;
    height: 46px;
}
#gig_category_tabs .nav-link {
    padding: 0px;
    margin: 0;
    border: 0;
    border-radius: 0px;
    background-color: transparent;
}

#gig_category_tabs {
    border-bottom: 0px;
}
.recent-view-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    justify-content: center;
}

.recent-view-tabs .recent-view-item {
    padding: 0px;
    max-width: calc(20% - 15px);
}

#gig_category_content {
    padding-top: 75px;
}
#gig_category_tabs li {
    max-width: 147.9px;
    width: 100%;
}
.home-categories.active {
    animation: popActive 0.5s ease;
}

#gig_category_content .category-all {
    margin-left: auto;
    margin-right: auto;
}
/* #gig_category_content .fade {
    transition: opacity 1s linear;
} */
.global-project img {
    width: 765px;
    height: 508px;
}
.blog-item a {
    color: #256f5d;
}

.blog-item a svg path {
    fill: #256f5d;
}

.blog-item a:hover svg path {
    fill: #37c047;
}

.blog-item a:hover {
    color: #37c047;
    text-decoration: none;
}
.gig-policy {
    padding-top: 10px;
    color: red;
}
.recent-view-tabs .recent-view-item {
    max-width: calc(33% - 15px);
}
.notification-messages a li p {
    font-size: 12px;
}

.notification-messages a li span {
    font-size: 9px;
}
.notification-messages li a {
    padding: 10px 20px;
    display: block;
}

.notification-messages > a {
    padding: 0px 20px;
}

.notification-messages li a p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

.notification-messages li a span {
    font-size: 10px;
    line-height: 15px;
}

.notification-messages::-webkit-scrollbar {
    width: 6px;
}
  
.notification-messages::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 30px;
}
.notification-messages::-webkit-scrollbar-thumb {
    background: #256F5D;
    border-radius: 30px;
}
.ml-auto {
    margin-left: auto;
}
.mr-auto {
    margin-right: auto;
}
.home-cat-img img {
    width: 50px;
    height: auto;
}
.recent-img-container video {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}
.list-wish-like-notification .chat-create img {
    width: 16px;
    height: 24px;
}
.create-chat-notification {
    position: absolute;
    top: -7px;
    right: -7px;
    background-color: #FF3D3D;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    line-height: 10px;
    width: 18px;
    height: 18px;
    font-weight: 700;
}

.chat-create {
    position: relative;
}
.realtime-notification > a {
    padding: 10px 20px;
    border-bottom: 1px solid #ccc;
}

.realtime-notification > a:last-child {
    border-bottom: none;
}
.winning-badge {
    padding: 5px 10px 3px;
    position: absolute;
    right: 8px;
    bottom: 8px;
    line-height: 1;
    background-color: #256f5d;
    border-radius: 30px;
}
.message-nofify-active.message-unread {
    background-color: #FF3D3D;
    top: unset;
    bottom: 20px;
    right: 15px;
}
/* #bids-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
} */
 
.winner {
    order: -1;
}
.custom-image-video-selector {
    position: relative;
    width: 100%;
    height: 200px;
    /* Adjust height as needed */
    border: 2px dashed #ccc;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.message-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255,255,255,0.8);
}
.messge-loader-relative {
    position: relative;
}
.welcome-message {
    background-image: none;
    border-radius: 10px;
}
.contact-on-submit, .partner-on-submit, .ipclaim-on-submit {
    margin-right: 5px;
}
.recent-img-container video {
    height: 171px;
}
.icon-success.reject-bid span {
    background-color: #D70820;
}
.project-complete-modal-btns .btn-reg.btn-transparent:hover {
    color: #fff;
}
.edit-gig-item {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #FE3D3B;
    min-height: 33px;
    min-width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 1;
}

.edit-gig-item .more-option-icon {
    padding: 0px;
}

.edit-gig-item .more-option-icon img {
    width: 16px;
    height: 16px;
    filter: invert(1) brightness(2);
}
.gig-status-item a {
    background-color: #37c047;
    color: #fff;
    padding: 2px 10px;
    border-radius: 10px;
}

.gig-status-item.paused a {
    background-color: #fe3d3b;
}
.active-paused-gig .active-gig-item > .active-gig-item-content h4 {
    margin-bottom: 10px;
}
.active-paused-gig .active-gig-item.add-gig-item > .active-gig-item-content h4 {
    height: unset;
    margin: 0;
}
.active-gig-item.paused-gig-item {
    border: 1px solid #595959;
}

.paused-gig-item .active-gig-item-img img {
    filter: grayscale(1);
}
.edit-gig-main-red-bg {
    background-color: #FF3D3D;
    color: #fff;
}

.edit-gig-main-red-bg .edit-gig-icon img {
    filter: invert(1) brightness(10);
}
.uploaded-files a {
    text-overflow: ellipsis;
    padding-right: 49.997px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 14.995px;
    max-width: 400px;
}
.brief-notification-left-header {
    background-color: #256F5D;
    padding: 18px 22px;
    border-radius: 5px 5px 0px 0px;
}
 
.mw-356{
    border-radius: 7px;
    background-color: #F3F7F2;
    border: 1px solid rgba(37, 111, 93, 0.2);
    max-width:356px;
    width:100%
}
.mw-447{
    border-radius: 7px;
    background-color: #F3F7F2;
    border: 1px solid rgba(37, 111, 93, 0.2);
    max-width:447px;
    width:100%
}
.client-invoice-left{
    border-radius: 7px;
    background-color: #F3F7F2;
    border: 1px solid rgba(37, 111, 93, 0.2);
}
.brief-notification-left > .brief-notification-user a {
    background-color: #fff;
    border: 1px solid #97979745;
    border-radius: 5px;
    padding: 10px;
}
 
.message-notification-item .brief-notification-user {
    background-color: transparent;
    /* border: 1px solid #37C047; */
    /* border-radius: 5px; */
    padding: 0px;
}
 
.message-notification-item {
    width: 100%;
    /* padding: 20px; */
}
 
.brief-notification-left > .brief-notification-user {
    background-color: transparent;
    max-width: 360px;
}
 
.brief-notification-left > .brief-notification-user a.unread {
    border-color: #37C047;
}
 
.message-notification-item.unread .brief-notification-user {
    background-color: transparent;
}
 
.mw-1015.welcomemsg {
    border-radius: 7px;
    background-color: #fff;
    border: 1px solid rgba(37, 111, 93, 0.2);
    padding: 20px;
    max-width:1015px;
    width:100%;
}
 
.user-admin {
    background-color: #F3F7F2;
    filter: none;
    border-radius: 5px;
    justify-content: center;
}
 
.user-admin .brief-notification-user-name {
    width: unset;
    padding: 0;
}
.message-search {
    width: 160px;
}

.message-search form {
    width: 100%;
    position: relative;
}

.message-search form input {
    width: 100%;
    background-color: transparent;
    border: 0;
    padding-right: 30px;
    color: #fff;
}

button#message-filter-btn {
    position: absolute;
    top: 50%;
    right: 6px;
    border: none;
    transform: translateY(-50%);
    background: transparent;
}

.message-search form input:hover {
    border-bottom: 1px solid #f3f7f2;
}
.breif-notification-time.message-time {
    top: -5px;
    right: 2px;
}
.message-nofitication-user {
    height: 491px;
    overflow-y: auto;
    padding: 0px 20px;
}

.message-nofitication-user .message-notification-item {
    filter: none;
    max-width: 360px;
}
.message-nofitication-user::-webkit-scrollbar {
    width: 7px;
    border-radius:15px;
    background-color: #EEEEEE;
  }
   
  .message-nofitication-user::-webkit-scrollbar-track {
    border-radius:15px;
  }
   
  .message-nofitication-user::-webkit-scrollbar-thumb {
    background-color: #256F5D;
    border-radius:15px;
  }
  @keyframes popActive {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
  }
  .solid-spinner {
    width: 50px;
    height: 50px;
    border: 8px solid #39c149;         
    border-top: 8px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    display: inline-block;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  .show-all-bid-notification-user-container-main-left {
    background-color: #F3F7F2;
    border-radius:7px;
}

.show-all-bid-notification-user-container-main-left p {
    height: 100%;
}

.show-all-bid-notification-user-container-main-left .show-all-project-notification-user-container p {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bid-info-details-freelancer .bid-message-header .bid-message-user-info-not-found{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 422px;
    padding: 0px;
    width: 100%;
}
.bid-message-right{
    border-radius: 7.008px;
    border: 0.998px solid rgba(37, 111, 93, 0.2);
}
.bid-message-desc p {
    font-weight: 500;
}
.bid-message-btns {
    padding-bottom: 20px;
}
.bid-messages-container.bid-info-details.bid-info-details-freelancer {
    min-height: 546px;
}
.mw-631 {
    max-width: 631px;
    width: 100%;
    border: 1px solid rgba(37, 111, 93, 0.2);
    border-radius: 7px;
    height: 100%;
}
.proposal-download img, .proposal-link img{
    filter: brightness(0) invert(1);
}
.brief-notification-left-header-client {
    height: 107px;
}

.bids-proposal-tabs .nav-link.active {
    background-color: transparent;
    color: #fff;
    border-bottom: 1px solid #FFC531;
}
.bid-info-details {
    min-height: 581px;
}
p.no-bid-client {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.client-bid-details-section {
    height: 444px;
}

.client-bid-details-section .bid-message-header {
    height: 100%;
    justify-content: center !important;
    width: 100%;
    padding-top: 15px;
}
.invoice-container {
    border-radius: 7px;
    border: 1px solid rgba(37, 111, 93, 0.2);
}
button.btn-reg.btn-green.pay-now-only {
    margin: 0 auto;
}
.project-progress-auto.project-progress-auto-wallet > * {
    flex: 0 0 206px;
    max-width: 206px;
    border-radius: 10px;
    padding: 16px;
}

.gap-92 {
    gap: 92px;
}

.project-progress-auto {
    padding-left: 0px;
    padding-right: 0px;
}

.progress-arrow.progress-arrow-wallet:after {
    width: 29px;
    height: 22px;
    right: -75px;
}
.progress-arrow-wallet > p {
    line-height: 100%;
}
.no-invoice-container {
    height: 546px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
}
.items-row-overview-form .select2-container {
    pointer-events: none;
    background-color: #eee;
}

p.ckeditor-error-msg {
    position: absolute;
    bottom: 2px;
    width: 99%;
    text-align: center;
    background-color: #f3f3f3;
    z-index: 1;
    padding: 7px;
    left: 1%;
}

.ckeditor-items-package.error-limit {
    position: relative;
}

/* chat new*/
.mw-777 {
    max-width: 777px;
    width: 100%;
}
.mw-207 {
    max-width: 207px;
    width: 100%;
}
.chat-messages-main-inner {
    padding: 0px;
}
.project-search.chat-project-search input{
    background-color: transparent;
}
.project-progress-auto{
    overflow: hidden;
}
.progress-status-chat {
    width: 38px;
    height: 38px;
}

.project-progress-auto > * {
    flex: unset;
    max-width: unset;
    border-radius: unset;
}
.progress-status-chat {
    border: 12px solid;
    border-radius: 50%;
    background-color: #fff;
}
.border-green {
    border-color: #256F5D;
}
.border-red {
    border-color: #d70820;
}

.border-yellow {
    border-color: #ffc531;
}

.border-grey {
    border-color: #C1C1C1;
}
.progress-arrow .progress-status-chat:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 62px;
    background-repeat: no-repeat;
    background-position: center;
    left: 50%;
    background-size: 100%;
    background-color: #000;
    transform: translateX(-50%);
    bottom: -62px;
}

.progress-arrow:after {
    display: none;
}

.progress-arrow .progress-status.border-green:after {
    background-color: #256F5D;
}

.progress-arrow .progress-status.border-red:after {
    background-color: #d70820;
}

.progress-arrow .progress-status.border-yellow:after {
    background-color: #ffc531;
}

.progress-arrow .progress-status.border-grey:after {
    background-color: #C1C1C1;
}
.color-C1C1C1{
    color:#c1c1c1;
}
.project-progress-auto > * {
    padding: 30px 0px;
}
.project-progress-auto{
    padding: 0px;
}
.project-progress-auto > .d-flex:last-child .progress-status-chat:after {
    display: none;
}
.chat-messages-container {
    border: 1px solid rgba(37, 111, 93, 0.2);
    border-radius: 5px;
}

.project-padding-progress {
    padding: 0px 0px 0px 17px;
    border: 1px solid rgba(37, 111, 93, 0.2);
    border-radius: 5px;
    background-color: #F3F7F2;
}
.brief-chat-header {
    border: none;
    padding-top: 0px;
}
.brief-notification-user-container.new-chat-container {
    padding-right: 16px;
}
.chat-only-screen .brief-notification-user {
    min-height: 68px;
    padding: 15px 15px 17px;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #EAEAEA;
}
.brief-notification-user-container.chat-only-screen {
    padding: 0px 16px;
}
.chat-only-screen .brief-notification-user.active {
    border: 1px solid #37C047;
}
.mw-1015 {
    max-width: 1015px;
    width: 100%;
}
.color-d70820 {
    color: #d70820;
}
.project-progress-chat {
    height: 570px;
    overflow: auto;
    width: 100%;
    padding-right: 10px;
}
.project-progress-chat::-webkit-scrollbar {
    width: 7px;
    border-radius:15px;
    background-color: #EEEEEE;
  }
   
  .project-progress-chat::-webkit-scrollbar-track {
    border-radius:15px;
  }
   
  .project-progress-chat::-webkit-scrollbar-thumb {
    background-color: #256F5D;
    border-radius:15px;
  }
  .mw-120{
    max-width:120px;
  }
  .uploaded-files {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.no-chat-only-screen {
    display: flex;
    align-items: center;
    justify-content: center;
}
.no-chat-only-screen .day-chat {
    align-items: center;
    justify-content: center;
    display: flex;
    height: 100%;
}

.no-chat-only-screen .day-chat h4 {
    padding-top: 60px;
}
#signupModalClient .modal-dialog {
    max-width: 1082px;
}
.signup-client-img img {
    max-width: 547px;
    width: 100%;
}

.signup-client-img {
    text-align: center;
}
.client-signup-right {
    padding: 0px 40px 0px 10px;
}
.login-via-gfe {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin: 47px 0;
}
.items-login-gfe a {
    display: flex;
    align-items: center;
    width: 100%;
    border: 1px solid #bebebe;
    font-size: 18px;
    letter-spacing: -0.3px;
    color: var(--black);
    padding: 11.5px 72px;
    text-decoration: none;
    border-radius: 5px;
    position: relative;
    justify-content: center;
    transition: 0.3s ease-in-out;
}
.items-login-gfe a > span {
    position: absolute;
    left: 32px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    max-width: 28px;
}
.items-login-gfe a > span img {
    width: 100%;
    object-fit: scale-down;
    height: auto;
}
.package-detail-bill-footer .quantity-selector .minus, .package-detail-bill-footer .quantity-selector .plus {
    display: none;
}
.contract-creation-content {
    padding: 45px 56px 58px;
}
.dashboard__promo__row {
    margin-bottom: 40px;
}
.input-search-contract
 {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.dollar {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #BEBEBE;
}
.contract-creation-fields .input-fields input.hourly_rate_created {
    padding-left: 28px;
}
.contract-creation-inner {
    overflow-y: auto;
    height: 560px;
    padding-right: 10px;
}
 
.proposal-review.created-contract-btn
 {
    margin-left: 0;
    margin-top: 20px;
}
.add-contract {
    max-width: 55px;
    gap:5px;
}
.remove-row.contract-cat-remove-row {
    position: absolute;
    top: 0;
    right: 0px;
    width: 18px;
    height: 20px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #d22d3d;
}
.remove-row button, .remove-row-payment button {
    background-color: transparent;
    border: 0;
    line-height: 1;
    padding: 0px;
    color: #fff;
}
 
.contract-creation-fields .input-fields select, .contract-creation-fields .input-fields textarea, .contract-creation-fields .input-fields input
 {
    padding: 10px 15px;
}
.contract-creation-category .select2-container--default .select2-selection--single {
    height: 45px !important;
    padding: 0px 15px;
}
.contract-creation-content .select2-container--default .select2-selection--single {
    border: 1px solid #ced4da !important;
    height: 42px !important;
}
 
.contract-creation-category .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px !important;
    padding: 0px;
}
 
.contract-creation-category .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px !important;
}
.contract-creation-sub-category .select2-selection.select2-selection--multiple {
    padding: 6px 15px 6px 7px;
    border-color: #bebebe;
    min-height: 45px;
    height: 45px;
}
.contract-creation-sub-category .select2-selection.select2-selection--multiple {
    overflow-y: auto;
}
.contract-creation-sub-category .select2-selection.select2-selection--multiple {
    padding: 6px 15px 6px 7px;
    border-color: #bebebe;
    min-height: 45px;
    height: 45px;
}
.added-row .select2-container--default .select2-selection--multiple .select2-selection__choice, .contract-creation-sub-category .select2-container--default .select2-selection--multiple .select2-selection__choice, .payment-schedule-table .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 0px 5px;
    padding-right: 20px;
    border: none;
}
.added-row .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .payment-schedule-table .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .contract-creation-sub-category .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #2F2F31;
    left: unset;
    top: 3px;
    line-height: 1;
    border-radius: 30px;
    padding: 1px 0 0;
    color: #fff;
    font-weight: 400;
    right: 3px;
    font-size: 11px;
}
.added-row .select2-container--default .select2-selection--multiple .select2-selection__choice__display, .contract-creation-sub-category .select2-container--default .select2-selection--multiple .select2-selection__choice__display, .payment-schedule-table .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 13px;
    line-height: 1;
}
.added-row .select2-container--default .select2-selection--multiple .select2-selection__choice, .contract-creation-sub-category .select2-container--default .select2-selection--multiple .select2-selection__choice, .payment-schedule-table .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 0vw 1.042vw 0vw 0.26vw;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}
    .contract-creation-sub-category .select2-container, .contract-creation-category .select2-container {
        width: 100% !important;
    }
 
.contract-creation-fields .input-fields select, .contract-creation-fields .input-fields textarea, .contract-creation-fields .input-fields input {
    padding: 10px 15px;
}
 
.contract-creation-sub-category .select2-search__field {
    height: 26px !important;
    min-height: 26px !important;
    padding: 3px !important;
    margin: 0 !important;
    line-height: 1;
}
.modal-dialog.contract-dialog {
    max-width: 1380px;
}
.contract-content {
    padding: 45px 83px 83px;
}
.dashboard__promo {
    padding: 0;
    background: transparent;
}
.dashboard__promo__row {
    margin-bottom: 40px;
    align-items: center;
}
.dashboard__promo__row h4 {
    font-size: 26px;
    line-height: 30px;
}
.mw-1211 {
    max-width: 1211px;
    width: 100%;
}
.mw-110 {
    max-width: 110px;
    width: 100%;
}
.mw-435 {
    max-width: 435px;
    width: 100%;
}
.modal-dialog.contract-view-dialog {
    max-width: 950px;
}
#contractView .contract-view-content-inner {
    padding: 48px 98px;
}
#contractView .contact-logo {
    width: 87px;
    height: 57px;
    margin: 0 auto;
}
#contract-signature-img {
    width: 300px;
    height: 200px;
    object-fit: contain;
    object-position: center;
}
.signature-input {
    width: 190px;
    display: flex;
    height: 92px;
    border-bottom: 1px solid #979797;
    margin-bottom: 9px;
    align-items: flex-end;
    justify-content: center;
}
a.create-contract {
    padding: 16px 20px;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -.3px;
    line-height: 1;
    background: #2a705e;
    border-color: #2a705e;
    color: #fff;
}

a.create-contract:hover {
    color: #2a705e;
    background-color: transparent;
}
.invoice-all .brief-notification-user.active-invoice {
    order: -1; 
}
.invoice-all .brief-notification-user-container {
    display: flex;
    flex-direction: column;
}
.clickable-image {
    cursor: pointer;
}
.view-status-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.view-status-img {
    width: 200px;
    height: 200px;
}
img#lightboxImage {
    object-fit: contain;
}
.go-to-admin.btn {
    background-color: #256f5d;
    color: #fff;
    padding: 10px 10px;
    font-size: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 0px;
}

.go-to-admin.btn:hover {
    background-color: #28a745;
    color: #fff;
}
.checkbox-btn.gig-update input:checked ~ span::before {
    border: 5px solid #fff;
    transform: none;
    border-radius: 30px;
    bottom: unset;
    top: 0;
    left: 0;
    width: 8px;
    height: 6px;
}
.checkbox-btn.gig-update input:checked ~ span {
    background-color: #37C047;
    border-color: #37C047;
}