@media(min-width:992px){
    * {
        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 2.604vw 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 2.604vw 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: 0.417vw;
    }
    .fa-12 {
        font-size: 0.625vw;
    }
    .fa-13 {
        font-size: 0.677vw;
    }
    .fa-14 {
        font-size: 0.729vw;
    }
    .fa-15 {
        font-size: 0.781vw;
    }
    .fa-16 {
        font-size: 0.833vw;
    }
    .fa-17 {
        font-size: 0.885vw;
    }
    .fa-18 {
        font-size: 0.938vw;
    }
    .fa-19 {
        font-size: 0.99vw;
    }
    .fa-20 {
        font-size: 1.042vw;
    }
    .fa-21 {
        font-size: 1.094vw;
    }
    .fa-22 {
        font-size: 1.146vw;
    }
    .fa-34 {
        font-size: 1.771vw;
    }
    .fa-50{
        font-size:2.604vw;
    }
    
    /* MArgins */
    .mb-10 {
        margin-bottom: 0.521vw;
    }
    .mb-15 {
        margin-bottom: 0.781vw;
    }
    .mb-20 {
        margin-bottom: 1.042vw;
    }
    .mb-30 {
        margin-bottom: 1.563vw;
    }
    .mb-40 {
        margin-bottom: 2.083vw;
    }
    .mb-50 {
        margin-bottom: 2.604vw;
    }
    .mb-60 {
        margin-bottom: 3.125vw;
    }
    .mb-70 {
        margin-bottom: 3.646vw;
    }
    .mb-80 {
        margin-bottom: 4.167vw;
    }
    .mb-90 {
        margin-bottom: 4.688vw;
    }
    .mb-100 {
        margin-bottom: 5.208vw;
    }
    
    .mt-10 {
        margin-top: 0.521vw;
    }
    .mt-20 {
        margin-top: 1.042vw;
    }
    .mt-30 {
        margin-top: 1.563vw;
    }
    .mt-40 {
        margin-top: 2.083vw;
    }
    .mt-50 {
        margin-top: 2.604vw;
    }
    .mt-60 {
        margin-top: 3.125vw;
    }
    .mt-70 {
        margin-top: 3.646vw;
    }
    .mt-80 {
        margin-top: 4.167vw;
    }
    .mt-90 {
        margin-top: 4.688vw;
    }
    .mt-100 {
        margin-top: 5.208vw;
    }
    /* MArgins */
    
    /* Custom Classes */
    
    /* Containers */
    .container-1400 {
        max-width: 72.917vw;
        width: 90%;
        margin: 0 auto;
    }
    /* Containers */
    
    /* Header */
    .main-header-parent {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        padding: 1.042vw 0;
    }
    
    .btn-reg {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.417vw 0.625vw;
        text-decoration: none;
        color: #2f2f31;
        font-size: 0.729vw;
        font-weight: 700;
        border-radius: 0.417vw;
        border: 0.052vw 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: 63.385vw;
        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: 0.26vw;
        color: var(--black);
        font-size: 0.729vw;
        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: 2.188vw;
    }
    
    .btn-header-wrapper {
        gap: 0.677vw;
    }
    
    .main-web-search-bar {
        position: relative;
        width: 100%;
        max-width: 20.99vw;
        flex: 1 1 auto;
        border: 0.052vw solid rgb(47 47 49 / 50%);
        border-radius: 0.417vw;
        overflow: hidden;
    }
    
    .main-web-search-bar input {
        width: 100%;
        border: none;
        height: 1.979vw;
        padding: 0.26vw 3.646vw 0.26vw 1.042vw;
        font-size: 0.625vw;
    }
    
    .main-web-search-bar button {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background: #ffc531;
        border: none;
        height: 100%;
        width: 100%;
        max-width: 3.021vw;
    }
    
    .main-web-links-header {
        flex: 1 1 auto;
        max-width: 40.417vw;
        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: 0.521vw;
        flex-flow: wrap;
    }
    
    .links-header-bottom ul li {
        flex: 1 1 auto;
        max-width: fit-content;
    }
    
    .header-bottom {
        border-top: 0.052vw solid rgb(0 0 0 / 20%);
        border-bottom: 0.052vw solid rgb(0 0 0 / 20%);
    }
    
    .links-header-bottom ul li .nav-link-Zn {
        padding: 0.885vw 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: 0.208vw;
    }
    
    .links-header-bottom ul li .nav-link-Zn:hover {
        text-decoration: none;
    }
    /* Header */
    
    /* AutoComplete */
    .autocomplete-suggestions {
        font-size: 0.729vw;
        text-align: left;
        border: 0.052vw solid #bebebe;
        border-bottom-left-radius: 0.156vw;
        border-bottom-right-radius: 0.156vw;
        background: #fff;
        overflow: auto;
    }
    .autocomplete-suggestion {
        padding: 0.26vw 0.26vw;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
    }
    /* AutoComplete */
    
    /* Footer */
    .footer-menu-items-parent {
        padding: 4.688vw 0;
    }
    
    .row-footer {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-flow: wrap;
        row-gap: 1.302vw;
    }
    
    .col-footer-links h3 {
        font-size: 0.938vw;
        font-weight: 700;
        margin-bottom: 1.563vw;
    }
    
    .col-footer-links ul li a {
        font-size: 0.729vw;
        display: inline-block;
        color: #000;
        margin-bottom: 0.938vw;
        line-height: 172%;
    }
    
    .col-footer-links ul li:last-child a {
        margin-bottom: 0;
    }
    
    .subscribe-form-parent {
        max-width: 27.656vw;
        margin-left: auto;
    }
    
    .subscribe-form {
        display: flex;
        flex-flow: wrap;
        justify-content: flex-start;
        gap: 0.469vw;
        margin-bottom: 0.521vw;
    }
    
    .subscribe-form input {
        width: calc(100% - 5.729vw);
        border: 0.052vw solid #b4b4b4;
        border-radius: 0.521vw;
        padding: 0.677vw 1.042vw;
        font-size: 0.833vw;
        background: linear-gradient(
            0deg,
            rgb(216 216 216 / 80%),
            rgb(190 189 189 / 20%)
        );
    }
    
    .subscribe-form input::placeholder {
        color: #494949;
    }
    
    .custom-checkbox-subscribe {
        width: 0.729vw;
        height: 0.729vw;
        border: 0.052vw solid #37c047;
        border-radius: 0.208vw;
        position: relative;
        overflow: hidden;
    }
    
    .checkbox-subscribe {
        display: flex;
        align-items: center;
        gap: 0.417vw;
    }
    
    .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: 1.667vw 0 2.396vw;
        border-top: 0.052vw solid rgb(0 0 0 / 20%);
        margin-top: 2.083vw;
    }
    
    .row-bottom-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .col-footer-social-links ul {
        display: flex;
        align-items: center;
        gap: 2.76vw;
        padding-top: 0.781vw;
    }
    
    .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: 1.563vw;
    }
    .border-5-white {
        border: 0.26vw solid #fff;
    }
    .bg-F3F7F2 {
        background-color: #f3f7f2;
    }
    .bg-ffffff {
        background-color: #ffffff;
    }
    .profile-picture img {
        width: 7.969vw;
        height: 7.969vw;
        border-radius: 50%;
        object-fit: cover;
    }
    
    .fa-30 {
        font-size: 1.563vw;
    }
    
    .color-2F2F31 {
        color: #2f2f31;
    }
    
    .mb-16 {
        margin-bottom: 0.833vw;
    }
    
    .mw-219 {
        max-width: 11.406vw;
        width: 100%;
    }
    
    .mt-21 {
        margin-top: 1.094vw;
    }
    
    .box-design {
        filter: drop-shadow(0vw 0.677vw 5.208vw rgb(0 0 0 / 5%));
        padding: 2.188vw 1.042vw 3.333vw;
        margin-bottom: 4.167vw;
        position: relative;
    }
    
    .mt-62 {
        margin-top: 3.229vw;
    }
    
    .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: 0.833vw;
        padding: 0.208vw 0.99vw;
        bottom: -0.573vw;
        left: 50%;
        transform: translateX(-50%);
        max-width: fit-content;
        border-radius: 1.302vw;
    }
    
    .tag-new h3 {
        font-size: inherit;
    }
    
    .pt-70 {
        padding-top: 3.646vw;
    }
    .pt-50 {
        padding-top: 2.604vw;
    }
    .client-home1 {
        padding-top: 2.604vw;
    }
    
    .pb-110 {
        padding-bottom: 5.729vw;
    }
    .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: 1.042vw;
        font-weight: 500;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -1.406vw;
        padding: 0.573vw 2.031vw;
        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: 2.083vw;
    }
    
    .description-box {
        padding-bottom: 0vw;
        /* border-bottom: 0.052vw 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: 0.625vw 0.052vw;
        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: 0.781vw;
    }
    
    .textareadescription.activated-editing-textarea textarea {
        padding: 0.521vw;
        border: 0.052vw solid var(--green) !important;
        border-radius: 0.781vw;
    }
    
    .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: 1.667vw;
    }
    .gap-42{
        gap: 2.188vw;
    }
    
    .gap-5px {
        gap: 0.26vw;
    }
    
    .list-wish-like-notification ul {
        display: flex;
        flex-flow: wrap;
        gap: 1.823vw;
    }
    
    .profile-logged-in {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
        max-width: 22.396vw;
        gap: 1.302vw;
        margin-left: auto;
        flex-flow: wrap;
    }
    
    .profile-image-main-header {
        position: relative;
    }
    
    .profile-image-main-header img {
        width: 2.969vw;
        height: 2.969vw;
        overflow: hidden;
        border-radius: 50%;
    }
    
    .profile-management {
        display: flex;
        align-items: center;
        flex-flow: wrap;
        gap: 1.25vw;
    }
    
    .active-indicator {
        position: absolute;
        right: 0.208vw;
        bottom: 0.052vw;
        width: 0.625vw;
        height: 0.625vw;
        border-radius: 50%;
        background: #37c047;
        border: 0.052vw solid #fff;
    }
    /* Info Page */
    
    .item-info-personal {
        display: flex;
        justify-content: space-between;
        flex-flow: wrap;
        align-items: flex-end;
        padding: 0.938vw 0;
    }
    
    .item-info-personal > div {
        display: flex;
        flex-flow: wrap;
        gap: 0.625vw;
        align-items: center;
    }
    
    .item-info-personal p {
        font-size: 0.729vw;
        font-weight: 500;
        color: #494949;
    }
    
    .item-info-personal h3 {
        width: 100%;
        font-size: 0.938vw;
        font-weight: 600;
        text-align: right;
        max-width: 13.021vw;
    }
    
    .pb-25 {
        padding-bottom: 1.302vw;
    }
    
    .pb-45 {
        padding-bottom: 2.344vw;
    }
    
    .boxes-items-skill {
        padding: 1.667vw 0;
    }
    
    .pt-10 {
        padding-top: 0.521vw !important;
    }
    .pb-10 {
        padding-bottom: 0.521vw !important;
    }
    
    .pb-50 {
        padding-bottom: 2.604vw !important;
    }
    
    .text-decoration-underline {
        text-decoration: underline !important;
    }
    
    .mb-20 {
        margin-bottom: 1.042vw;
    }
    
    .mb-30 {
        margin-bottom: 1.563vw;
    }
    
    .btn-edit-btn-description .btn-reg {
        padding: 0.365vw 0.625vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.833vw;
        font-weight: 500;
    }
    
    .btn-edit-btn-description {
        gap: 0.781vw;
    }
    
    .addskillsarea{
        display: none;
    }
    
    .box-selects-forms-submit {
        display: flex;
        flex-flow: wrap;
        gap: 0.521vw;
        background: #fff;
        padding: 0.938vw 0.625vw;
        margin: 0 0 1.146vw;
        border-radius: 0.26vw;
    }
    
    .form-group-custom {
        width: 100%;
    }
    
    .form-group-custom input,
    .form-group-custom select {
        width: 100%;
        border: 0.052vw solid #bebebe;
        font-size: 0.625vw;
        padding: 0.521vw 0.625vw;
        border-radius: 0.26vw;
    }
    
    .btn-reg.btn-2F2F31:hover {
        background: transparent;
        border-color: #2f2f31;
        color: #2f2f31;
    }
    
    /*.skill-added-before p {*/
    /*    flex: 0 0 100%;*/
    /*    max-width: calc(100% - 1.563vw);*/
    /*    font-size: 0.729vw;*/
    /*}*/
    
    .form-group-custom select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none;
        padding-right: 1.563vw;
        background-image: url(../images/icons/chev-down.png);
        background-repeat: no-repeat;
        background-size: 0.677vw;
        background-position: calc(100% - 0.625vw) center;
    }
    
    .sub-menus {
        position: absolute;
        background: #fff;
        min-width: 10.417vw;
        width: fit-content;
        right: 0;
        padding: 0.781vw 0;
        z-index: 99;
        border-radius: 0.26vw;
        filter: drop-shadow(0 0.104vw 0.26vw #0000004f);
        top: calc(100% + 1.823vw);
        opacity: 0;
        visibility: hidden;
        transition: 0.3s ease-in-out;
    }
    
    .sub-menus ul li a {
        color: var(--black);
        display: block;
        padding: 0.26vw 0.781vw;
        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% + 0.781vw);
        opacity: 1;
        visibility: visible;
    }
    
    .sub-menus:before {
        content: '';
        border: 0.521vw solid transparent;
        border-top: 0;
        border-bottom: 0.521vw solid #ffffff;
        position: absolute;
        right: 0.859vw;
        top: -0.521vw;
    }
    
    .profile-image-main-header {
        cursor: pointer;
    }
    
    /**/
    .skill-show-here {
        display: flex;
        flex-flow: wrap;
        gap: 0.417vw;
        width: 100%;
        justify-content: flex-start;
    }
    
    .item-show-with-icon {
        width: fit-content;
        position: relative;
        flex: 0 0 100%;
        max-width: fit-content;
        padding: 0.365vw 0.521vw;
        border: 0.026vw solid #2F2F31;
        color: #2F2F31;
        border-radius: 2.604vw;
        min-width: 4.688vw;
        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: 0.26vw;
        /*padding: 0.313vw;*/
        padding: 0.365vw;
        background: #fff;
        border-radius: 2.604vw;
        transition: 0.3s ease-in-out;
        visibility: hidden;
        left: -100%;
        opacity: 0;
    }
    
    .item-show-with-icon > p {
        /*font-size: 0.625vw;*/
        font-size: 0.625vw;
    }
    
    .itembtnstyling {
        /*width: 0.938vw;*/
        /*height: 0.938vw;*/
        width: 1.25vw;
        height: 1.25vw;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: none;
        background: #FF0000;
    }
    
    .itembtnstyling img {
        /*max-width: 0.469vw;*/
        max-width: 0.729vw;
        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% - 0.26vw)
    }
    
    .mw-67-percent{
        max-width:calc(67% - 0.26vw)
    }
    .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: 3.229vw;
        height: 3.229vw;
        border-radius: 0.365vw;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0.052vw solid #EDEDED;
    }
    
    .white-bg-image img {
        max-width: 75%;
    }
    
    .fa-26 {
        font-size: 1.354vw;
    }
    
    .fa-48 {
        font-size: 2.5vw;
    }
    
    .fa-10 {
        font-size: 0.521vw;
    }
    
    .create-your-first-gig {
        margin: 0;
        border-width: 0.104vw;
        padding: 3.229vw 4.688vw 4.115vw;
        filter: drop-shadow(0vw 0.677vw 5.208vw rgb(0 0 0 / 15%));
    }
    .mw-870 {
        max-width: 45.313vw;
    }
    
    .main-right-box-profile {
        margin-left: auto;
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
    }
    
    .mw-590 {
        max-width: 30.729vw;
    }
    
    .mw-210 {
        max-width: 10.938vw;
    }
    
    .btn-127 {
        width: 100%;
        max-width: fit-content;
        padding: 0.417vw 1.198vw;
        border-radius: 0.156vw;
    }
    
    .mb-17{
        margin-bottom:0.885vw;
    }
    .mb-30{
        margin-bottom:1.563vw;
    }
    .mb-10{
        margin-bottom:0.521vw;
    }
    .border-radius-10{
        border-radius:0.521vw;
    }
    
    .create-your-first-gig.explore-hire-in-pakistan-box {
        padding: 0;
    }
    
    .top-text-hip,.text-bottom-with-design {
        padding: 1.563vw 1.042vw 0;
    }
    
    .text-bottom-with-design {
        position: absolute;
        bottom: 1.302vw;
        width: 100%;
        left: 0;
    }
    
    .top-text-hip h6 {
        font-size: 0.469vw;
        background: #37C047;
        padding: 0.156vw 0.521vw;
        display: inline-block;
        border-radius: 1.302vw;
        color: #fff;
    }
    
    .top-text-hip h3 {
        font-size: 1.406vw;
        font-weight: 600;
        margin-top: 0.26vw;
    }
    
    .text-bottom-with-design h5 {
        font-size: 0.521vw;
        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: 0.781vw;
    }
    /**/
    
    .srcofimage {
        cursor: pointer;
    }
    
    .modal-text-items {
        position: relative;
        display: flex;
        gap: 0.573vw;
        align-items: flex-start;
        margin-bottom: 0.781vw;
    }
    
    .modal-text-items > img {
        max-width: 1.719vw;
    }
    
    .modal-text-items-parent {
        padding: 2.865vw  0 3.125vw 3.385vw;
    }
    
    .modal-text-items-parent > h3 {
        font-size: 1.354vw;
        font-weight: 600;
        color: #2F2F31;
        margin-bottom: 3.125vw;
        line-height: 140%;
    }
    
    .modal-text-items-text h4 {
        font-size: 0.938vw;
        font-weight: 500;
        margin-bottom: 0.781vw;
    }
    
    .modal-text-items-text p {
        font-size: 0.625vw;
    }
    
    .modal-text-items-text {
        max-width: 18.021vw;
        padding-bottom: 1.302vw;
        position: relative;
    }
    
    .modal-text-items-text:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: calc(100% + 3.385vw);
        height: 0.052vw;
        background: #BEBEBE;
    }
    
    .image-men-modal {
        position: absolute;
        bottom: 0;
        right: 3.125vw;
        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: 2.083vw;
    }
    .ml-44 {
        margin-left: 2.292vw;
    }
    
    #getStartedGig .modal-dialog.modal-dialog-centered {
        max-width: 57.292vw;
    }
    
    .mw-153 {
        max-width: 7.969vw;
        width: 100%;
    }
    
    .row-custom-make-a-gig {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
    }
    
    .mw-200 {
        max-width: 10.417vw;
        width: 100%;
    }
    
    .mw-1150 {
        max-width: 59.896vw;
        width: 100%;
    }
    
    .forms-gig-title ul li a {
        font-size: 0.938vw;
        line-height: 223%;
        display: inline-block;
        margin-bottom: 1.563vw;
        position: relative;
        padding-left: 1.823vw;
        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: 1.302vw;
        height: 1.302vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.521vw;
    }
    
    .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: 2.344vw;
    }
    
    .bg-F5F5F5 {
        background: #f5f5f5;
    }
    
    .overview-items-make-a-gig {
        padding: 2.344vw;
        border-radius: 0.521vw;
    }
    
    .mw-732 {
        max-width: 38.021vw;
        width: 100%;
    }
    
    .form-group-custom textarea, .form-group-custom input,.form-group-custom select {
        width: 100%;
        resize: none;
        min-height: 2.813vw;
        padding: 0.781vw;
        border-radius: 0.26vw;
        border: 0.052vw solid #BEBEBE;
        background: #fff;
        font-size: 0.833vw;
    }
    
    .form-group-custom textarea {
        min-height: 4.167vw;
    }
    
    .form-group-custom.select2pillscustomStyling textarea{
        min-height: 1.406vw;
    }
    
    .form-group-custom.select2pillscustomStyling .select2-container--default .select2-selection--multiple {
        border-color: #BEBEBE;
        display: flex;
        align-items: center;
        padding: 0.521vw;
        padding-left: 0.781vw;
        padding-right: 0.781vw;
        flex-flow: wrap;
    }
    
    .form-group-custom.select2pillscustomStyling .select2-container .select2-selection--multiple .select2-selection__rendered {
        max-width: 100%;
        margin-top: -0.26vw;
    }
    
    .form-group-custom.select2pillscustomStyling .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        background: #212529;
        color: #fff;
        border-top-left-radius: 0vw;
        border-bottom-left-radius: 0vw;
        border-color: #212529;
        padding: 0 0.208vw;
    }
    
    .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;
    }
    
    
    
    .text-area-80-max p {
        text-align: right;
        font-size: 0.625vw;
        color: #2F2F31;
        margin-top: 0.26vw;
    }
    
    .form-group-custom select {
        background-image: url(../images/icons/chev-down-grey.png);
        background-repeat: no-repeat;
        background-position: calc(100% - 0.781vw) center;
        background-size: 0.781vw;
        padding-right: 2.083vw;
    }
    
    .gap-20{
        gap:1.042vw
    }
    .gap-15{
        gap:0.781vw;
    }
    
    /**/
    .packages-pricing-gigs {
        display: flex;
        justify-content: space-between;
        flex-flow: wrap;
        border: 0.052vw solid #bebebe;
        border-radius: 0.26vw;
        overflow: hidden;
    }
    
    .col-first-description {
        max-width: 30%;
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-left:-0.052vw;
    }
    
    .columns-3-description {
        max-width: 70%;
        width: 100%;
        display: flex;
        margin-right:-0.052vw;
    }
    
    .flex-1 {
        flex: 1;
    }
    
    .mw-194 {
        max-width: 10.104vw;
    }
    
    .direction-column-settings {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .direction-column-settings,.price-column-bottom > h3 {
        padding: 0.729vw 1.563vw;
    }
    
    .package-gig-title {
        padding: 0.521vw 1.042vw;
        border: 0.052vw solid #bebebe;
        margin-top: -0.052vw;
        margin-right: -0.052vw;
    }
    
    .package-gig-title h3 {
        font-size: 0.938vw;
        line-height: 223%;
    }
    
    .w-33 {
        width: 33.33333%;
    }
    
    .name-your-package input {
        width: 100%;
        border: none;
        padding: 1.719vw 1.042vw;
    }
    
    .name-your-package,
    .pricing-input,
    .ckeditor-items-package .tox.tox-tinymce {
        border:0.052vw solid #bebebe;
        margin-top: -0.052vw;
        margin-right: -0.052vw;
    }
    
    .tox-statusbar {
        display: none !important;
    }
    
    .price-column-bottom input[type="number"] {
        padding: 0.781vw;
        border-radius: 0.417vw;
        padding-left: 1.563vw;
        border: 0.052vw solid #bebebe;
        width: 100%;
        max-width: calc(100% - 0.729vw);
        margin: 0 auto;
    }
    
    .price-column-bottom {
        padding: 0;
        min-height: 3.385vw;
        display: flex;
        align-items: center;
        background: #fff;
        margin-right:-0.052vw;
        margin-bottom:-0.052vw;
    }
    
    .price-title-package{
        background:transparent !important;
        margin-right: -0.156vw;
    }
    
    .price-column-bottom > h3 {
        width: 100%;
    }
    
    .price-column-bottom.pricing-input:before {
        content: '$';
        position: absolute;
        left: 1.042vw;
        top: 50%;
        font-size: 0.885vw;
        transform: translateY(-50%);
        color: #bebebe;
    }
    
    .price-column-bottom.pricing-input {
        position: relative;
    }
    
    .tox-toolbar__primary {
        background: #bebebe30 !important;
        border-bottom: 0.052vw 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: 0.052vw;
        z-index: -1;
    }
    
    .line-behind-text h3 {
        padding: 0 1.302vw;
        background: whitesmoke;
        position: relative;
        z-index: 1;
    }
    
    .questions-items, .question-added-by-freelancer {
        border: 0.052vw solid #ccc;
        border-radius: 0.26vw;
        padding: 1.458vw 1.719vw;
        margin-bottom: 1.042vw;
    }
    .custom-checkbox > input[type="checkbox"] {
        display: none;
    }
    
    .question-adding-tab {
        border: 0.052vw solid #bebebe;
        padding: 1.302vw 2.083vw;
        background: #bebebe42;
        border-radius: 0.417vw;
        margin: 1.563vw 0;
    }
    
    .btn-questions {
        background: transparent;
        border: 0.052vw solid #256F5D;
        padding: 0.521vw 1.042vw;
        font-size: 0.833vw;
        border-radius: 0.417vw;
        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: 7.813vw;
    }
    
    .multipleChoicesQuestions .btn-reg.btn-green {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0.521vw;
        height: calc(100% - 0.781vw);
    }
    
    .multipleChoicesQuestions ul {
        display: flex;
        gap: 0.781vw;
        justify-content: flex-start;
    }
    
    .multipleChoicesQuestions ul li {
        background: var(--green);
        color: #fff;
        padding: 0.208vw 0.781vw;
        border-radius: 0.208vw;
    }
    
    .question-added-by-freelancer > ul {
        display: flex;
        gap: 0.781vw;
        margin: 0.521vw 0 0;
        flex-flow: wrap;
    }
    
    .question-added-by-freelancer > ul li {
        font-size: 0.625vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 15.625vw;
        width: calc(25% - 0.781vw * 3/4);
        background: var(--grey);
        padding: 0.26vw 0.781vw;
        text-align: center;
        color: #fff;
        border-radius: 0.313vw;
    }
    
    .dropdown-custom-design {
        position: absolute;
        right: 0.781vw;
        top: 0.781vw;
    }
    
    .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: 0.521vw;
        transition: 0.3s ease-in-out;
    }
    
    .custom-image-video-selector {
        border: 0.052vw dotted;
        border-radius: 0.781vw;
        padding: 0;
        text-align: center;
        position: relative;
        height: 7.917vw;
        overflow: hidden;
    }
    
    .icons {
        position: absolute;
        top: 0.521vw;
        right: 0.521vw;
        display: flex;
        flex-direction: column;
        gap: 0.26vw;
        display:none;
    }
    
    .file-selected .icons{
        display: flex;
    }
    
    .file-selected > img.uploadedimageshere{
        height:100%;
    }
    
    .icons i {
        height: 0.938vw;
        width: 0.938vw;
        font-size: 0.417vw;
        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: 2.083vw;
        display: inline-flex;
        height: 2.083vw;
        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: 0.26vw;
    }
    
    .requirement-of-videos {
        padding: 0.417vw 1.302vw 0.417vw 0.521vw;
        border: 0.052vw dotted;
        border-radius: 0.417vw;
        max-width: 100%;
    }
    
    .requirement-of-videos ul {
        display: flex;
        /*gap: 2.344vw;*/
        justify-content:space-between;
        flex-flow: wrap;
    }
    
    .requirement-of-videos ul li {
        font-size: 0.625vw;
        position: relative;
        padding-left: 0.521vw;
        margin-left: 0.521vw;
    }
    
    .requirement-of-videos ul li:before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 0.208vw;
        height: 0.208vw;
        background: #2F2F31;
        border-radius: 50%;
    }
    
    .pr-180{
        padding-right:9.375vw !important;
    }
    
    
    .switch {
      display: inline-block;
    }
    
    .switch input {
      display: none;
    }
    
    .switch label {
      display: block;
      width: 3.125vw;
      height: 1.563vw;
      padding: 0.156vw;
      border-radius: 0.781vw;
      border: 0.104vw solid #CCCCCC;
      cursor: pointer;
      transition: 0.3s;
      background: #CCCCCC;
    }
    
    .switch label::after {
      content: "";
      display: inherit;
      width: 1.042vw;
      height: 1.042vw;
      border-radius: 0.625vw;
      background: #ffffff;
      transition: 0.3s;
    }
    
    .switch input:checked ~ label {
      border-color: var(--green);
      background: var(--green);
    }
    
    .switch input:checked ~ label::after {
      translate: 1.563vw 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:2.604vw;
    }
    
    .copy-text-input input[type="text"], .copy-text-input1 input[type="text"] {
        min-height: 2.917vw;
        width: 100%;
        padding: 0.521vw 2.083vw 0.521vw 2.604vw;
        border: 0.052vw dashed #BEBEBE;
        border-radius: 0.521vw;
    }
    
    .copy-text-input, .copy-text-input1 {
        max-width: 23.073vw;
        margin-left: auto;
        margin-right: auto;
    }
    
    .sharegigsocial ul {
        justify-content: center;
    }
    
    .giglinkshare {
        position: absolute;
        left: 0.938vw;
        top: 50%;
        transform: translateY(-50%);
        border: 0;
        background: transparent;
    }
    .giglinkshare img {
        height: 1.042vw;
    }
    
    #copt-ytext-input {
        position: relative;
    }
    
    .active-paused-gig>.active {
        opacity: 1;
    }
    
    .active-paused-tabs {
        gap: 2.865vw;
        width:100%;
    }
    
    .active-paused-tabs a {
        color: #BEBEBE;
    }
    
    .active-paused-tabs a.active {
        color: #2F2F31;
    }
    
    .active-paused-tabs li {
        margin-bottom: 0.521vw;
    }
    
    .active-paused-tabs li a.active:before {
        content: "";
        width: 100%;
        height: 0.365vw;
        bottom: -0.521vw;
        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: 0.052vw solid #37C047;
        border-radius: 0.26vw;
        flex: 0 0 33.33%;
        max-width: calc(33.33% - 1.146vw);
        min-height: 13.906vw;
    }
    
    .active-gig-item-content {
        padding: 0.729vw;
    }
    
    .price {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 0.26vw;
    }
    
    .more-option {
        border-bottom: 0.052vw solid #CCCCCC;
    }
    
    .more-option.no-border {
        border: 0vw;
    }
    
    .more-option-icon {
        padding-right: 0.26vw;
    }
    
    .active-gig-item-content h4 {
        margin-bottom: 2.083vw;
    }
    
    .active-gig-item-content h4 {
        margin-bottom: 2.083vw;
    }
    
    .more-options {
        position: absolute;
        bottom: 0;
        width: 100%;
        background-color: #fff;
        border-radius: 0.26vw;
        transform: translateY(6.25vw);
        opacity: 0;
        transition: opacity 0.5s, transform 0.5s;
        height: 6.771vw;
        z-index:-1;
    }
    
    .active-gig-item {
        position: relative;
    }
    
    .more-options a {
        color: #000;
    }
    
    .more-options.show {
        opacity: 1;
        transform: translateY(0);
        z-index:1;
    }
    
    .add-gig {
        min-width: 3.385vw;
        background-color: #256F5D;
        min-height: 3.385vw;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }
    
    .add-gig img {
        max-width: 1.146vw;
    }
    
    .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: 0.521vw;
        top: 0.521vw;
        background-color: #37C047;
        min-height: 1.719vw;
        min-width: 1.719vw;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }
    
    .gigshare img {
        max-width: 1.042vw;
    }
    .mw-596 {
        max-width: 31.042vw;
    }
    
    .breadcrums-home-icon {
        display: flex;
        align-items: center;
    }
    
    .breadcrums-inner {
        display: flex;
        align-items: center;
        gap: 0.521vw;
    }
    
    .header-info {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .edit-gig-main {
        padding: 0.521vw 0.938vw;
        border: 0.052vw solid #BEBEBE;
        border-radius: 0.26vw;
        gap: 0.26vw;
    }
    
    .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: 29.01vw;
        width: 100%;
    }
    
    .gig-content ol {
        padding-left: 0.677vw;
    }
    
    .gig-content ol li {
        font-size: 0.625vw;
    }
    
    .gig-content-help {
        padding: 0.625vw 0.677vw 1.354vw 1.042vw;
        border: 0.052vw solid #BEBEBE;
        border-radius: 0.26vw;
    }
    
    .help-inner {
        gap: 0.365vw;
    }
    .mw-747{
        max-width: 38.906vw;
        width: 100%;
    }
    
    .btn-black {
        background-color: #2F2F31;
        color: #fff;
        font-size: 0.833vw;
        font-weight: 500;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -1.406vw;
        padding: 0.469vw;
        width: 100%;
        max-width: 9.427vw;
    }
    
    .btn-reg.btn-black:hover {
        background-color: #37c047;
        color: #fff;
        text-decoration: none;
    }
    
    ul.compare-package-list {
        padding: 1.667vw 1.042vw;
        min-height: 16.979vw;
        border: 0.052vw solid #bebebe;
        margin-top: -0.052vw;
        margin-right: -0.052vw;
    }
    
    ul.compare-package-list li, ul.compare-package-list p {
        font-size: 0.625vw;
        line-height: 1.302vw;
        position: relative;
        padding-left: 0.521vw;
    }
    
    ul.compare-package-list li:before, ul.compare-package-list p:before {
        content: "";
        height: 0.208vw;
        width: 0.208vw;
        background-color: #000;
        position: absolute;
        left: -0.208vw;
        top: 0.573vw;
        border-radius: 50%;
    }
    .price-column-bottom.price-compare-bottom {
        min-height: 4.479vw;
        border: 0.052vw solid #bebebe;
        margin-top: -0.052vw;
        margin-right: -0.052vw;
        align-items: flex-start;
        padding-top: 1.042vw;
    }
    
    .gig-packages li {
        flex: 0 0 33.33%;
        max-width: calc(33.33% - 1.927vw);
        text-align: center;
    }
    
    .active-paused-tabs.gig-packages a {
        color: #2F2F31;
    }
    
    .mw-634{
        max-width:33.021vw;
        width:100%;
    }
    
    .package-align-right {
        margin-left: auto;
    }
    
    .package-gig-content {
        width: 100%;
    }
    .package-list-preview li, .package-list-preview p {
        font-size: 0.625vw;
        line-height: 2;
        padding-left: 0.781vw;
        position: relative;
    }
    
    .package-list-preview li:before, .package-list-preview p:before {
        content: "";
        background-image: url(../images/icons/check.svg);
        position: absolute;
        top: 0.521vw;
        left: 0;
        width: 0.365vw;
        height: 0.313vw;
        background-repeat: no-repeat;
    }
    .package-gig-active {
        padding: 1.042vw 1.563vw;
    }
    
    .package-border {
        border: 0.052vw solid #37C047;
        border-radius: 0.26vw;
        padding: 1.042vw 0vw;
    }
    
    .mw-328 {
        max-width: 17.083vw;
        width: 100%;
    }
    
    .btn-reg.btn-transparent-contact {
        background-color: transparent;
        color: #2F2F31;
        font-size: 0.625vw;
        font-weight: 500;
        width: 100%;
        border: 0.052vw solid #2F2F31;
        border-radius: 0.208vw;
        padding: 0.365vw 1.615vw;
        line-height: 1.042vw;
    }
    
    .btn-reg.btn-transparent-contact:hover {
        background-color: #37c047;
        color: #fff;
        text-decoration: none;
        border-color: #37c047;
    }
    .online-border {
        font-size: 0.729vw;
        padding: 0.313vw 0.885vw 0.313vw 1.458vw;
        border: 0.052vw solid #37c047;
        display: inline-block;
        border-radius: 1.563vw;
        position: relative;
        color: #37c047;
        line-height: 1;
    }
    
    .online-border:before {
        content: "";
        position: absolute;
        left: 0.781vw;
        top: 50%;
        width: 0.208vw;
        height: 0.208vw;
        background-color: #37c047;
        transform: translateY(-50%);
        border-radius: 50%;
    }
    
    .user-from-inner {
        flex: 0 0 50%;
        max-width: calc(50% - 0.521vw);
    }
    
    .user-from {
        flex-wrap: wrap;
        margin-bottom: 0.781vw;
    }
    
    .user-personal-info {
        padding: 1.302vw 1.302vw 2.24vw;
        border-radius: 0.26vw;
        border: 0.052vw solid #BEBEBE;
    }
    
    .user-about p {
        line-height: 1.563vw;
        padding-right: 1.406vw;
        padding-top: 1.406vw;
        border-top: 0.052vw solid #BEBEBE;
    }
    
    .mw-89 {
        max-width: 4.635vw;
        width: 100%;
    }
    
    .preview-gig-profile-picture img {
        width: 4.635vw;
        height: 4.635vw;
    }
    
    .gig-media .slick-arrow:before {
        content: "";
        background-size: 0.365vw;
        position: absolute;
        background-color: #fff;
        background-repeat: no-repeat;
        width: 1.458vw;
        height: 1.458vw;
        background-position: center;
        border-radius: 50%;
        box-shadow: rgba(0, 0, 0, 0.16) 0vw 0.104vw 0.156vw;
    }
    .gig-media .slick-arrow{
        width: 1.458vw;
        height: 1.458vw;
    }
    
    .gig-image-item img {
        border-radius: 0.26vw;
    }
    
    .gig-image-slider {
        margin-bottom: 0.781vw;
    }
    
    .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: -0.729vw;
    }
    .gig-media .slick-prev:before {
       background-image: url(../images/main/prev.svg);
    }
    .gig-media .slick-prev {
        left: -0.729vw;
    }
    
    .gig-gallery-item {
        padding: 0vw 0.417vw;
    }
    
    .gig-gallery-slider .slick-list {
        margin-left: -0.417vw;
        margin-right: -0.417vw;
    }
    
    .gig-gallery-item img {
        border-radius: 0.104vw;
    }
    .gig-image-item {
        max-height: 18.594vw;
        border-radius: 0.26vw;
        overflow: hidden;
    }
    .gig-gallery-item {
        cursor: pointer;
    }
    .active-gig-item-img img {
        max-height: 7.083vw;
        object-fit: cover;
        object-position: center;
    }
    .gig-gallery-item {
        max-height: 6.823vw;
    }
    
    .gig-gallery-item img {
        max-height: 6.823vw;
        object-fit: cover;
    }
    .gig-image-item img {
        max-height: 18.594vw;
        object-fit: cover;
    }
    .active-paused-gig {
        width: 100%;
    }
    
    .previeew-gig .active-gig-item {
        flex: 0 0 20%;
        max-width: calc(20% - 1.354vw);
    }
    
    .mw-376{
        max-width:19.583vw;
        width:100%;
    }
    .no-edit .edit-delete-btns {
        display: none;
    }
    
    .edu-img {
        width: 2.188vw;
        height: 2.188vw;
        background-color: #256F5D;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .edu-img img {
        max-width: 1.146vw;
    }
    
    .certificate-img img {
        max-width: 0.99vw;
        margin-left: 0.156vw;
    }
    .mw-759 {
        max-width: 39.531vw;
        width: 100%;
    }
    
    .user-active-online:before {
        content: "";
        width: 0.833vw;
        height: 0.833vw;
        position: absolute;
        bottom: 5%;
        right: 0.781vw;
        background-color: #37c047;
        border: 0.104vw solid #fff;
        border-radius: 50%;
        transform: translateY(-50%);
    }
    
    .btn-grey {
        left: 1.719vw;
        background-color: #BEBEBE;
        transform:none;
        bottom: -1.146vw;
    }
    
    .user-active-online.preview-gig-profile-picture:before {
        bottom: 0;
        right: 0;
    }
    
    .user-status-active {
        margin-left: auto;
        padding: 1.927vw 1.719vw 2.76vw;
        border: 0.052vw solid #37C047;
        border-radius: 0.26vw;
    }
    
    .mw-477 {
        max-width: 24.844vw;
        width: 100%;
    }
    
    .links-header-bottom > ul > li > ul {
        position: absolute;
        top: 2.865vw;
        left: 0;
        padding: 1.042vw 0.521vw;
        background-color: #fff;
        width: 13.542vw;
        transition: 0.3s ease-in-out;
        opacity: 0;
        border-radius:0.26vw;
        box-shadow: rgba(100, 100, 111, 0.2) 0vw 0.365vw 1.51vw 0vw;
        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: 0.521vw;
        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: 0.521vw;
    }
    
    .edu-inner:last-child {
        padding-bottom: 0vw;
    }
    .add-gig.active-gig-item-img img {
        width: 1.146vw;
        height: 1.146vw;
    }
    .gig-gallery-item video {
        width: 100%;
        height: 100%;
        min-height: 6.823vw;
        object-fit: cover;
    }
    .main-web-logo img {
        width: 5.208vw;
        height: 3.385vw;
    }
    .search-header img {
        width: 0.833vw;
        height: 0.833vw;
    }
    .item-language img {
        width: 0.781vw;
        height: 0.781vw;
    }
    .col-logo-footer img {
        width: 5.99vw;
        height: 3.802vw;
    }
    .col-footer-social-links img {
        width: 1.667vw;
        height: 1.667vw;
    }
    .list-wish-like-notification img {
        width: 1.25vw;
        height: 1.25vw;
    }
    .gigshare img {
        width: 1.042vw;
        height: 1.042vw;
    }
    
    .gigshare {
        width: 1.719vw;
        height: 1.719vw;
    }
    .edit-icon img {
        width: 0.938vw;
        height: 0.938vw;
    }
    .item-info-personal img {
        width: 0.625vw;
        height: 0.885vw;
    }
    .selection span {
        font-size: 0.833vw;
    }
    .select2-selection__choice__display {
        padding-left: 0.104vw;
        padding-right: 0.26vw;
    }
    .more {
        font-size: 1.302vw;
    }
    .active-gig-item-img img, .active-gig-item-img video {
        width: 13.852vw;
        height: 6.823vw;
        object-fit: cover;
    }
    .gig-item-video {
        height: 6.823vw;
    }
    .active-gig-item-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        height: 6.771vw;
    }
    
    .active-gig-item-content h4 {
        flex: 0 0 100%;
    }
    
    .gig-item-footer {
        width: 100%;
        flex-wrap: wrap;
        align-items: flex-end;
    }
    .add-gig-item .active-gig-item-content {
        display: block;
        height: unset;
    }
    p{
        font-size: 0.833vw;
    }
    .breadcrums-home-icon img {
        width: 0.833vw;
        height: 0.938vw;
    }
    
    .edit-gig-icon img {
        width: 0.833vw;
        height: 0.833vw;
    }
    
    .help-img img {
        width: 0.729vw;
        height: 0.729vw;
    }
    
    li {
        font-size: 0.833vw;
    }
    .meta-img svg {
        width: 0.625vw;
        height: 0.729vw;
    }
    .gig-meta-inner {
        align-items: center;
    }
    .fa-25 {
        font-size: 1.302vw;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        padding-left: 1.042vw;
    }
    .select2-container {
        min-width: 100%;
    }
    .name-your-package textarea {
        width: 100%;
        border: none;
        padding: 1.719vw 1.042vw;
    }
    
    .name-your-package select {
        border: none;
    }
    .name-your-package {
        background-color: #fff;
    }
    input, textarea {
        font-size: 0.833vw;
    }
    .tox .tox-tbtn svg {
        width: 1.25vw;
        height: 1.25vw;
    }
    
    .tox .tox-split-button__chevron svg {
        width: 0.521vw;
        height: 0.521vw;
    }
    .tox .tox-toolbar__group {
        padding: 0 0.208vw 0 0.208vw;
    }
    
    .tox .tox-toolbar__group .tox-tbtn{
        border-radius: 0.156vw;
        font-size: 0.729vw;
        height: 1.771vw;
        margin: 0.104vw 0 0.156vw 0;
        width: 1.771vw;
    }
    .custom-image-video-selector {
        position: relative;
        width: 100%;
        height: 10.417vw;
        /* Adjust height as needed */
        border: 0.104vw dashed #ccc;
        border-radius: 0.26vw;
        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: 2.604vw;
        /* Adjust size as needed */
        /* margin-bottom: 0.521vw; */
    }
    
    .custom-image-video-selector .icons {
        position: absolute;
        top: 0.26vw;
        right: 0.26vw;
        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: 0.833vw;
        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: 0.781vw;
        display: block !important;
    }
    
    .custom-image-video-selector .dz-preview .dz-progress span {
        display: inline-block;
        background: var(--green);
        height: 100%;
        border-radius: 2.604vw
    }
    
    .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;
    }
    .btn-close-modal {
        position: absolute;
        right: 1.042vw;
        z-index: 9;
        top: 1.042vw;
        background: transparent;
        border: none;
        font-weight: 700;
        transition: 0.3s ease-in-out;
    }
    
    .adding-phone-number-modal-main-content {
        border: none;
        border-radius: 0.938vw;
        padding: 3.385vw 4.271vw 1.563vw 3.333vw;
    }
    
    .mw-745 {
        max-width: 38.802vw;
        width: 100%;
    }
    .autocomplete-suggestion, .fa-16 {
        font-size: 0.833vw;
    }
    
    .input-fields select, .input-fields textarea, .input-fields input {
        width: 100%;
        min-height: 2.813vw;
        border: 0.052vw solid #bebebe;
        border-radius: 0.26vw;
        padding: 0.729vw 0.781vw;
        font-size: 0.833vw;
        color: black;
        transition: 0.3s ease-in-out;
    }
    
    .btn-phone-modal-wrapper .btn-reg[disabled]:hover, .btn-phone-modal-wrapper .btn-reg[disabled] {
        background: #bebebe;
        border-color: transparent;
        color: #fff;
    }
    
    .modal-content .btn-reg {
        padding: 0.625vw 1.667vw;
        border: 0.052vw solid var(--black);
        background: #2f2f31;
        font-size: 0.938vw;
        color: #fff;
        border-radius: 0.26vw;
        font-weight: 500;
        text-decoration: none;
        transition: 0.3s ease-in-out;
    }
    
    .fa-25 {
        font-size: 1.302vw;
    }
    
    .mh-77 {
        min-height: 4.01vw;
    }
    
    .mb-6 {
        margin-bottom: 0.313vw;
    }
    .lh-222 {
        line-height: 222%;
    }
    .fw-500 {
        font-weight: 500;
    }
    
    .country-code {
        position: absolute;
        top: 50%;
        left: 1.042vw;
        transform: translateY(-50%);
    }
    
    .modal-phone-input input[type="number"] {
        padding-left: 4.167vw;
    }
    
    .mb-65 {
        margin-bottom: 3.385vw;
    }
    .mt-65 {
        margin-top: 3.385vw;
    }
    
    .fa-24 {
        font-size: 1.25vw;
    }
    .fw-500 {
        font-weight: 500;
    }
    .lh-147 {
        line-height: 147%;
    }
    
    .mw-320 {
        max-width: 16.667vw;
        width: 100%;
    }
    .gap-28 {
        gap: 1.458vw;
    }
    
    .p-8{
        padding: 0.417vw !important;
    }
    
    .input-item input {
        width: 100%;
        height: 2.813vw;
        border: 0.052vw solid #bebebe;
        background: #fff;
        border-radius: 0.26vw;
        padding: 0.521vw 2.604vw 0.521vw 1.146vw;
        font-size: 0.833vw;
    }
    
    .mh-85 {
        min-height: 4.427vw;
    }
    
    .mw-280 {
        max-width: 14.583vw;
        width: 100%;
    }
    .fa-25 {
        font-size: 1.302vw;
    }
    
    .icon-success span {
        width: 5vw;
        height: 5vw;
        background: #ffc531;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin: 0 auto;
    }
    
    .icon-success span img {
        max-width: 2.76vw;
        animation: 5s popuprotate infinite alternate-reverse;
    }
    
    .congrats-success h3 {
        margin: 2.969vw 0 2.031vw;
        font-size: 4.479vw;
        letter-spacing: -0.016vw;
        color: var(--black);
        line-height: 95%;
        font-weight: 600;
    }
    
    .congrats-success {
        text-align: center;
    }
    
    .congrats-success p {
        margin-bottom: 3.646vw;
    }
    
    .congrats-success .btn-reg {
        margin-bottom: 1.719vw;
    }
    
    .btn-reg.btn-transparent-green:hover, .btn-reg.btn-green {
        background: var(--green);
        border-color: var(--green);
        color: #fff;
    }
    
    .congrats-success .btn-reg {
        margin-left: auto;
        margin-right: auto;
    }
    
    .item-active-modal-form-verify-mobile {
            display: none;
    }
    
    .item-active-modal-form-verify-mobile.active {
        display: block;
    }
    
    #toast-container>.toast-success {
        background-color: var(--green);
        color: #fff !important;
    }
    #toast-container>.toast-success {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
    }
    .more-option-icon img {
        width: 0.833vw;
        height: 0.833vw;
    }
    
    .more-option:first-child .more-option-icon img {
        width: 0.938vw;
        height: 0.938vw;
    }
    .user-country-icon img {
        width: 0.625vw;
        height: 0.938vw;
    }
    
    .user-language-icon img {
        width: 0.781vw;
        height: 0.938vw;
    }
    .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: 31.25vw;
        margin: auto;
        margin-right: 0;
    }
    
    .buy-now-modal-main .modal-content {
        border-radius: 0vw;
        min-height:100%;
    }
    
    .buy-now-modal-main {
        border-radius: 0vw;
    }
    .buyNow-header {
        padding: 0.938vw 1.458vw 0.729vw 2.188vw;
        border-bottom: 0.052vw solid #BEBEBE;
    }
    .buyNow-body {
        padding: 1.094vw 1.198vw 9.375vw 0.885vw;
    }
    .mw-415 {
        max-width: 21.615vw;
    }
    
    .package-detail-bill-body {
        padding-bottom: 0.781vw;
        border-bottom: 0.052vw solid #BEBEBE;
        padding-left: 0.469vw;
    }
    
    .package-detail-bill {
        border: 0.052vw solid #2F2F31;
        padding: 0.938vw 0.729vw 1.198vw 1.458vw;
        border-radius: 0.26vw;
    }
    .quantity-selector .minus, .quantity-selector .plus {
        display: inline-block;
        width: 1.042vw;
        height: 1.042vw;
        background-color: transparent;
        color: #2F2F31;
        text-align: center;
        cursor: pointer;
        border-radius: 50%;
        border: 0.052vw solid #BEBEBE;
        font-size: 0.729vw;
        line-height: 0.938vw;
    }
    .quantity-selector .num {
        padding: 0 0.521vw;
        font-size:0.833vw;
    }
    
    .quantity-selector .minus:hover, .quantity-selector .plus:hover {
        color: #fff;
        background-color: #2F2F31;
    }
    .package-detail-bill-quantity {
        padding-top: 1.146vw;
        padding-left: 0.469vw;
    }
    .package-detail-bill-header{
        padding-left: 0.469vw;
    }
    
    .package-detail-bill.bg-grey {
        background-color: #F5F5F5;
        border-color: #fff;
    }
    .buyNow-footer {
        border-top: 0.052vw solid #BEBEBE;
        padding-top: 2.292vw;
        padding-bottom:1.042vw;
    }
    
    .package-detail-bill-quantity .options {
        display: none;
        transition: transform .3s ease-out;
        opacity: 0;
        height:0vw;
    }
    
    .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, 1.563vw);
      }
      to {
        transform: translate(0, 0);
        opacity: 1;
      }
    }
    @keyframes fadeInDown {
      from {
        transform: translate(0, 0);
        opacity: 1;
      }
      to {
        transform: translate(0, 1.042vw);
        opacity: 0;
      }
    }
    
    .package-detail-bill-quantity .select-btn:hover {
        cursor: pointer;
    }
    
    .mw-225 {
        max-width: 11.719vw;
        width: 100%;
    }
    
    .btn-reg.btn-transparent-with-border {
        font-weight: 500;
        font-size: 0.833vw;
        border: 0.052vw solid #256F5D;
        padding: 0.729vw 1.042vw;
        line-height: 1;
    }
    
    .btn-reg.btn-transparent-with-border:hover {
        background-color: #256F5D;
        color: #fff;
    }
    
    .mw-593 {
        max-width: 30.885vw;
        width: 100%;
    }
    
    .mw-413 {
        max-width: 21.51vw;
        width: 100%;
    }
    
    .payment-form-detail [type="radio"]:checked,
    .payment-form-detail [type="radio"]:not(:checked) {
        position: absolute;
        left: -520.781vw;
    }
    .payment-form-detail [type="radio"]:checked + p,
    .payment-form-detail [type="radio"]:not(:checked) + p
    {
        position: relative;
        padding-left: 1.823vw;
        cursor: pointer;
        line-height: 1.042vw;
        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: 0vw;
        top: -0.156vw;
        width: 1.302vw;
        height: 1.302vw;
        border: 0.052vw 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: 0.677vw;
        height: 0.677vw;
        background: #2F2F31;
        position: absolute;
        top: 0.156vw;
        left: 0.313vw;
        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: 1.563vw;
    }
    
    #paymentForm  .with-border {
        border: 0.052vw solid #BEBEBE;
        padding: 0.833vw;
        border-radius: 0.26vw;
    }
    .input-wrapper-payment input {
        width: 100%;
        padding: 0vw 0.833vw;
        background-color: transparent;
        border: none;
    }
    
    .half-width .input-wrapper-payment {
        width: 50%;
        max-width: calc(50% - 0.521vw);
    }
    .input-details {
        padding: 0.833vw;
        border: 0.052vw solid #BEBEBE;
        border-radius: 0.26vw;
    }
    
    .input-details.no-image input {
        padding: 0vw;
    }
    
    
    
    .checkbox-btn span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.042vw;
        height: 1.042vw;
        background-color: #ddd;
        transition: 0.3s;
        border-radius: 0.208vw;
        border-radius: 50%;
    }
    
    .checkbox-btn span::before {
        content: '';
        display: inline-block;
        width: 0.573vw;
        height: 0.313vw;
        border-bottom: 0.104vw solid #fff;
        border-left: 0.104vw solid #fff;
        transform: scale(0) rotate(-45deg);
        position: relative;
        bottom: 0.104vw;
        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: 13.75vw;
        font-size: 1.042vw;
        bottom: unset;
    }
    .billing-gig-title {
        max-width: 11.302vw;
    }
    .billing-thumb img {
        width: 5.781vw;
        height:3.958vw;
    }
    
    .billing-summary {
        background-color: #fff;
        border: 0.052vw solid #37C047;
        border-radius: 0.26vw;
    }
    .billing-summary-header{
        padding: 1.406vw 1.354vw 1.406vw 1.042vw;
    }
    .gap-24{
        gap:1.25vw;
    }
    
    .billing-short-detail li {
        display: flex;
        align-items: center;
        font-size: 0.833vw;
        margin-bottom: 0.521vw;
        gap: 0.521vw;
    }
    
    .check-black {
        width: 0.677vw;
        height: 0.521vw;
    }
    .service-fee-img {
        width: 1.042vw;
        height: 1.042vw;
    }
    .gap-17{
        gap:0.885vw;
    }
    .billing-promo {
        padding: 0.625vw 1.354vw 0.938vw 1.042vw;
        border-top: 0.052vw solid #BEBEBE;
    }
    .promo-code {
        font-size: 0.833vw;
        line-height: 197%;
        border: none;
        max-width: 7.5vw;
    }
    
    .promo-code::placeholder {
        color: #2F2F31;
    }
    .billing-total {
        padding: 0.625vw 1.354vw 3.385vw 1.042vw;
        border-top: 0.052vw solid #BEBEBE;
    }
    .secure-img {
        width: 0.625vw;
        height: 0.729vw;
    }
    .private-img {
        width: 1.042vw;
        height: 1.042vw;
        margin-top: 0.26vw;
    }
    ul.compare-package-list {
        word-break: break-word;
    }
        .credit-logos img {
        width: 11.563vw;
        height: 1.25vw;
    }
    .inputdetails-left img {
        width: 0.885vw;
        height: 0.625vw;
    }
    
    .inputdetails-right img {
        width: 0.625vw;
        height: 0.729vw;
    }
    .btn-close-modal img {
        width: 1.302vw;
        height: 1.302vw;
    }
    .package-detail-bill-footer svg {
        width: 0.677vw;
        height: 0.677vw;
    }
    .label-img img {
        width: 1.042vw;
        height: 1.042vw;
    }
    .checkbox-btn label {
        font-size: 0.833vw;
    }
    .addDetailsMain .input-fields {
        flex: 0 0 50%;
        max-width: calc(50% - 0.521vw);
    }
    
    .addDetailsMain {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    p.text-danger {
        position: absolute;
        top: -3.646vw;
        width: 100%;
        height: auto;
        z-index: 99;
        background-color: #fff;
        padding: 0.521vw;
        font-size: 0.677vw;
        box-shadow: rgba(100, 100, 111, 0.2) 0vw 0.365vw 1.51vw 0vw;
        border-radius: 0.521vw;
    }
    .mw-1075{
      max-width: 55.99vw;
      width: 100%;
    }
    .mw-300{
      max-width: 15.625vw;
      width: 100%;
    }
    .mw-800{
      max-width:41.667vw;
      width:100%;
    }
    .brief-items-make-a-gig-inner {
      padding: 2.344vw 2.344vw 6.771vw;
      border-radius: 0.521vw;
    }
    .form-group-custom.min-height-54 textarea {
      max-height: 2.813vw;
      min-height: 2.813vw;
      padding: 0.625vw 5.208vw 0.625vw 0.625vw;
    }
    .form-group-custom.min-height-150 textarea {
      min-height: 7.813vw;
      padding: 0.625vw 5.208vw 0.625vw 0.625vw;
    }
    #briefcharcount, #briefreq {
      position: absolute;
      right: 1.302vw;
      bottom: 0.781vw;
      margin: 0vw;
      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: 0.052vw solid #256F5D;
    padding: 0.417vw 1.354vw 0.417vw 1.198vw;
    cursor: pointer;
    border-radius: 0.208vw;
    color: #2F2F31;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    }
    .custom-file-upload-main svg {
      width: 1.042vw;
      height: 1.042vw;
    }
    .checkbox-btn-white label {
      gap: 0.521vw;
    }
    
    .checkbox-btn-white span::before {
      border-color: #000;
    }
    
    .checkbox-btn-white input:checked ~ span {
      background-color: #fff;
      border: 0.052vw solid #2F2F31;
    }
    
    .checkbox-btn-white span {
      background-color: #fff;
      border: 0.052vw solid #2F2F31;
    }
    .number-help svg {
      width: 1.042vw;
      height: 1.042vw;
    }
    .flatpickr-calendar {
      font-size: 0.729vw;
      line-height: 1.25vw;
      border-radius: 0.26vw;
      width: 16.035vw;
      -webkit-box-shadow: 0.052vw 0 0 #e6e6e6, -0.052vw 0 0 #e6e6e6, 0 0.052vw 0 #e6e6e6, 0 -0.052vw 0 #e6e6e6, 0 0.156vw 0.677vw rgba(0, 0, 0, 0.08);
      box-shadow: 0.052vw 0 0 #e6e6e6, -0.052vw 0 0 #e6e6e6, 0 0.052vw 0 #e6e6e6, 0 -0.052vw 0 #e6e6e6, 0 0.156vw 0.677vw rgba(0, 0, 0, 0.08);
    }
    .flatpickr-calendar:before {
      border-width: 0.26vw;
      margin: 0 -0.26vw;
    }
    .flatpickr-calendar:before, .flatpickr-calendar:after {
      left: 1.146vw;
    }
    
    .flatpickr-innerContainer {
        width: 100%;
    }
    
    .flatpickr-rContainer {
        width: 100%;
    }
    .flatpickr-days {
      width: 100%;
    }
    .dayContainer {
      width: 16.035vw;
      min-width: 16.035vw;
      max-width: 16.035vw;
    }
    .flatpickr-calendar.open, .flatpickr-calendar.inline {
      max-height: 33.333vw;
    }
    
    .flatpickr-day {
      border: 0.052vw solid transparent;
      border-radius: 7.813vw;
      flex-basis: 14.2857143%;
      max-width: 2.031vw;
      height: 2.031vw;
      line-height: 2.031vw;
    }
    
    .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
      height: 1.771vw;
      padding: 0.521vw;
    }
    
    .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
      width: 0.729vw;
      height: 0.729vw;
    }
    
    .flatpickr-current-month .flatpickr-monthDropdown-months {
      font-size: 1.042vw;
    }
    
    .flatpickr-current-month {
      padding: 0.39vw 0 0 0;
      height: 1.771vw;
    }
    
    .flatpickr-months .flatpickr-month {
      height: 1.771vw;
    }
    
    .flatpickr-weekdays {
      height: 1.458vw;
    }
    .calendar-icon {
      right: 0.729vw;
    }
    .numInputWrapper span {
      width: 0.729vw;
      padding: 0 0.208vw 0 0.104vw;
      border: 0.052vw solid rgba(57, 57, 57, 0.15);
    }
    .numInputWrapper span.arrowUp:after {
      border-left: 0.208vw solid transparent;
      border-right: 0.208vw solid transparent;
      border-bottom: 0.208vw solid rgba(57, 57, 57, 0.6);
    }
    .numInputWrapper span.arrowDown:after {
      border-left: 0.208vw solid transparent;
      border-right: 0.208vw solid transparent;
      border-top: 0.208vw solid rgba(57, 57, 57, 0.6);
    }
    .calendar-icon svg {
      width: 1.354vw;
      height: 1.354vw;
    }
    .mw-417 {
      max-width: 21.719vw;
      width: 100%;
    }
    .brief-items-summary {
        padding: 2.344vw 2.344vw;
        border-radius: 0.521vw;
    }
    .btcd-inpBtn svg {
      width: 1.042vw;
      height: 1.042vw;
    }
    .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: 0.052vw solid #256F5D;
      padding: 0.417vw 1.354vw 0.417vw 1.198vw;
      cursor: pointer;
      border-radius: 0.208vw;
      color: #2F2F31;
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      margin-right:0.521vw;
    }
    
    .btcd-f-wrp>button>img {
      width: 1.25vw;
    }
    
    .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: 1.927vw;
      cursor: pointer;
    }
    
    .btcd-files>div {
      display: flex;
      align-items: center;
      background: #ffffff96;
      border-radius: 0.521vw;
      width: 91%;
      margin-top: 0.781vw;
      height: auto;
      padding: 0.521vw;
    }
    .btcd-files>div>button>span {
      line-height: 1.302vw !important;
    }
    .btcd-files>div>div {
      display: inline-block;
      width: 73%;
    }
    
    .btcd-files>div>div>small {
      color: gray;
    }
    
    .btcd-files>div>img {
      width: 2.083vw;
      height: 2.083vw;
      margin-right: 0.521vw;
      border-radius: 0.521vw;
    }
    
    .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: 2.604vw;
      width: 1.302vw;
      height: 1.302vw;
      font-size: 1.042vw;
      margin-right: 0.313vw;
      padding: 0;
    }
    
    .btcd-files>div>button:hover {
      background: #bbbbbb;
    }
    .attachments-list {
      display: flex;
      flex-wrap: wrap;
      gap: 0.521vw;
      max-width: 41.667vw;
    }
    
    .attachments-list .attachment-item {
      border: 0.052vw solid #bebebe;
      padding: 0.26vw;
      border-radius: 0.521vw;
      flex: 0 0 20%;
      max-width: calc(20% - 0.521vw);
      width: 100%;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .create-your-first-brief-img img {
      width: 1.354vw;
      height: 1.615vw;
    }
    .create-your-first-brief {
      padding: 4.844vw 7.396vw;
    }
    .created-brief {
      padding: 1.823vw 1.198vw 2.292vw;
    }
    hr {
        margin: 0.833vw 0;
    }
    .brief-industry-list p {
      padding: 0.156vw 0.677vw;
      border: 0.052vw solid;
      border-radius: 2.5vw;
    }
    
    .brief-industry-list {
      gap: 0.417vw;
      display: flex;
      flex-wrap: wrap;
    }
    .btn-position-bottom {
      position: absolute;
      bottom: -0.99vw;
    }
    .let-bid {
      padding: 1.719vw 3.125vw 2.917vw;
      filter: drop-shadow(0vw 0.677vw 5.208vw rgb(0 0 0 / 5%));
    }
    .skill-show-here-breif {
      padding: 0.156vw 0.677vw;
      border: 0.052vw solid;
      border-radius: 2.5vw;
      display: inline;
    }
    .mw-365{
      max-width: 19.01vw;
      width: 100%;
    }
    .skill-show-here-one {
      max-width: 4.688vw;
    }
    
    .skill-show-here-two {
      max-width: 8.854vw;
    }
    .mw-266 {
      max-width: 13.854vw;
      width: 100%;
    }
    .bid-label {
      position: absolute;
      top: 50%;
      right: 0.781vw;
      transform: translateY(-50%);
    }
    .active-brief-item {
      flex: 0 0 50%;
      max-width: calc(50% - 0.833vw);
    }
    .pagination-all .sm\:hidden {
      display: none;
    }
    
    .pagination-all .hidden div:nth-child(2) svg {
      width: 1.042vw;
    }
    
    .pagination-all {
      width: 100%;
    }
    
    .pagination-all .hidden div {
      display: flex;
      margin-top: 1.042vw;
      align-items: center;
      justify-content: center;
    }
    .page-link {
      border: 0.052vw solid #dee2e6;
    }
    
    .pagination-all .pagination {
      justify-content: center;
      margin-top: 1.563vw;
    }
    .pagination-all .page-link {
      padding: 0.313vw 0.625vw;
    }
    .notification-count {
      position: absolute;
      top: -0.365vw;
      right: -0.365vw;
      background-color: #37c047;
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.521vw;
      line-height: 0.521vw;
      width: 0.938vw;
      height: 0.938vw;
    }
    
    .list-wish-like-notification ul.notification-messages {
        position: absolute;
        width: 18.229vw;
        background-color: #F5F5F5;
        border-radius: 0.625vw;
        gap: 0;
        z-index: 2;
        overflow-y: auto;
        max-height: 0vw;
        display: none;
        transition: .3s ease-in-out;
        border: 0.026vw solid #256F5D;
    }
    
    .notification-messages a:hover {
        background-color: rgba(55, 192, 71, 0.2);
        text-decoration: none;
    }
    .notification-messages a {
        color: #2F2F31;
        font-size: 0.729vw;
        font-weight: 500;
        width: 100%;
    }
    
    .notification-messages a li {
        font-size: 0.729vw;
        text-transform: capitalize;
    }
    
    .notification-messages a li span {
        font-size: 0.521vw;
        font-weight: 400;
        display: block;
    }
    
    .notification-messages li {
      flex: 0 0 100%;
      border-bottom: 0.052vw solid #ccc;
    }
    
    
    .list-wish-like-notification .notification-bell:hover .notification-messages {
      display: flex;
      max-height:26.042vw;
      padding: 0.833vw 0vw;
    }
    
    
    .notification-messages li:last-child {
      border: none;
    }
    .loading-buttons .btn-reg {
      gap: 0.26vw;
      align-items: center;
    }
    .select2singlecustomStyling .select2-container--default .select2-selection--single .select2-selection__rendered {
      margin-top: -0.156vw;
      color: #2f2f31;
      line-height: 1.458vw;
    }
    
    .select2singlecustomStyling .select2-container--default .select2-selection--single {
      width: 100%;
      resize: none;
      min-height: 2.813vw;
      padding: 0.781vw;
      border-radius: 0.26vw;
      border: 0.052vw solid #BEBEBE;
      background: #fff;
      font-size: 0.833vw;
    }
    
    .select2singlecustomStyling .select2-container--default .select2-selection--single .select2-selection__arrow {
      height: 2.813vw;
      background-image: url(https://html.webprojectmockup.com/hip/frontend/client/assets/images/icons/chev-down-grey.png);
      background-size: 0.781vw;
      background-repeat: no-repeat;
      background-position: center;
      right: 0.781vw;
    }
    .select2singlecustomStyling .select2-container--default .select2-selection--single .select2-selection__arrow b {
      display: none;
    }
    .mw-1247 {
      max-width: 64.948vw;
      margin: 0 auto;
      width: 100%;
    }
    
    .done-icon, .report-icon, .reject-icon {
      width: 0.938vw;
    }
    
    .ls-3 {
      letter-spacing: -0.052vw;
    }
    
    .gap-14{
      gap:0.729vw;
    }
    .btn-reg.btn-done {
      padding: 0.729vw;
      font-size:0.781vw;
    }
    .brief-chat-header {
      padding-top: 1.771vw;
      padding-bottom: 2.083vw;
      border-bottom: 0.052vw solid #DDDDDD;
    }
    
    /* .brief-chat .container-1400 {
      filter: drop-shadow(0vw 0.677vw 5.208vw rgb(0 0 0 / 5%));
      box-shadow: rgb(8 8 8 / 13%) -2.083vw -1.563vw 2.083vw -2.76vw;
    } */
    
    .brief-chat-header {
      border-radius: 1.563vw 1.563vw 0vw 0vw;
    }
    .pb-37{
    padding-bottom:1.927vw;   
    }
    
    .gap-112 {
      gap: 5.833vw;
    }
    
    .gap-26 {
      gap: 1.354vw;
    }
    
    .priority-status {
      padding: 0.469vw 1.25vw;
      background-color: #37C047;
      color: #fff;
      border-radius: 0.26vw;
    }
    .brief-attachment {
      gap: 0.729vw;
    }
    
    .brief-attach-repeat {
      padding: 0.417vw 0.521vw;
      border: 0.052vw solid #256F5D;
      border-radius: 0.208vw;
      background-color: #F3F3F3;
    }
    
    .attached-file {
      gap: 0.521vw;
      font-size: 0.677vw;
      color: #2F2F31;
      line-height: 1.5;
    }
    
    .attached-file:hover {
      text-decoration: none;
    }
    
    .modal-content .btn-reg.btn-transparent {
      border: 0.052vw solid var(--green);
      background: transparent;
      color: #2F2F31;
    }
    
    .modal-content .btn-reg.btn-transparent:hover {
      color: var(--green);
    }
    .fa-86{
      font-size: 4.479vw;
    }
     
    #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: 0.417vw;
    }
    
    .pb-30{
      padding-bottom:1.563vw;
    }
    .chat-messages {
      padding: 0.208vw 1.042vw 0.417vw;
      gap: 0.521vw;
      max-width:49.74vw;
    }
    
    .chat-messages.active {
      filter: drop-shadow(0vw 0.677vw 5.208vw rgb(0 0 0 / 5%));
      background-color: #fff;
    }
    
    .chat-messages-main {
      
      border-radius: 0vw 0vw 1.563vw 1.563vw;
      
    }
    .pt-30{
      padding-top:1.563vw;
    }
    .chat-user-image {
      max-width: 1.875vw;
      flex:0 0 1.875vw;
    }
    .mw-1280 {
      max-width: 66.667vw;
      margin: 0 auto;
      width: 100%;
    }
    
    .mw-330 {
      max-width: 17.188vw;
      width: 100%;
    }
    
    .mw-887 {
      max-width: 46.198vw;
      width: 100%;
    }
    button.message-filter {
      display: flex;
      align-items: center;
      background-color: #fff;
      border: 0.052vw solid #BEBEBE;
      border-radius: 0.26vw;
      font-size: 0.781vw;
      font-weight: 500;
      letter-spacing: 0.016vw;
      padding: 0.729vw 1.875vw;
      gap: 0.573vw;
      line-height: 1;
    }
    
    .brief-notification-user-icon {
      height: 2.188vw;
      display: flex;
      width: 2.188vw;
      align-items: center;
      justify-content: center;
      background-color: #256F5D;
      border-radius: 1.563vw;
    }
    
    .brief-notification-user {
      gap: 0.938vw;
      padding: 0.885vw;
      background-color: #fff;
      /*filter: drop-shadow(0.719vw 1.439vw 3.597vw rgb(128 140 157 / 14%));*/
      border-radius: 0.781vw;
    }
    .brief-notification-user-name {
      color: #141736;
    }
    
    .breif-notification-time {
      color: #91929D;
      position: absolute;
      top: 0.885vw;
      right: 0.885vw;
    }
    .message-nofify-active {
      position: absolute;
      width: 0.521vw;
      height: 0.521vw;
      background-color: #3DD598;
      border-radius: 1.563vw;
      top: 0;
      right: 0;
    }
    .user-admin {
      gap: 0.417vw;
      padding: 0.625vw 0.677vw;
      filter: drop-shadow(0 0.031vw 0.124vw rgb(23 23 37 / 10%));
      background-color: #fff;
      margin-bottom: 0.833vw;
    }
    
    .color-696974 {
      color: #696974;
    }
    .today-date {
      text-align: center;
      color: #171725;
    }
    
    .today-date:before {
      content: "";
      width: 100%;
      height: 0.052vw;
      background-color: #F1F1F5;
      position: absolute;
      top: 55%;
      left: 0;
      transform: translateY(-50%);
      z-index: -1;
    }
    
    .today-date p {
      color: #171725;
      display: inline-block;
      padding: 0vw 1.563vw;
      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: 0.417vw;
    }
    
    svg#upload-icon {
      color: #adadad;
      width: 0.938vw;
      height: 0.938vw;
    }
    
    #chat-text-area-submit {
        border: 0;
        background: #256f5d;
        position: absolute;
        right: 1.042vw;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 50%;
        width: 1.458vw;
        height: 1.458vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #chat-text-area-submit svg {
        width: 0.625vw;
        height: 0.625vw;
    }
    
    .emojionearea .emojionearea-editor, .emojionearea.focused .emojionearea-editor {
        min-height: 2.604vw;
        max-height: 2.604vw;
        height: 100%;
        padding: 0.781vw 4.063vw 0.781vw 1.823vw;
    }
    .chat-upload:hover {
      cursor: pointer;
    }
    .chat-user-image img {
      width: 1.875vw;
      height: 1.875vw;
      border-radius: 4.167vw;
    }
    .emojionearea, .emojionearea.form-control {
      border: 0.052vw solid #ccc;
      border-radius: 0.417vw;
      background: #F1F5F0;
    }
    .chat-text-area {
      padding: 1.042vw;
    }
    .proposal-details-for-all .chat-text-area {
        padding-left: 0vw;
        padding-right: 0vw;
    }
    .chat-messages-date-date {
      padding: 0.052vw 0.729vw;
      border-radius: 5.208vw;
      border: 0.052vw 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: 3.385vw 4.271vw;
    }
    .mw-983{
      max-width:51.198vw;
      width:100%;
    }
    .chat-messages-date-date span {
      line-height: 1.302vw;
    }
    .brief-notification-user-icon img {
      border-radius: 1.563vw;
      height: 100%;
      object-fit: contain;
    }
    .emojionearea .emojionearea-button {
        right: 2.865vw;
        top: 50%;
        transform: translateY(-50%);
    }
    .freelance-image {
      flex: 0 0 1.406vw;
      margin-top:0.417vw;
      height: 1.406vw;
      width: 1.406vw;
    }
    .welcome-message {
      background-image: url(../images/images/icons/Shape.png);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      padding: 0.573vw 1.042vw;
    }
    .freelance-welcome-message .freelance-image svg{
      height: 0.729vw;
      width: 0.521vw;
    }
    .brief-notification-left-header {
      padding: 0.625vw 0;
    }
    .message-filter svg {
      width: 0.833vw;
      height: 0.833vw;
    }
    .message {
      border-bottom: 0.052vw solid #eee;
      cursor: pointer;
      position: relative;
    }
    .message-content {
      display: flex;
      align-items: center;
    }
    .reply-box {
      display: none;
      margin-top: 0.521vw;
    }
    .reply-box textarea {
      width: 100%;
      height: 3.125vw;
      font-size:0.625vw;
      padding: 0.521vw;
      resize: none;
      overflow: auto;
      border: 0.052vw solid #ccc;
      border-radius: 0.521vw;
    }
    .replies {
      margin-top: 0.26vw;
      padding-left: 1.042vw;
    }
    .reply {
      border-top: 0.052vw solid #eee;
      padding-top: 0.26vw;
    }
    .reply-btn, .cancel-reply, .send-reply {
      background-color: transparent;
      border: 0;
      font-size: 0.521vw;
    }
    .send-reply, .cancel-reply {
      border: 0.052vw solid #ccc;
      padding: 0.104vw 0.521vw;
    }
    .replies{
      font-size: 0.625vw;
    }
    .brief-notification-user-container {
      min-height: 20.833vw;
      overflow-y: auto;
      padding-right: 3.438vw;
      height: 21.433vw
    }
    .brief-notification-user-name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 2.604vw;
      width: 11.563vw;
      border-radius:0;
    }
    .brief-notification-user-container::-webkit-scrollbar {
      width: 0.365vw;
      background-color: #EEEEEE;
      border-radius:0.781vw;
    }
     
    .brief-notification-user-container::-webkit-scrollbar-track {
      border-radius:0.781vw;
    }
     
    .brief-notification-user-container::-webkit-scrollbar-thumb {
      background-color: #256F5D;
      border-radius:0.781vw;
    }
    .mw-805 {
      max-width: 41.927vw;
      margin: 0 auto;
      width: 100%;
    }
    .gap-35 {
      gap: 1.823vw;
    }
    
    .mw-385 {
      max-width: 20.052vw;
      width: 100%;
    }
    .post-padding {
      padding: 2.135vw 2.24vw 2.604vw;
      filter: drop-shadow(0vw 0.677vw 5.208vw rgb(0 0 0 / 5%));
    }
    .fa-40 {
      font-size: 2.083vw;
      display: block;
    }
    
    .mw-191 {
      max-width: 9.948vw;
      width: 100%;
    }
    
    .post-btn {
      max-width: 6.615vw;
      width: 100%;
    }
    
    .post-icon {
      padding: 0.833vw 0.938vw;
      display: flex;
      max-width: 3.229vw;
      background-color: #fff;
      border: 0.052vw solid #EDEDED;
      border-radius: 0.365vw;
    }
    
    .post-icon img {
      width: 1.354vw;
      height: 1.615vw;
    }
    .btn-reg.btn-started {
      font-size: 0.625vw;
      line-height: 1.5;
      font-weight: 500;
      border-radius: 0.156vw;
    }
    .post-icon-abst {
      width: 5.521vw;
      height: 5.573vw;
      position: absolute;
      top: 2.135vw;
      right: 1.146vw;
    }
    #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: 0.365vw;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
    }
    
    #task-project-tabs .nav-tabs .nav-link {
      position: relative;
      padding: 0.99vw 1.094vw;
    }
    #task-project-list-tabs {
      max-width: 16.927vw;
      width: 100%;
    }
    .task-project-table-wrapper {
    overflow-x: auto;
    }
    
    .task-project-table-wrapper::-webkit-scrollbar {
    height: 0.417vw;
    }
    
    .task-project-table-wrapper::-webkit-scrollbar-thumb {
    background: var(--green);
    border-radius: 2.083vw;
    }
    
    .task-project-table-wrapper::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 2.083vw;
    }
    
    .task-project-table-wrapper table th,
    .task-project-table-wrapper table td {
    padding: 0.521vw;
    min-width: 7.292vw;
    }
    
    .task-project-table-wrapper table td.name-task-project {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 8.333vw;
    }
    
    .task-project-table-wrapper thead {
      background-color: #256f5d;
    }
    
    .task-project-table-wrapper thead th {
      font-size: 0.833vw;
      line-height: 1.667vw;
      padding: 0.677vw 0vw 0.469vw;
    }
    
    .task-project-table-wrapper table {
      border: 0.052vw solid #BEBEBE;
      border-collapse: separate; 
      border-spacing: 0; 
      border-radius: 0.521vw; 
      overflow: hidden;
      margin: 1.563vw 0 1.042vw;
      text-align: center;
      width: 100%;
    }
    
    .task-project-table-wrapper table td {
      font-size: 0.729vw;
      line-height: 1.667vw;
      padding: 0.729vw 0vw 0.885vw;
      background-image: linear-gradient(to right, #bebebe 42%, rgba(255, 255, 255, 0) 0%);
      background-position: bottom;
      background-size: 0.625vw 0.052vw;
      background-repeat: repeat-x;
    }
    
    .task-project-table-wrapper table tbody tr:last-child td {
      background-image: none;
    }
    .bid-btn {
      font-size: 0.625vw;
      line-height: 1.042vw;
      padding: 0.417vw 1.042vw;
      background-color: var(--green);
      color: #fff;
      border-radius: 0.208vw;
      border: 0.052vw 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: 1.302vw;
      margin: 0vw;
      color: #BEBEBE;
      top: 0.781vw;
      bottom: unset;
      margin: 0;
    }
    .items-row-project-form .form-group-custom.min-height-54 textarea {
      padding: 0.625vw 5.208vw 0.625vw 1.146vw;
      line-height: 1.406vw;
    }
    /* Hide the default checkbox */
    .remove-checkbox {
      display: none;
    }
    
    /* Style the custom checkbox */
    .custom-checkbox {
      width: 1.042vw;
      height: 1.042vw;
      background-color: white;
      border: 0.104vw solid #ccc;
      border-radius: 0.208vw;
      display: inline-block;
      cursor: pointer;
      position: relative;
      flex: 0 0 1.042vw;
    }
    
    /* Add a checkmark for the checked state */
    .remove-checkbox:checked + .custom-checkbox::after {
     content: '';
    position: absolute;
    top: 45%;
    left: 30%;
    width: 0.26vw;
    height: 0.521vw;
    border: solid #256F5D;
    border-width: 0 0.150vw 0.150vw 0;
    transform: rotate(45deg) translate(-50%, -50%);
    }
    
    /* Optional: add hover and focus styles */
    .custom-checkbox:hover {
      border-color: #888;
    }
    
    .custom-checkbox:focus {
      outline: none;
      box-shadow: 0 0 0.104vw 0.104vw rgba(0, 0, 0, 0.2);
    }
    
    
    .editable-item {
      display: flex;
      align-items: center;
      gap: 0.521vw;
      margin-bottom: 1.094vw;
    }
    
    .editable-text {
      font-size: 0.833vw;
      line-height: 1.302vw;
      color: #BEBEBE;
    }
    .btn-reg.btn-transparent {
      background-color: transparent;
      color: #2F2F31;
      border: 0.052vw solid #2F2F31;
      border-radius: 0.208vw;
    }
    
    .btn-reg.btn-transparent:hover {
      background-color: #37c047;
      border-color: #37c047;
      color: #fff;
    }
    .mw-369 {
        max-width: 19.219vw;
        width: 100%;
    }
    
    .mw-662 {
        max-width: 34.479vw;
        width: 100%;
    }
    .show-all-project-notification-left .show-all-bid-notification-time {
        top: unset;
        bottom: 0.521vw;
    }
    .show-all-bid-messages-main {
        background-color: #fff;
        border-radius: 0.26vw;
    }
    
    .show-all-bid-notification-left-header {
        padding: 0.573vw 1.042vw 0.938vw 1.042vw;
    }
    
    /* .brief-chat.show-all-bid-chat .container-1400 {
        filter: drop-shadow(0vw 1.198vw 3.229vw rgb(0 0 0 / 5%));
        box-shadow: 0 0 0 0.052vw #EAEAEA;
        border-radius: 0.26vw;
    } */
    .show-all-bid-notification-user {
        box-shadow: inset 0 0 0 0.052vw #EAEAEA;
        box-sizing: border-box;
        border-radius: 0.417vw;
    }
    .brief-notification-user-name.show-all-bid-notification-user-name {
        width: 10.573vw;
        overflow: unset;
        white-space: unset;
        text-overflow: unset;
        padding: 0vw;
        line-height:0.938vw;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius:0vw;
    }
    .brief-notification-user.show-all-bid-notification-user {
        padding: 0.781vw 0.781vw 0.885vw;
        min-height:3.542vw;
    }
    .show-all-bid-bid-notification-left .brief-notification-user.show-all-bid-notification-user {
        padding: 0.521vw 0.781vw;
    }
    .show-all-bid-description p{
        line-height: 0.677vw;
        max-width: 9.375vw;
        margin-top: 0.208vw;
        display: inline;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 0.521vw;
    }
    .project-search input, .bid-search input {
        padding: 0.26vw 1.563vw 0.26vw 0.521vw;
        border: none;
        width: 100%;
        font-size: 0.729vw;
    }
    
    #project-filter-btn, #bid-filter-btn {
        position: absolute;
        top: 50%;
        right: 0.313vw;
        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) 0vw 0vw 0vw 0.052vw; */
        border-bottom: 0.052vw solid #e5e5e5;
    }
    
    .project-search, .bid-search {
        width: 8.333vw;
    }
    .show-all-bid-notification-left-header:last-child {
        border-right: 0vw;
    }
    .brief-notification-user-container.show-all-bid-notification-user-container {
        min-height: 20.833vw;
        padding-right: 0.833vw;
    }
    .show-all-bid-notification-user-container-main {
        padding: 0.833vw 0vw 2.969vw 1.042vw;
    }
    #project-filter-btn svg, #bid-filter-btn svg {
        width: 0.938vw;
        height: 0.938vw;
    }
    .message-price {
        color: #37C047;
        line-height:1.771vw;
    }
    .bid-message-user-img img {
        width: 3.073vw;
        height: 3.073vw;
        object-fit: contain;
        border-radius: 50%;
    }
    .bid-message-user-info-main {
        gap: 1.25vw;
    }
    .bid-message-header {
        padding: 1.302vw 1.823vw 0.781vw;
    }
    .bid-message-desc {
        padding: 1.042vw 1.823vw;
    }
    .detail-table-row {
        padding: 1.042vw 1.667vw;
        border-bottom: 0.052vw solid #EAEAEA;
        gap: 1.042vw;
    }
    
    .detail-table-row p:first-child {
        min-width: 4.688vw;
    }
    .detail-table-row:last-child {
        border-bottom: none;
    }
    .attached-file svg {
        width: 0.729vw;
        height: 0.885vw;
    }
    .btn-red{
        background-color: #D70820;
        color:#fff;
    }
    .bid-message-btns {
        padding: 0vw 1.667vw;
    }
    .bid-message-btns button:hover svg path {
        fill: #3cc24c;
    }
    
    .bid-message-btns button.btn-red:hover {
        color: #d70820;
        background-color: transparent;
        border: 0.052vw solid;
    }
    .bid-message-btns button.btn-red:hover svg path {
        fill: #d70820;
    }
    .bid-message-btns .btn-red svg {
        width: 1.042vw;
        height: 1.042vw;
    }
    
    .bid-message-btns .btn-green svg {
        width: 0.938vw;
        height: 0.938vw;
    }
    .show-all-bid-notification-user-container-main-right .brief-notification-user-name.show-all-bid-notification-user-name {
        -webkit-line-clamp: 1;
        max-width: 7.813vw;
    }
    .brief-notification-user.show-all-bid-notification-user.active {
        border: 0.052vw solid #37C047;
    }
    .mw-1031 {
        max-width: 53.698vw;
        width: 100%;
    }
    .bid-info-details-freelancer .show-all-bid-notification-left-header {
        border-right: none;
    }
    .fa-11 {
        font-size: 0.573vw;
    }
    .mw-96 {
        width: 5vw;
    }
    
    .height-96 {
        height: 5vw;
    }
    /* .progress-status {
        height: 4.583vw;
        width: 4.583vw;
        position: relative;
        border-radius: 4.583vw;
        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: -0.26vw;
        padding: 0.052vw;
        border-radius: 4.583vw;
        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: 49.479vw;
        width: 100%;
    }
    /* .yellow-bg p, .grey-bg p {
        color: #000;
    } */
    .progress-arrow:after {
        content: "";
        position: absolute;
        width: 4.74vw;
        height: 0.938vw;
        background: url(../images/images/icons/progress-arrow-new.png);
        background-repeat: no-repeat;
        background-position: center;
        right: -5.417vw;
        background-size: 100%;
    }
    .gap-115 {
        gap: 5.99vw;
    }
    .project-progress-auto::-webkit-scrollbar {
        height: 0.417vw;
    }
    
    .project-progress-auto::-webkit-scrollbar-thumb {
    background: #256F5D;
    border-radius: 2.083vw;
    }
    
    .project-progress-auto::-webkit-scrollbar-track {
    background: #C1C1C1;
    border-radius: 2.083vw;
    }
    .project-progress-auto {
      overflow-x: auto;
      padding: 1.042vw 0.26vw;
    }
    .gap-70 {
        gap: 3.646vw;
    }
    .team-imgs {
        width: 1.771vw;
        height: 1.771vw;
        border: 0.052vw solid #fff;
        border-radius: 4.167vw;
        margin-left: -0.521vw;
        object-fit: cover;
        object-position: top;
    }
    
    .brief-attachment.team-members {
        gap: 0;
    }
    .team-imgs:first-child {
        margin-left: 0vw;
    }
    .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: 25vw;
        width: 100%;
    }
    
    .mw-920 {
        max-width: 47.917vw;
        width: 100%;
    }
    /* .invoices-main-container {
        filter: drop-shadow(0vw 1.198vw 3.229vw rgb(0 0 0 / 5%));
        box-shadow: 0 0 0 0.052vw #EAEAEA;
        border-radius: 0.26vw;
    } */
    .brief-notification-user.show-all-bid-notification-user.invoice-project-name {
        gap: 0vw;
    }
    
    .invoice-name {
        white-space: unset;
        text-overflow: unset;
        padding: 0vw;
        line-height: 0.938vw;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 0vw;
    }
    
    .invoice-status p {
        padding: 0.052vw 0.781vw;
        color: #fff;
        border-radius: 2.604vw;
        width: 3.646vw;
        text-align: center;
        line-height: 1.042vw;
    }
    
    .unpaid {
        background-color: #D70820;
    }
    .paid {
        background-color: #37C047;
    }
    .invoice-container {
        padding: 2.292vw 3.125vw 3.125vw;
    }
    .invoice-info hr {
        margin: 0.469vw 0vw;
    }
    .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: 10.938vw;
    }
    
    .invoice-table table td {
        padding: 1.823vw;
    }
    
    
    .invoice-table table td.description {
        text-align: left;
        padding-right: 7.292vw;
    }
    
    .invoice-table table tbody tr td:last-child, .invoice-table table thead tr th:last-child {
        border-left: 0.052vw solid #EAEAEA;
    }
    
    .color-37C047 {
        color: #37C047;
    }
    .invoice-table thead th:first-child {
        padding-left: 1.823vw;
        text-align: left;
    }
    .btn-reg.invoice-pay-now {
        padding: 0.521vw;
        min-width: 8.594vw;
        font-weight: 500;
        font-size: 0.781vw;
        line-height: 1.146vw;
        letter-spacing: -0.016vw;
    }
    .invoice-logo img {
        width: 6.25vw;
        height: 4.063vw;
    }
    .task-project-table-wrapper.invoice-project-table thead th {
        font-size: 0.729vw;
    }
    
    .task-project-table-wrapper.invoice-project-table table th, .task-project-table-wrapper.invoice-project-table table td {
        min-width: unset;
        border-right: 0.052vw 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: 0.052vw 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:0vw;
        border-radius:0.521vw 0.521vw 0vw 0vw;
    }
    .task-project-table-wrapper.table-balance table {
        margin: 0;
        border-top: none;
        border-radius: 0vw;
        border-color: #e4e4e4;
        border-bottom: none;
    }
    
    .task-project-table-wrapper.table-balance table td {
        background-image: none;
        border-bottom: 0.052vw solid #E4E4E4;
    }
    
    .table-balance table td:first-child {
        width: 20.625vw;
        border-bottom: none;
    }

    .payment-schedule {
        padding: 2.083vw 1.354vw;
        border-left: 0.052vw solid #E4E4E4;
        border-right: 0.052vw solid #E4E4E4;
    }
    
    .table-balance table td {
        border-right: 0.052vw solid #E4E4E4;
    }
    
    .table-balance table td:last-child {
        border-right: none;
    }
    
    .table-balance table td:nth-child(2) {
        width: 7.5vw;
    }
    .task-project-table-wrapper.invoice-project-table table tbody tr td:first-child {
        width: 6.094vw;
    }
    
    .task-project-table-wrapper.invoice-project-table table tbody tr td:nth-child(2) {
        width: 8.802vw;
    }
    .table-balance table tr:last-child td:first-child{
        border-bottom: 0.052vw solid #E4E4E4;
    }
    .task-project-table-wrapper.payment-schedule-table table td {
        background-image: none;
        border-bottom: 0.052vw solid #E4E4E4;
        border-right: 0.052vw 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: 0.052vw solid #E4E4E4;
    }
    
    .task-project-table-wrapper.payment-schedule-table table {
        border-color: #E4E4E4;
        margin-top: 0vw;
        border-radius: 0vw 0vw 0.521vw 0.521vw;
    }
    
    .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: 0.729vw;
    }
    .invoice-pay-now {
        margin: 0 auto;
    }
    #freelancer-wallet-tabs {
        max-width: 25.26vw;
        width: 100%;
        gap: 5.729vw;
    }
    .mw-142 {
        width: 7.396vw;
    }
    
    .height-142 {
        height: 7.396vw;
    }
    
    /* .progress-status.wallet-status {
        width: 6.771vw;
        height: 6.771vw;
    } */
    .gap-170 {
        gap: 8.854vw;
    }
    .progress-arrow.progress-arrow-wallet:after {
        width: 7.031vw;
        height: 1.354vw;
        right: -7.813vw;
    }
    .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: 1.458vw;
    }
    
    .color-000 {
        color: #000;
    }
    .withdraw-icon {
        width: 1.25vw;
        height: 1.302vw;
    }
    .task-project-table-wrapper.wallet-table table th, .task-project-table-wrapper.wallet-table table td {
        min-width: 13.021vw;
        text-align: left;
        padding: 0.729vw 2.604vw;
    }
    .bank-detail-form .input-fields select {
        background-image: url(../images/icons/chev-down-grey.png);
        background-repeat: no-repeat;
        background-position: calc(100% - 1.042vw) 50%;
        background-size: 0.833vw;
        padding-right: 2.083vw;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 0.052vw;
        text-overflow: "";
    }
    .bank-detail-form .input-fields select, .bank-detail-form .input-fields textarea, .bank-detail-form .input-fields input {
        width: 100%;
        min-height: 2.813vw;
        border: 0.052vw solid #bebebe;
        border-radius: 0.26vw;
        padding: 0.729vw 0.781vw;
        font-size: 0.833vw;
        color: black;
        transition: 0.3s ease-in-out;
    }
    .project-resource-edit {
        gap: 0.26vw;
    }
    .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: 1.302vw;
    }
    .proposal-download img{
        width: 0.833vw;
        height: 0.885vw;
    }
    .proposal-link img {
        width: 1.042vw;
        height: 1.042vw;
    }
    .proposal-details-for-all {
       padding: 1.302vw;
    }
    .proposal-logo img {
        width: 4.01vw;
        height: 2.604vw;
    }
    .gap-10 {
        gap: 0.521vw;
    }
    .proposal-svg svg {
        width: 0.365vw;
        height: 0.313vw;
    }
    .proposal-pricing-table-wrapper thead {
        background-color: #F3F7F2;
    }
    
    .proposal-pricing-table-wrapper thead th, .proposal-pricing-table-wrapper tbody td {
        padding: 0.208vw 0.729vw;
        font-size: 0.729vw;
        text-align: center;
        border-right: 0.052vw solid #EAEAEA;
        border-bottom: 0.052vw solid #EAEAEA;
        max-width: 7.292vw;
    }
    
    .proposal-pricing-table-wrapper table {
        border: 0.052vw solid #EAEAEA;
        border-collapse: separate;
        border-spacing: 0;
        border-radius: 0.521vw;
        overflow: hidden;
        margin: 1.563vw 0 1.042vw;
        text-align: center;
        width: 100%;
    }
    .proposal-pricing-table-wrapper thead th{
        padding: 0.938vw 0.521vw 0.625vw;
    }
    
    .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: 2.24vw;
        height: 2.24vw;
        display: block;
        margin: 0 auto;
        border-radius: 1.563vw;
        object-fit: cover;
        object-position: top center;
    }
    .view-prop-profile {
        text-decoration: underline;
        color: #000;
    }
    .bid-proposal-payment td {
        height: 3.802vw;
    }
    .working-details {
        padding: 1.042vw 0.26vw;
    }
    .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: 3.438vw;
        max-width: 2.083vw;
        padding: 0.208vw 1.042vw;
    }
    
    .proposal-pricing-table-wrapper.payment-schedule-table-wrapper tbody td:nth-child(2) {
        max-width: 17.656vw;
    }
    
    .proposal-pricing-table-wrapper tbody .bid-proposal-payment td:first-child {
        text-align: right;
    }
    .terms-conditions svg {
        margin-top: 0.365vw;
        width: 0.521vw;
    }
    .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: 0.417vw;
        font-size: 1.5rem;
        cursor: pointer;
    }
    
    .freelancer-bank-details .form__radio-button {
        height: 0.729vw;
        width: 0.729vw;
        border: 0.104vw solid #55c57a;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        background-color: #fff;
    }
    
    .freelancer-bank-details .form__radio-button::after {
        content: "";
        display: block;
        height: 0.313vw;
        width: 0.313vw;
        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: 0.26vw solid #55c57a;
        filter: drop-shadow(0vw 0.052vw 0.104vw rgba(0, 0, 0, 0.25));
    }
    
    .freelancer-bank-details .form__radio-label-text {
        font-size: 1.146vw;
    }
    
    .freelancer-bank-details {
        gap: 3.125vw;
    }
    .bank-detail-form .label-parent {
        max-width: 12.396vw;
        width: 100%;
    }
    .mw-1162 {
        max-width: 60.521vw;
        width: 100%;
    }
    .bank-detail-form .label-parent label {
        font-size: 1.146vw;
        color: #000;
        font-weight: 500;
        line-height: 2.813vw;
    }
    .mw-447 {
        max-width: 23.281vw;
        width: 100%;
    }
    .btn-reg.bank-submit {
        padding: 0.521vw 4.323vw;
        font-size: 1.042vw;
    }
    .bids-proposal-tabs .nav-link {
        padding: 0vw 0.521vw 0.365vw;
        border: 0vw;
        border-radius:0;
    }
    .bids-proposal-tabs {
        margin-top: -0.208vw;
    }
    
    .bids-proposal-client .brief-notification-left-header {
        padding-bottom: 0vw;
    }
    
    .bids-proposal-client {
        border-right: 0.052vw solid #EAEAEA;
    }
    
    .bids-proposal-tabs .nav-tabs {
        border: 0;
    }
    
    .bids-proposal-tabs .nav-link.active {
        border-bottom: 0.104vw 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: 0.052vw;
        height: 0.625vw;
        background-color: #fff;
        position: absolute;
        top: 0.208vw;
        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: 0vw;
    }
    .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:0.521vw;
    }
    .category-user img {
        width: 1.563vw;
        height: 1.563vw;
    }
    .btn-black.gig-package-btn-black {
        position: relative;
        left: unset;
        transform: none;
    }
    .day-chat {
        height: 23.698vw;
        overflow: auto;
        padding-left: 1.042vw;
    }
    .day-chat::-webkit-scrollbar {
        width: 0.365vw;
        border-radius:0.781vw;
        background-color: #EEEEEE;
      }
       
      .day-chat::-webkit-scrollbar-track {
        border-radius:0.781vw;
      }
       
      .day-chat::-webkit-scrollbar-thumb {
        background-color: #256F5D;
        border-radius:0.781vw;
      }
      .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: 0.052vw solid red;
    }
    .input-fixed-placeholder {
        position: absolute;
        top: calc(50% - 0.365vw);
        left: 0.781vw;
        transform: translateY(-50%);
    }
    
    .form-group-custom input.look-spend {
        padding-left: 1.563vw;
    }
    .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: 1.563vw;
    }
    .mw-436 {
        max-width: 22.708vw;
        width: 100%;
    }
    
    .chat-messages-main-inner {
        background-color: #F3F7F2;
        border-radius: 0vw 0vw 0.521vw 0.521vw;
        filter: drop-shadow(-1.563vw 9.01vw 6.25vw rgb(0 0 0 / 5%));
        padding: 2.083vw 0vw 2.083vw 2.083vw;
        border: 0.104vw solid #fff;
        border-top: 0vw;
    }
    
    .chat-messages-container {
        padding-top: 1.563vw;
    }
    
    .mw-937 {
        max-width: 48.802vw;
        width: 100%;
    }
    .mw-563 {
        max-width: 29.323vw;
        width: 100%;
    }
    .form-group-custom.min-height-150.rating textarea {
        padding: 0.521vw 1.042vw;
    }
    .star-rating {
        direction: rtl;
        display: inline-block;
    }
    .star-rating input{
        display:none;
    }
    .star {
        font-size: 1.563vw;
        color: lightgray;
        cursor: pointer;
    }
    
    .star:hover,
    .star:hover ~ .star,
    input:checked ~ label {
        color: gold;
    }
    
    .star-rating .fa-star:before {
        font-size: 2.083vw;
    }
    .star-rating label:hover {
        cursor: pointer;
    }
    .border-1-fffafa {
        border: 0.052vw solid #f1eded;
    }
    .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: 1.042vw;
    }
    /*home*/
    .container-1636 {
        max-width: 85.208vw;
        width: 100%;
        margin: 0 auto;
    }
    
    .mw-595 {
        max-width: 30.99vw;
        width: 100%;
    }
    
    .fa-60 {
        font-size: 3.125vw;
    }
    
    .lh-57 {
        line-height: 2.969vw;
    }
    
    .lh-72 {
        line-height: 3.75vw;
    }
    
    .pt-44 {
        padding-top: 2.292vw;
    }
    
    .mw-454 {
        max-width: 23.646vw;
        width: 100%;
    }
    
    .mw-496 {
        max-width: 25.833vw;
        width: 100%;
    }
    .lh-24 {
        line-height: 1.25vw;
    }
    
    .suggest-item {
        padding: 0.417vw 1.302vw;
        border: 0.052vw solid #2F2F31;
        border-radius: 0.417vw;
    }
    .main-web-search-bar.main-web-search-bar-banner input {
        font-size: 0.833vw;
        height: 2.76vw;
    }
    
    .main-web-search-bar.main-web-search-bar-banner {
        border: 0.052vw solid #000;
        max-width: 25.833vw;
        width: 100%;
    }
    .mw-496 {
        max-width: 25.833vw;
        width: 100%;
    }
    .banner-btn.btn-reg {
        padding: 0.677vw;
    }
    
    .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: 0.833vw;
    }
    
    .btn-reg.btn-256F5D:hover svg path {
        fill: #256f5d;
    }
    
    .btn-reg.btn-256F5D:hover {
        background-color: transparent;
        border: 0.052vw solid #256f5d;
        color: #256f5d;
    }
    .home-categories {
        padding: 1.302vw 0.781vw;
        border: 0.104vw solid #256F5D;
        border-radius: 0.26vw;
        background-color: #F3F7F2;
    }
    
    .mw-148 {
        max-width: 7.708vw;
        width: 100%;
    }
    .pt-80 {
        padding-top: 4.167vw;
    }
    .btn-icon-one svg {
        width: 1.25vw;
        height: 1.354vw;
    }
    
    .btn-icon-two img {
        width: 1.25vw;
        height: 1.25vw;
    }
    /* .video img {
        width: 3.958vw;
        height: 3.75vw;
    }
    
    .programming img {
        width: 3.698vw;
        height: 3.49vw;
    }
    
    .digital-m img {
        width: 3.594vw;
        height: 3.802vw;
    }
    
    .graphics img {
        width: 3.854vw;
        height: 3.854vw;
    }
    
    .writing img {
        width: 3.646vw;
        height: 3.594vw;
    }
    
    .music img {
        width: 4.115vw;
        height: 3.854vw;
    }
    
    .consulting img {
        width: 4.115vw;
        height: 3.698vw;
    }
    
    .data img {
        width: 3.698vw;
        height: 3.177vw;
    } */
    .home-categories p {
        line-height: 0.885vw;
    }
    
    .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: 0.885vw;
    }
    
    .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: 6.771vw;
        height: 9.479vw;
        position: absolute;
        background-color: #37C047;
        left: 50%;
        transform: translateX(-50%);
        top: 0.521vw;
        filter: blur(1.563vw);
        z-index: -1;
        opacity:0;
    }
    .home-categories.active:before {
        opacity:1;
    }
    .pt-90 {
        padding-top: 4.688vw;
    }
    
    .pt-64 {
        padding-top: 3.333vw;
    }
    
    .pb-85 {
        padding-bottom: 4.427vw;
    }
    
    .why {
        background-color: #F3F7F2;
        border-radius: 2.396vw;
        border: 0.521vw solid #fff;
        filter: drop-shadow(0vw 1.875vw 5.208vw rgba(0, 0, 0, .05));
    }
    
    .lh-80 {
        line-height: 4.167vw;
    }
    
    .mw-825 {
        max-width: 42.969vw;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .mw-1228 {
        max-width: 63.958vw;
        margin: 0 auto;
    }
    
    .mw-604 {
        max-width: 31.458vw;
        width: 100%;
    }
    
    .bg-256F5D {
        background-color: #256F5D;
    }
    
    .fa-56 {
        font-size: 2.917vw;
    }
    
    .mb-35 {
        margin-bottom: 1.823vw;
    }
    
    .lh-66 {
        line-height: 3.438vw;
    }
    
    .mw-212 {
        max-width: 11.042vw;
        width: 100%;
    }
    
    .w-h-67 {
        width: 3.49vw;
        height: 3.49vw;
    }
    
    .lh-25 {
        line-height: 1.302vw;
    }
    
    .mw-130 {
        max-width: 6.771vw;
        width: 100%;
    }
    
    .fa-9 {
        font-size: 0.469vw;
    }
    
    .freelancer-value {
        line-height: 1.25vw;
        border: 0.052vw solid #65998D;
        background-color: #fff;
        color: #256F5D;
        border-radius: 2.396vw;
        position: absolute;
        top: 50%;
        width: 6.771vw;
        height: 1.354vw;
        text-align: center;
        left: 50%;
        transform: translate(-50%, -50%);
        filter: drop-shadow(0vw 0.208vw 0.156vw rgba(0, 0, 0, .15));
    }
    
    .globe {
        width: 10.833vw;
        height: 10.781vw;
    }
    
    .globe-img {
        width: 10.833vw;
        height: 10.833vw;
    }
    .hire-card-image {
        position: absolute;
        top: 50%;
        right: 1.198vw;
        transform: translateY(-50%);
    }
    
    .hire-card {
        padding: 2.292vw 0vw 1.875vw 1.719vw;
        border-radius: 0.677vw;
        height: 13.125vw;
    }
    .row-gap-20 {
        row-gap: 1.042vw;
    }
    .bg-37C047 {
        background-color: #37C047;
    }
    .hire-card-image.revenue {
        top: unset;
        bottom: 0;
        transform: none;
        right: 0;
    }
    
    .revenue-img {
        width: 17.813vw;
        height: 12.552vw;
    }
    .fa-84 {
        font-size: 4.375vw;
    }
    
    .lh-78 {
        line-height: 4.063vw;
    }
    
    .mw-160 {
        max-width: 8.333vw;
        width: 100%;
    }
    
    .lh-33 {
        line-height: 1.719vw;
    }
    
    .hire-card sup {
        font-size: 2.604vw;
    }
    
    .hire-card.largest {
        padding: 1.927vw 0vw 1.771vw 1.875vw;
    }
    
    .largest-img {
        width: 18.438vw;
        height: 14.479vw;
    }
    
    .hire-card-image.largest {
        transform: none;
        top: unset;
        bottom: 0;
        right: 0.885vw;
    }
    .hire-card.services {
        padding: 1.875vw 2.604vw 1.667vw 1.875vw;
    }
    
    .mw-262 {
        max-width: 13.646vw;
        width: 100%;
    }
    
    .mw-31 {
        max-width: 1.615vw;
        width: 100%;
    }
    
    .skill-container {
        background-color: #fff;
        border-radius: 0.781vw;
        height: 0.417vw;
    }
    .skill { 
        background-color: #37C047;
        border-radius: 0.781vw; 
        height:0.417vw;
    } 
    
    .software { 
        width: 42%; 
    } 
    
    .creative { 
        width: 30%; 
    } 
    
    .digital { 
        width: 15%; 
    } 
    .others { 
        width: 13%; 
    } 
    
    .lh-12 {
        line-height: 0.625vw;
    }
    .pt-158 {
        padding-top: 8.229vw;
    }
    
    .talent-img {
        width: 35.938vw;
        height: 27.708vw;
    }
    
    .mw-670 {
        max-width: 34.896vw;
        width: 100%;
    }
    
    .gap-140 {
        gap: 7.292vw;
    }
    
    .lh-36 {
        line-height: 1.875vw;
    }
    
    .btn-reg.btn-read-more {
        font-size: 0.781vw;
        line-height: 1.25vw;
        letter-spacing: -0.016vw;
        font-weight: 500;
        padding: 0.521vw 2.292vw;
        border-radius: 0.208vw;
    }
    .lh-62 {
        line-height: 3.229vw;
    }
    .container-1780 {
        max-width: 92.708vw;
        margin-left: calc((100% - 85.208vw) / 2);
    }
    
    .pt-180 {
        padding-top: 9.375vw;
    }
    .popular-services-item {
        padding: 0vw 0.521vw;
        height:auto;
    }
    .popular-services-item-inner {
        border: 0.052vw solid #256F5D;
        height: 23.177vw;
        border-radius: 0.781vw;
        padding: 2.083vw 1.198vw 0vw 1.51vw;
        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: 4.167vw;
    }
    .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: 15.677vw;
        height: 12.76vw;
        right: 0;
    }
    
    .web-development {
        width: 17.448vw;
        height: 16.042vw;
        left: 0;
    }
    
    .app-development {
        width: 15.417vw;
        height: 11.875vw;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .social-media {
        width: 17.969vw;
        height: 13.802vw;
        left: 0vw;
    }
    
    .illustration {
        width: 16.198vw;
        height: 10.313vw;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .creative-writing {
        width: 15.417vw;
        height: 12.969vw;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .white-board-video {
        width: 19.323vw;
        height: 9.948vw;
        left: 0;
    }
    
    .data-entry {
        width: 15vw;
        height: 13.438vw;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .virtual-assistance {
        width: 16.25vw;
        height: 11.875vw;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .email-marketing {
        width: 19.792vw;
        height: 12.865vw;
        left: 50%;
        transform: translateX(-50%);
    }
    .gap-30 {
        gap: 1.563vw;
    }
    
    .slick-arrow {
        width: 3.438vw;
        height: 3.438vw;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0.052vw solid #2F2F31;
        border-radius: 50%;
        transition: .3s ease-in-out;
        cursor: pointer;
    }
    
    .slick-arrow img {
        width: 1.563vw;
        height: 1.354vw;
    }
    
    .slick-arrow:hover {
        background-color: #FFC531;
        border-color: #FFC531;
    }
    .services-arrows {
        padding-right: 7.292vw;
    }
    .container-1398 {
        max-width: 72.813vw;
        margin: 0 auto;
        width: 100%;
    }
    
    .pt-160 {
        padding-top: 8.333vw;
    }
    
    .video-parent {
        height: 40.625vw;
        margin: 0 auto;
        position: relative;
        border-radius: 2.083vw;
        overflow: hidden;
    }
    
    .video-parent video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
    }
    .banner-home-prelaunch .video-parent video {
        object-position: 65%;
    }
    .video-overlay {
        position: absolute;
        top: 50%;
         left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translateY(-50%, -50%);
        width: 100%;
        max-width: 14.896vw;
        z-index: 9;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }
    
    .btn-video {
        z-index: 9;
        border-radius: 50%;
        font-size: 2.083vw;
        background: var(--orange);
        border: 0.208vw solid #fff;
        color: #fff;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        padding: 2.083vw 2.188vw 2.135vw 2.552vw;
        background-color: #FFC531;
    }
    
    .fa-54 {
        font-size: 2.813vw;
    }
    
    .lh-56 {
        line-height: 2.917vw;
    }
    .mw-1245 {
        max-width: 64.844vw;
        width: 100%;
        margin: 0 auto;
    }
    
    .video-logo {
        width: 5.208vw;
        height: 3.385vw;
    }
    
    .lh-29 {
        line-height: 1.51vw;
    }
    
    .mw-730 {
        max-width: 38.021vw;
        width: 100%;
    }
    
    .video-text {
        position: absolute;
        bottom: 3.854vw;
        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: 17.396vw;
        width: 100%;
        border: 0.052vw solid #37C047;
        border-radius: 0.365vw;
        height: 17.5vw;
    }
    
    .recent-img {
        width: 17.396vw;
        height: 8.906vw;
        object-fit: cover;
        object-position: center;
        border-radius: 0.365vw 0.365vw 0vw 0vw;
    }
    
    .recent-content-container {
        padding: 0.781vw 0.99vw 0.938vw 0.885vw;
    }
    .recent-delivery svg {
        width: 0.677vw;
        height: 0.677vw;
    }
    
    .recent-user-img {
        width: 1.875vw;
        height: 1.875vw;
        border-radius: 50%;
    }
    
    .pt-145 {
        padding-top: 7.552vw;
    }
    .popular-services-slider .slick-list {
        margin-left: -0.521vw;
    }
    
    .recent-view-item {
        padding: 0vw 0.521vw;
        height: auto;
    }
    
    .recent-view-slider .slick-list {
        margin-left: 0vw;
        margin-right: -0.26vw;
    }
    .journey {
        padding: 2.917vw 0vw 2.917vw 5.208vw;
    }
    
    .mw-588 {
        max-width: 30.625vw;
        width: 100%;
    }
    .journey-img {
        bottom: 0vw;
        right: 6.563vw;
    }
    .journey-img img {
        width: 38.854vw;
        height: 28.906vw;
    }
    .inspiring-work-item-inner {
        max-width: 16.771vw;
        width: 100%;
        height: 16.302vw;
        filter: drop-shadow(0vw 0.156vw 0.365vw rgba(0, 0, 0, 0.09));
        background-color: #fff;
        border-radius: 0.208vw;
    }
    
    .inspiring-footer {
        padding: 0.833vw 0.833vw 1.042vw;
    }
    
    .inspiring-user-img {
        width: 2.083vw;
        height: 2.083vw;
        object-fit: cover;
        border-radius: 50%;
        object-position: center;
    }
    
    .lh-21 {
        line-height: 1.094vw;
    }
    
    .color-95979D {
        color: #95979D;
    }
    .mw-664 {
        max-width: 34.583vw;
        width: 100%;
    }
    
    .lh-67 {
        line-height: 3.49vw;
    }
    .inspiring-work-item {
        padding: 0vw 0.833vw 0.521vw;
    }
    
    .inspiring-work-slider .slick-list {
        margin-left: -0.833vw;
    }
    .inspiring-img-container img {
        width: 16.771vw;
        height: 12.396vw;
        object-fit: cover;
        border-radius: 0.208vw 0.208vw 0vw 0vw;
    }
    .testimonials-item {
        max-width: 26.771vw;
        padding: 1.25vw;
        border: 0.052vw solid #000;
        border-radius: 0.625vw;
    }
    
    .testi-user-img {
        width: 2.552vw;
        height: 2.552vw;
        object-fit: cover;
    }
    .testimonials {
        row-gap: 1.823vw;
    }
    .mw-1387 {
        max-width: 72.24vw;
        width: 100%;
    }
    
    .mw-468 {
        max-width: 24.375vw;
        width: 100%;
    }
    
    .mw-714 {
        max-width: 37.188vw;
        width: 100%;
    }
    
    .affiliation-image {
        width: 9.583vw;
        height: 9.427vw;
        background-color: #F3F7F2;
        border-radius: 50%;
        border: 0.26vw solid #fff;
        filter: drop-shadow(0vw 1.875vw 5.208vw rgba(0, 0, 0, .05));
    }
    
    .affiliation {
        padding: 3.281vw 8.75vw 3.021vw 3.854vw;
    }
    
    .kcci {
        width: 5.781vw;
        height: 5.365vw;
    }
    
    .pseb {
        width: 6.771vw;
        height: 6.771vw;
        mix-blend-mode: darken;
    }
    
    .pasha {
        width: 7.083vw;
        height: 2.24vw;
    }
    .blog-item {
        max-width: 27.813vw;
        width: 100%;
    }
    
    .blog-img {
        width: 27.813vw;
        height: 14.688vw;
        border-radius: 0.521vw;
    }
    
    .blog-date {
        font-size: 0.677vw;
        line-height: 0.885vw;
        font-weight: 600;
        background-color: #37C047;
        color: #fff;
        padding: 0.26vw 0.833vw;
        border-radius: 0.781vw;
        height: 1.406vw;
        display: inline-block;
        position: absolute;
        left: 1.302vw;
        bottom: 0.885vw;
    }
    
    .blog-content-container {
        padding: 1.667vw 1.042vw 0vw 0vw;
    }
    
    .blog-btn {
        color: #256F5D;
        max-width: 5.729vw;
    }
    
    .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:7.813vw;
    }
    .blog-btn svg, .service-explore svg {
        width: 0.833vw;
        height: 0.729vw;
    }
    .banner-info {
        backdrop-filter: blur(15.625vw);
        background-color: rgba(0, 0, 0, 0.5);
        border: 0.104vw solid #37C047;
        border-radius: 0.469vw;
        gap: 0.781vw;
        padding: 0.625vw 0.938vw 0.677vw 1.25vw;
    }
    .mw-742{
        max-width: 38.646vw;
        width:100%;
        margin:0 auto;
    }
    
    .banner-slide {
        background-color: #256F5D;
        border-radius: 1.771vw;
        height: 39.479vw;
    }
    
    .banner-info-img img {
        width: 0.938vw;
        height: 1.25vw;
    }
    
    .banner-info-img {
        width: 100%;
        height: 2.24vw;
        background-color: #fff;
        border-radius: 50%;
        max-width: 2.24vw;
    }
    
    .mw-642 {
        max-width: 33.438vw;
        width: 100%;
    }

    .banner-info-main {
        position: absolute;
        bottom: 1.875vw;
        left: 50%;
        transform: translateX(-50%);
    }
    .banner-img {
        position: absolute;
        bottom: 0;
    }
    .verified{
        left: 50%;
        transform: translateX(-50%);
        width: 38.75vw;
        height: 37.969vw;
    }
    .bg-FFC531 {
        background-color: #FFC531;
    }
    .verified {
        margin-left: 2.344vw;
    }
    .connecting {
        width: 49.479vw;
        height: 38.281vw;
    }
    
    .connecting img {
        width: 100%;
        height: 100%;
    }
    .banner-slider .slick-dots {
        position: absolute;
        left: 0;
        bottom: 3.646vw;
    }
    
    .banner-slider.slick-slider {
        position: static;
    }
    
    .banner-slider .slick-dots li {
        display: inline-block;
        margin-right: 0.313vw;
        background-color: #2F2F31;
        width: 0.781vw;
        height: 0.781vw;
        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: 0vw;
    }
    
    .banner-slider .slick-dots li.slick-active {
        background-color: #ffc531;
        width: 4.01vw;
        border-radius: 0.521vw;
    }
    .project-management {
        width: 35.833vw;
        height: 36.458vw;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .project-management img {
        height: 100%;
    }
    
    .hire-project-team-img {
        width: 37.344vw;
        height: 21.094vw;
        margin-top: 6.406vw;
        margin-left: auto;
        margin-right: auto;
    }
    .instant-message {
        width: 44.896vw;
        height: 28.49vw;
        margin-left: auto;
        margin-top: 3.854vw;
    }
    .secure-payment {
        width: 42.708vw;
        height: 470;
        margin-left: auto;
        margin-right: 2.083vw;
        margin-top: 6.198vw;
    }
    /*home-end*/
    #contract-signature-tabs .nav-tabs .nav-link.active:before {
        content: "";
        background-color: #256F5D;
        height: 0.104vw;
        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: 0.469vw 0.781vw;
    }
    
    #contract-signature-tabs {
        max-width: 21.667vw;
        width: 100%;
    }
    
    .contract-signature-content {
        padding: 2.448vw 3.438vw;
    }
    
    #contract-signature-list-tabs {
        width: 11.458vw;
        border: 0vw;
        margin-bottom: 1.042vw;
    }
    .signature-upload-field svg {
        width: 1.875vw;
        height: 1.667vw;
    }
    
    .contract-signature-fields input, .contract-signature-fields textarea {
        font-size: 0.625vw;
    }
    
    
    .btn-reg.contract-submit-btn {
        letter-spacing: 0vw;
        font-size: 0.625vw;
        font-weight: 500;
        line-height: 0.99vw;
        padding: 0.365vw 2.24vw;
    }
    
    #freelancer_signature_draw {
        width: 21.667vw;
        height: 10.573vw;
        resize: unset;
    }
    
    .modal-dialog.contract-signature-dialog {
        max-width: 28.698vw;
    }
    
    #freelancer_signature_upload {
        border: 0;
        padding: 0;
        color: transparent;
        cursor: pointer;
    }
    
    .signature-upload-field {
        border: 0.052vw solid #bebebe;
        border-radius: 0.26vw;
        padding: 0.729vw 0.781vw;
        width: 21.667vw;
        height: 10.573vw;
    }
    
    #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: 4.531vw;
        height: 2.969vw;
    }
    
    .view-contract-table {
        padding: 1.042vw 0vw;
    }
    
    .view-contract-table table tr td:first-child {
        width: 7.813vw;
    }
    
    .view-contract-table table tr td {
        padding-top: 0.313vw;
        padding-bottom: 0.417vw;
    }
    
    .view-contract-table table tr {
        border-bottom: 0.052vw solid #E4E4E4;
    }
    
    .view-contract-table table {
        width: 100%;
    }
    .pb-20 {
        padding-bottom: 1.042vw;
    }
    
    .signature-input {
        width: 9.896vw;
        display: block;
        height: 4.792vw;
        border-bottom: 0.052vw solid #979797;
        margin-bottom: 0.469vw;
    }
    
    .welcome-message.freelancer-contarct {
        padding: 0vw 0.781vw 2.604vw;
    }
    
    .btn-reg.contract-accept {
        font-size: 0.833vw;
        font-weight: 500;
        line-height: 0.677vw;
        letter-spacing: 0.016vw;
        padding: 0.729vw;
        margin-top: 2.604vw;
    }
    
    .freelancer-contarct .contact-logo {
        width: 4.01vw;
        height: 2.604vw;
    }
    /*hire-team-page*/
    .hire-banner-img {
        width: 34.115vw;
        height: 23.802vw;
    }
    
    .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: 0.729vw 1.458vw;
    }
    
    .lh-31 {
        line-height: 1.615vw;
    }
    .mw-564 {
        max-width: 29.375vw;
        width: 100%;
    }
    .pb-44 {
        padding-bottom: 2.292vw;
    }
    .pt-100 {
        padding-top: 5.208vw;
    }
    
    .pb-111 {
        padding-bottom: 5.781vw;
    }
    .works-img {
        height: 14.167vw;
        display: flex;
        align-items: center;
        border-radius: 0.365vw 0.365vw 0vw 0vw;
    }
    
    .mw-529 {
        max-width: 27.552vw;
        width: 100%;
    }
    
    .works-img img {
        width: 23.385vw;
        height: 7.24vw;
        margin: 0 auto;
        filter: drop-shadow(0vw 0.885vw 1.458vw rgba(0, 0, 0, .25));
    }
    
    .border-37C047 {
        border: 0.052vw solid #37C047;
        border-radius: 0.365vw;
    }
    
    .works-content {
        max-width: 23.906vw;
        width: 100%;
        margin-left: 1.563vw;
        margin-top: 2.083vw;
        margin-bottom: 2.083vw;
    }
    
    .lh-30 {
        line-height: 1.563vw;
    }
    .border-256F5D {
        border: 0.052vw solid #256F5D;
        border-radius: 0.365vw;
    }
    .works-img.work-payment img {
        height: 7.656vw;
    }
    
    .works-img.work-qa img {
        width: 23.385vw;
        height: 8.594vw;
    }
    .mw-600 {
        max-width: 31.25vw;
        width: 100%;
    }
    
    .mw-553 {
        max-width: 28.802vw;
        width: 100%;
    }
    .pb-166 {
        padding-bottom: 8.646vw;
    }
    
    .team-services-img {
        width: 38.229vw;
        height: 19.167vw;
    }
    .comprehensive-management-service img {
        width: 23.438vw;
        height: 19.167vw;
    }
    
    .comprehensive-management-service {
        text-align: center;
    }
    
    .team-services-img {
        border-radius: 1.042vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .fa-45 {
        font-size: 2.344vw;
    }
    
    .lh-51 {
        line-height: 2.656vw;
    }
    
    .expert-matching-service img {
        width: 26.25vw;
        height: 16.771vw;
    }
    .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: 13.75vw;
    }
    
    .mw-672 {
        max-width: 35vw;
        width: 100%;
    }
    
    .benefit-img img {
        border-radius: 0.521vw;
        height: 100%;
    }
    
    .benefit-img {
        width: 35vw;
        height: 16.823vw;
    }
    
    .benefit-content {
        padding-top: 1.25vw;
    }
    #contractForm #clear {
        font-size: 0.521vw;
        margin-bottom: 1.042vw;
        padding: 0.26vw 0.781vw;
        margin-top: 0.26vw;
    }
    .kbw-signature {
        width: 100%;
        height: 10.417vw;
    }
    
    #sig canvas {
        width: 100%;
        height: 100%;
    }
    .container-1567 {
        max-width: 81.615vw;
        width: 100%;
        margin: 0 auto;
    }
    .container-1502 {
        max-width: 78.229vw;
        width: 100%;
        margin: 0 auto;
    }
    .join-banner-img {
        width: 35.365vw;
        height: 19.479vw;
        margin: 0 auto;
    }
    
    .join-banner-img img {
        width: 100%;
        height: 100%;
    }
    .mw-760 {
        max-width: 39.583vw;
        width: 100%;
    }
    
    .pt-150 {
        padding-top: 7.813vw;
    }
    
    .pb-140 {
        padding-bottom: 7.292vw;
    }
    
    .color-2B816C {
        color: #2B816C;
    }
    
    .mb-28 {
        margin-bottom: 1.458vw;
    }
    
    .work-steps li:before {
        content: "";
        width: 0.417vw;
        height: 0.417vw;
        position: absolute;
        left: 0;
        background-color: #256f5d;
        border-radius: 1.563vw;
        top: 0.729vw;
    }
    
    .work-steps li {
        position: relative;
        padding-left: 0.781vw;
        padding-bottom: 1.042vw;
    }
    
    .step1-work {
        height: 32.292vw;
    }
    
    .mw-734 {
        max-width: 38.229vw;
        width: 100%;
    }
    
    .step1-work img {
        width: 28.073vw;
        height: 23.333vw;
        margin: 0 auto;
        z-index: 1;
    }
    
    .step-border {
        border-radius: 1.042vw;
    }
    
    .circle-2A7D69:before {
        content: "";
        width: 19.219vw;
        height: 19.219vw;
        position: absolute;
        background-color: #2A7D69;
        border-radius: 50%;
        top: -5.677vw;
        right: -3.958vw;
        z-index: 0;
    }
    
    .circle-FFC531:before {
        content: "";
        width: 19.219vw;
        height: 19.219vw;
        position: absolute;
        background-color: #FFC531;
        border-radius: 50%;
        z-index: 0;
        left: -5.417vw;
        bottom: -6.51vw;
        top: unset;
    }
    .step-shadow img {
        filter: drop-shadow(0vw 0.208vw 3.703vw rgba(0, 0, 0, .40));
    }
    .mw-1564 {
        max-width: 81.458vw;
        width: 100%;
    }
    .step2-work img {
        width: 20.729vw;
        height: 17.24vw;
        margin: 0 auto;
        z-index: 1;
    }
    
    .step2-work {
        height: 24.531vw;
    }
    
    .circle-37C047:before {
        content: "";
        width: 19.219vw;
        height: 19.219vw;
        position: absolute;
        background-color: #37C047;
        border-radius: 50%;
        z-index: 0;
        right: -2.865vw;
        top: -9.948vw;
    }
    .step3-work {
        height: 21.25vw;
    }
    
    .step3-work img {
        width: 14.375vw;
        height: 16.979vw;
        margin: 0 auto;
        z-index: 1;
    }
    .step5-work {
        height: 21.25vw;
    }
    
    .step5-work img {
        width: 16.927vw;
        height: 20.26vw;
        z-index: 1;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        margin-top: auto;
    }
    .steady img {
        width: 14.531vw;
        height: 13.75vw;
    }
    
    .h-272 {
        height: 14.167vw;
    }
    
    .timely img {
        width: 23.073vw;
        height: 11.823vw;
    }
    
    .control-over img {
        width: 19.688vw;
        height: 13.438vw;
    }
    
    .no-hidden img {
        width: 27.552vw;
        height: 13.229vw;
    }
    
    .h-254 {
        height: 13.229vw;
    }
    
    .skill-demand img {
        width: 21.198vw;
        height: 11.979vw;
    }
    
    .long-term img {
        width: 19.896vw;
        height: 11.302vw;
    }
    .steady-before:before {
        content: "";
        width: 8.958vw;
        height: 14.115vw;
        position: absolute;
        left: 0;
        top: 0;
        background-image: url("https://html.webprojectmockup.com/hip/frontend/client/assets/images/images/main/steady-before.png");
        background-repeat: no-repeat;
    }
    .steady-before:after {
        content: "";
        width: 8.958vw;
        height: 14.115vw;
        position: absolute;
        right: -25;
        top: 0;
        background-image: url("https://html.webprojectmockup.com/hip/frontend/client/assets/images/images/main/steady-before.png");
        background-repeat: no-repeat;
    }
    .financial-content {
        max-width: 23.906vw;
        width: 100%;
        margin-left: 1.563vw;
        margin-top: 2.448vw;
        margin-bottom: 5.156vw;
    }
    .pt-130 {
        padding-top: 6.771vw;
    }
    
    .mw-395 {
        max-width: 20.573vw;
        width: 100%;
    }
    
    .transparent-payment {
        width: 6.667vw;
        height: 4.948vw;
    }
    
    
    .diverse-project {
        width: 5.833vw;
        height: 4.948vw;
    }
    
    .flexible-eng {
        width: 4.948vw;
        height: 4.948vw;
    }
    
    .profes-growth {
        width: 5.156vw;
        height: 5.052vw;
    }
    
    .mw-323 {
        max-width: 16.823vw;
        margin: 0 auto;
    }
    .pt-68{
         padding-top:3.542vw   
    }
    .pb-60{
         padding-bottom: 3.125vw;
    }
    .pt-250 {
        padding-top: 13.021vw;
    }
    .about-banner-img {
        width: 38.49vw;
        height: 27.448vw;
    }
    
    .about-banner-img img {
        width: 100%;
        height: 100%;
        z-index: 1;
        position: relative;
    }
    
    .about-banner-img:before {
        content: "";
        width: 21.198vw;
        height: 21.042vw;
        background-color: #FFC531;
        display: block;
        border-radius: 50%;
        bottom: -10.521vw;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 0;
    }
    .about-banner-img:after {
        content: "";
        width: 21.198vw;
        height: 21.042vw;
        background-color: #37C047;
        display: block;
        border-radius: 50%;
        top: -10.521vw;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 0;
    }
    .container-1372 {
        max-width: 71.458vw;
        width: 100%;
        margin: 0 auto;
    }
    
    .pt-170 {
        padding-top: 8.854vw;
    }
    
    .relaible {
        padding-top: 3.125vw;
        padding-bottom: 3.125vw;
        padding-right: 4.167vw;
    }
    
    .mw-668 {
        max-width: 34.792vw;
        width: 100%;
        margin-left: auto;
    }
    
    .reliable-img {
        bottom: 0vw;
        left: 3.646vw;
    }
    
    .mw-955 {
        max-width: 51.823vw;
        width: 100%;
        margin-left: auto;
    }
    .reliable-before-img:before {
        content: "";
        background-image: url(../images/images/main/reliable-before.png);
        width: 7.604vw;
        height: 8.385vw;
        position: absolute;
        margin-left: 0.521vw;
        filter: blur(4.167vw);
        z-index: -1;
        margin-top: 1.042vw;
    }
    
    .reliable-before-img {
        z-index: 1;
        top: -1.354vw;
        left: 13.594vw;
    }
    .reliable-img img {
        width: 25.625vw;
        height: 26.771vw;
    }
    
    .reliable-before-img img {
        width: 7.604vw;
        height: 8.385vw;
    }
    .pt-140 {
        padding-top: 7.292vw;
    }
    
    .pb-160 {
        padding-bottom: 8.333vw;
    }
    
    .h-441 {
        height: 22.969vw;
    }
    
    .building-abt img {
        width: 28.698vw;
        height: 16.927vw;
    }
    .promoting-growth img {
        width: 25.729vw;
        height: 21.875vw;
    }
    
    .redefining img {
        width: 34.219vw;
        height: 21.875vw;
    }
    
    .shaping-work img {
        height: 22.969vw;
        width: 38.229vw;
    }
    .pb-214 {
        padding-bottom: 11.146vw;
    }
    
    .color-656565 {
        color: #656565;
    }
    .our-goal-abt {
        width: 34.323vw;
        height: 27.917vw;
    }
    
    .our-goal-abt img {
        width: 34.323vw;
        height: 25.729vw;
    }
    .pb-180 {
        padding-bottom: 9.375vw;
    }
    
    .mw-877 {
        max-width: 45.677vw;
        width: 100%;
        margin: 0 auto;
    }
    .our-mision-abt {
        height: 19.635vw;
    }
    .verified-abt img {
        width: 16.146vw;
        height: 19.479vw;
    }
    .work-steps.why-choose-option li {
        padding-bottom: 0vw;
    }
    .bg-246C5A {
        background-color: #246C5A;
    }
    
    .dedicated-abt img {
        width: 33.073vw;
        height: 22.969vw;
    }
    
    .flexible-abt img {
        width: 35.104vw;
        height: 22.917vw;
    }
    
    .tailored-abt img {
        width: 35vw;
        height: 20.573vw;
    }
    
    .secure-abt  img {
        width: 35vw;
        height: 15.573vw;
    }
    .pt-265 {
        padding-top: 13.802vw;
    }
    .mw-1435 {
        max-width: 74.74vw;
        width: 100%;
    }
    .iso-certificate {
        width: 7.188vw;
        height: 7.292vw;
    }
    .pt-88 {
        padding-top: 4.583vw;
    }
    
    .pt-120 {
        padding-top: 6.25vw;
    }
    
    .mw-625 {
        max-width: 32.552vw;
        width: 100%;
    }
    
    .lh-58 {
        line-height: 3.021vw;
    }
    
    .mw-478 {
        max-width: 24.896vw;
        margin-right: auto;
        margin-left: 8.958vw;
    }
    
    .ceo {
        width: 24.896vw;
        height: 31.771vw;
    }
    
    .ceo-back {
        width: 30.208vw;
        height: 16.146vw;
        z-index: -1;
        top: 50%;
        transform: translateY(-50%);
        right: 10.156vw;
    }
    
    .transform-business {
        padding: 1.615vw 0vw 0vw 5.208vw;
    }
    .lh-44 {
        line-height: 2.292vw;
    }
    .gig-breif-banner-img img {
        width: 31.823vw;
        height: 18.021vw;
    }
    .pb-80 {
        padding-bottom: 4.167vw;
    }
    .gig-brief-search button {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        border: none;
        height: 100%;
        width: 100%;
        max-width: 3.021vw;
    }
    
    .gig-brief-search {
        position: relative;
        width: 100%;
        max-width: 41.875vw;
        flex: 1 1 auto;
        border: 0.052vw solid rgb(47 47 49 / 50%);
        border-radius: 0.417vw;
        overflow: hidden;
    }
    
    .gig-brief-search input {
        width: 100%;
        border: none;
        height: 3.125vw;
        padding: 0.26vw 3.646vw 0.26vw 1.042vw;
        font-size: 0.833vw;
    }
    
    .mw-804 {
        max-width: 41.875vw;
        width: 100%;
    }
    .gig-brief-tabs {
        justify-content: space-between;
    }
    .mw-277 {
        max-width: 14.427vw;
        width: 100%;
    }
    
    .mw-1221 {
        max-width: 63.594vw;
        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: 1.094vw;
        background-image: url("../images/images/icons/category-a.png");
        width: 1.094vw;
        height: 1.094vw;
        background-repeat: no-repeat;
        background-color: #FFC531;
        border-radius: 1.563vw;
        background-position: 60% 50%;
        top: 50%;
        transform: translateY(-50%);
        background-size: 0.521vw;
    }
    .filter-item-inner-heading.minus:after,
    .filter-item-inner-heading.plus:after {
    	content: "";
        position: absolute;
        top: 50%;
        right: 0.938vw;
        transform: translateY(-50%);
        width: 0.521vw;
        height: 0.833vw;
        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.026vw solid #979797;
        border-radius: 0.469vw;
        filter: drop-shadow(0.719vw 1.439vw 3.597vw rgba(128, 140, 157, .14));
        background-color: #fff;
    }
    .filter-item-inner-heading {
        padding: 0.885vw 0.938vw;
    }
    
    .filter-category-list {
        border-top: 0.052vw solid rgba(47, 47, 49, 0.2);
    }
    
    .filter-attribute-item {
        padding: 0vw 0.938vw;
        border-bottom: 0.052vw solid rgba(47, 47, 49, 0.1);
    }
    .price-field-set input {
        border: 0;
        width: 100%;
        background-color: transparent;
    }
    
    .price-field-set {
        max-width: 5.677vw;
        width: 100%;
        height: 2.031vw;
        border: 0.026vw solid #979797;
        border-radius: 0.26vw;
        padding: 0.469vw 0.521vw;
    }
    
    .filter-price {
        padding: 0vw 1.042vw 1.563vw;
    }
    .price-field-set label {
        color: #979797;
    }
    .price-field input[type=range] {
        width: 12.344vw;
        height: 0.573vw;
        border: 0;
        outline: 0;
        box-sizing: border-box;
        border-radius: 0.26vw;
        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: 12.344vw;
      height: 0.573vw; 
      border: 0;
      outline: 0;
      box-sizing: border-box;
      border-radius: 0.26vw;
      pointer-events: none;
      background: #000000;
      border-color: transparent;
      color: #000000;
      border-radius: 0.26vw;
    }
    
    /* 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: 0.99vw;
        width: 0.99vw;
        margin-top: -0.208vw;
        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: 0.99vw;
      width: 0.99vw;
      margin-top: -0.26vw;
      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: 0.99vw;
      width: 0.99vw;
      margin-top: -0.26vw;
      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: 12.344vw;
      height: 0.573vw;
      cursor: pointer;
      background: #d8d8d9;
      border-radius: 0.26vw;
    }
    
    .price-field input[type=range]::-moz-range-track { 
      /* Firefox */
      width: 12.344vw;
      height: 0.573vw;
      cursor: pointer;
      background: #000000;
      border-radius: 0.26vw;
    }
    
    .price-field input[type=range]::-ms-track { 
      /* IE */
      width: 12.344vw;
      height: 0.573vw;
      cursor: pointer;
      background: #000000;
      border-radius: 0.26vw;
    }
    .date-field-set svg {
        width: 1.302vw;
        height: 1.302vw;
    }
    .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: 0.26vw;
        transform: translateY(-50%);
        z-index: -1;
    }
    
    .price-field .range-active {
        position: absolute;
        height: 0.573vw;
        background-color: green;
        border-radius: 0.26vw;
        z-index: 0;
    }
    .freelancer-gig-user-img {
        width: 2.188vw;
        height: 2.188vw;
        border-radius: 50%;
    }
    .freelancer-gig-item-inner {
        max-width: 20.313vw;
        width: 100%;
        border: 0.08vw solid #37C047;
        border-radius: 0.365vw;
        height: 100%;
    }
    
    .freelancer-gig-img {
        width: 20.313vw;
        height: 10.417vw;
        object-fit: cover;
        object-position: center;
        border-radius: 0.365vw 0.365vw 0vw 0vw;
    }
    
    .freelancer-gig-item {
        max-width: 20.313vw;
        width: 100%;
    }
    .freelancer-gig {
        row-gap: 1.302vw;
    }
    .mw-599 {
        max-width: 31.198vw;
        width: 100%;
    }
    
    .lh-23 {
        line-height: 1.198vw;
    }
    
    .mb-8 {
        margin-bottom: 0.417vw;
    }
    
    .lh-22 {
        line-height: 1.146vw;
    }
    
    .brief-desc-freelancer {
        color: #95979D;
    }
    
    .brief-cat-item {
        padding: 0.052vw 0.521vw;
        border: 0.052vw solid #2F2F31;
        border-radius: 2.5vw;
    }
    
    .breirf-item {
        border: 0.08vw solid #37C047;
        border-radius: 0.397vw;
        padding: 0.729vw 0.573vw 1.094vw 1.25vw;
    }
    .freelancer-brief-inner {
        row-gap: 1.302vw;
    }
    .gig-brief-search img {
        width: 0.833vw;
        height: 0.833vw;
    }
    .freelancer-budget svg {
        width: 0.833vw;
        height: 1.042vw;
    }
    
    .freelancer-budget svg {
        width: 0.833vw;
        height: 0.833vw;
    }
    .freelancer-card-item {
        max-width: 20.365vw;
        width: 100%;
        padding: 1.458vw 1.302vw 1.198vw 1.042vw;
        border: 0.08vw solid #37C047;
        border-radius: 0.365vw;
    }
    
    .freelancer-card-img {
        width: 3.646vw;
        height: 3.646vw;
        border-radius: 50%;
    }
    
    .lh-20 {
        line-height: 1.042vw;
    }
    
    .freelancer-location svg {
        width: 0.521vw;
        height: 0.729vw;
    }
    
    .freelancer-member-since svg {
        width: 0.573vw;
        height: 0.729vw;
        flex: 0 0 0.573vw;
    }
    
    .freelancer-rating .star-rating .fa-star:before {
        font-size: 0.521vw;
    }
    
    .freelancer-completed-projects svg {
        width: 0.625vw;
        height: 0.729vw;
    }
    
    
    .freelnacer-card-btn.btn-reg {
        padding: 0.417vw 1.042vw;
        border-radius: 0.156vw;
        display:inline;
    }
    
    .gap-8 {
        gap: 0.417vw;
    }
    .freelancer-delivery svg {
        width: 0.833vw;
        height: 0.833vw;
    }
    .freelancer-card {
        row-gap: 1.302vw;
    }
    .partner-banner-row {
        padding-top: 3.802vw;
        padding-bottom: 4.271vw;
    }
    
    .partner-banner-img {
        position: absolute;
        right: 3.542vw;
        width: 55vw;
        height: 25.313vw;
        bottom: 0;
    }
    .mw-1382{
        max-width:71.979vw;
        width:100%;
        margin: 0 auto;
    }
    .partnership-expand img {
        width: 32.5vw;
        height: 19.271vw;
    }
    
    .partnership-expand {
        height: 21.25vw;
    }
    .partnership-foster {
        height: 22.031vw;
    }
    
    .partnership-foster img {
        width: 37.813vw;
        height: 15.208vw;
    }
    
    .partnership-strengthen {
        height: 21.25vw;
    }
    
    .partnership-strengthen img {
        width: 28.698vw;
        height: 19.479vw;
    }
    
    .partnership-contribute {
        height: 22.031vw;
    }
    
    .partnership-contribute img {
        width: 32.24vw;
        height: 20.052vw;
    }
    
    .mw-1459 {
        max-width: 75.99vw;
        width: 100%;
    }
    
    .mw-1526 {
        max-width: 79.479vw;
        width: 100%;
    }
    .mw-533 {
        max-width: 27.76vw;
        width: 100%;
    }
    
    .mw-558 {
        max-width: 29.063vw;
        width: 100%;
    }
    .mw-491 {
        max-width: 25.573vw;
        width: 100%;
    }
    .pt-200 {
        padding-top: 10.417vw;
    }
    
    .lh-75 {
        line-height: 3.906vw;
    }
    
    .mw-992 {
        max-width: 51.667vw;
        width: 100%;
        margin: 0 auto;
    }
    .opportunity-icon.strategic {
        width: 3.802vw;
        height: 3.75vw;
    }
    
    .opportunity-icon.educational {
        width: 3.021vw;
        height: 3.75vw;
    }
    
    .opportunity-icon.technology {
        width: 3.542vw;
        height: 3.75vw;
    }
    
    .opportunity-icon.corporate {
        width: 3.594vw;
        height: 3.75vw;
    }
    
    .opportunity-card {
        padding: 2.083vw 1.354vw 2.083vw 1.042vw;
    }
    
    .lh-28 {
        line-height: 1.458vw;
    }
    .mw-665 {
        max-width: 34.635vw;
        width: 100%;
    }
    .mw-342 {
        max-width: 17.813vw;
        width:100%;
    }
    
    .process-count {
        width: 2.135vw;
        height: 2.135vw;
        border-radius: 50%;
    }
    
    .mb-25 {
        margin-bottom: 1.302vw;
    }
    
    .lh-26 {
        line-height: 1.354vw;
    }
    .mw-650 {
        max-width: 33.854vw;
        width: 100%;
    }
    
    .mw-680 {
        max-width: 35.417vw;
        width: 100%;
    }
    
    .conversation {
        padding: 3.646vw 5.104vw 3.229vw 4.167vw;
        border-radius: 1.042vw;
    }
    .start-conversation {
        background-color: #fff;
        padding: 2.031vw 2.031vw 4.115vw;
        border-radius: 1.042vw;
        filter: drop-shadow(0vw 1.875vw 5.208vw rgba(0,0,0, 0.5));
    }
    
    .mw-283 {
        max-width: 14.74vw;
        width: 100%;
    }
    
    .build-img {
        width: 17.969vw;
        height: 23.073vw;
        position: absolute;
        bottom: 0;
        right: 0.26vw;
    }
    
    .build-img img {
        height: 100%;
    }
    
    .icon-green-bg {
        background-color: #256F5D;
        width: 1.823vw;
        height: 1.823vw;
        border-radius: 50%;
    }
    .email-icon svg {
        width: 0.781vw;
        height: 0.625vw;
    }
    
    .phone-icon svg {
        width: 0.729vw;
        height: 0.729vw;
    }
    .contact-banner-img {
        width: 40.313vw;
        height: 27.448vw;
    }
    
    .contact-banner-img img {
        height: 100%;
    }
    .mw-490 {
        max-width: 25.521vw;
        width: 100%;
    }
    
    .mw-817 {
        max-width: 42.552vw;
        width: 100%;
    }
    
    .row-gap-90 {
        row-gap: 4.688vw;
    }
    .lh-34 {
        line-height: 1.771vw;
    }
    .contact-email-icon svg {
        width: 0.99vw;
        height: 0.833vw;
    }
    
    .contact-phone-icon svg {
        width: 0.938vw;
        height: 0.938vw;
    }
    .head-ofc {
        width: 2.24vw;
        height: 2.24vw;
        border-radius: 50%;
    }
    
    .head-ofc-icon {
        width: 0.729vw;
        height: 0.729vw;
    }
    .map-location {
        height: 17.552vw;
        border: 0.156vw solid #C1C1C1;
        border-radius: 0.833vw;
        overflow: hidden;
        filter: drop-shadow(0vw 2.083vw 3.906vw rgba(0, 0, 0, 0.10));
    }
    .mw-420{
        max-width:21.875vw;
        width:100%;
    }
    .mw-336 {
        max-width: 17.5vw;
        width: 100%;
    }
    
    .linkedin-icon {
        width: 1.563vw;
        height: 1.563vw;
    }
    
    .facebook-icon {
        width: 1.979vw;
        height: 1.979vw;
    }
    
    .twitter-icon {
        width: 1.563vw;
        height: 1.406vw;
    }
    
    .insta-icon {
        width: 1.667vw;
        height: 1.667vw;
    }
    
    .social-media-contact {
        width: 3.333vw;
        height: 3.333vw;
        border-radius: 50%;
    }
    .mw-948 {
        max-width: 49.375vw;
        width: 100%;
    }
    
    .mw-464 {
        max-width: 24.167vw;
        width: 100%;
    }
    
    .contact-field {
        padding: 0.573vw 1.563vw;
        border: 0.068vw solid #256F5D;
        border-radius: 0.365vw;
    }
    
    .contact-subject {
        height: 4.375vw;
    }
    
    .contact-message {
        height: 9.115vw;
        resize: none;
    }
    .fa-72 {
        font-size: 3.75vw;
    }
    
    .lh-82 {
        line-height: 4.271vw;
    }
    .contact-subject {
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none;
        padding-right: 1.563vw;
        background-image: url(../images/icons/chev-down.png);
        background-repeat: no-repeat;
        background-size: 0.677vw;
        background-position: calc(100% - 1.563vw) center;
    }
    
    .mw-1086 {
        max-width: 56.563vw;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .faq-item {
        border: 0.026vw solid #979797;
        border-radius: 0.521vw;
        padding-top: 1.823vw;
        padding-bottom: 0;
        transition: .3s ease-in-out;
    }
    
    .faq-question {
        cursor: pointer;
        margin-bottom: 1.823vw;
        padding-left: 1.563vw;
        padding-right: 1.563vw;
        transition: .3s ease-in-out;
    }
    
    .faq-answer {
        display: none; /* Initially hide the answers */
        padding: 0vw 3.438vw;
    }
    
    
    .active .faq-question {
        margin-bottom: 0.781vw;
    }
    
    .faq-item.active {
        padding-bottom: 1.823vw;
        background-color: #fff;
        border-color: #37C047;
        filter: drop-shadow(0vw 0.99vw 1.625vw 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: 0.833vw;
        height: 0.521vw;
    }
    .blog-img-archive {
        filter: drop-shadow(0vw 0.167vw 2.961vw rgba(0, 0, 0, 0.4));
        border-radius: 1.25vw;
        width: 22.448vw;
        height: 18.646vw;
    }
    .row-gap-60 {
        row-gap: 3.125vw;
    }
    .mw-809 {
        max-width: 42.135vw;
        width:100%;
    }
    
    .blog-hire-img {
        width: 19.01vw;
        height: 11.458vw;
    }
    
    .blog-project-card {
        padding: 1.563vw 2.604vw 2.604vw 2.604vw;
        border-radius: 0.521vw;
    }
    
    .mw-389 {
        max-width: 20.26vw;
    }
    
    .blog-hire-project-card {
        padding-top: 2.604vw;
    }
    
    .blog-join-img {
        width: 17.708vw;
        height: 7.969vw;
    }
    .blog-logo {
        width: 2.865vw;
        height: 2.865vw;
        background-color: #37c047;
        border-radius: 50%;
    }
    
    .blog-logo img {
        width: 1.198vw;
        height: 1.667vw;
    }
    .telegram-icon-blog {
        width:1.302vw;
        height:1.302vw;
    }
    
    .social-blog-media {
        width: 3.177vw;
        height: 3.177vw;
        border-radius: 50%;
    }
    
    .insta-icon-blog {
        width: 1.198vw;
        height: 1.198vw;
    }
    
    .linkedin-icon-blog {
        width: 1.198vw;
        height: 1.198vw;
    }
    
    .facebook-icon-blog {
        width: 1.406vw;
        height: 1.406vw;
    }
    
    .twitter-icon-blog {
        width: 1.146vw;
        height: 1.146vw;
    }
    .blog-detail-banner-img {
        max-width: 27.813vw;
        width: 100%;
        filter: drop-shadow(0vw 0.182vw 3.234vw rgba(0,0,0,0.4));
        background-color: #fff;
        padding: 1.198vw 1.667vw 2.083vw;
        border-radius: 0.625vw;
        margin-left: 1.042vw;
    }
    
    .share-img1.mb-30 {
        width: 24.219vw;
        height: 0.573vw;
    }
    .fa-46 {
        font-size: 2.396vw;
    }
    .pb-40 {
        padding-bottom: 2.083vw;
    }
    
    .b-detail-img {
        width: 56.563vw;
        height: 20.573vw;
    }
    
    .b-detail-img img {
        height: 100%;
        border-radius: 0.521vw;
    }
    
    .mb-110 {
        margin-bottom: 5.729vw;
    }
    .socialmediablog-card-footer img {
        filter: invert(1);
    }
    
    .share-border {
        border-width: 0.036vw 0vw 0.036vw 0vw;
        border-style: solid;
        border-color: #979797;
        padding: 1.146vw 0vw;
    }
    
    .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: 3.646vw;
    }
    
    .mw-340 {
        max-width: 17.708vw;
        width: 100%;
        margin: 0 auto;
    }
    
    .banner-highlight {
        padding: 0.365vw 1.354vw 0.417vw;
        border-radius: 1.198vw;
    }
    .pb-120{
        padding-bottom:6.25vw;
    }
    .lh-38 {
        line-height: 1.979vw;
    }
    .privacy-ul li {
        padding-left: 2.083vw;
        position: relative;
    }
    
    .privacy-ul li:before {
        content: "";
        width: 0.365vw;
        height: 0.365vw;
        border-radius: 50%;
        background-color: #000;
        position: absolute;
        left: 0.521vw;
        top: 0.781vw;
    }
    .fa-36 {
        font-size: 1.875vw;
    }
    
    .lh-54 {
        line-height: 2.813vw;
    }
    .form-radio-custom [type="radio"]:checked,
    .form-radio-custom [type="radio"]:not(:checked) {
        position: absolute;
        left: -520.781vw;
    }
    .form-radio-custom [type="radio"]:checked + label,
    .form-radio-custom [type="radio"]:not(:checked) + label
    {
        position: relative;
        padding-left: 1.458vw;
        cursor: pointer;
        line-height: 1.042vw;
    }
    .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: 1.042vw;
        height: 1.042vw;
        border: 0.052vw 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: 0.521vw;
        height: 0.521vw;
        background: #37C047;
        position: absolute;
        top: 0.26vw;
        left: 0.28vw;
        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;
    }
    .form-group textarea {
        height: 8.958vw;
    }
    .claim-file svg {
        width: 0.729vw;
        height: 0.833vw;
    }
    .claims-files .file-item {
        display: flex;
        align-items: center;
        gap: 0.521vw;
    }
    
    .claims-files .file-item button {
        width: 1.042vw;
        height: 1.042vw;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0.052vw solid #256f5d;
        border-radius: 50%;
        background-color: #fff;
        font-size: 0.781vw;
    }
    .client-banner-img {
        width: 27.396vw;
        height: 8.125vw;
        margin-left: auto;
        margin-right: 3.125vw;
    }
    .mw-690 {
        width: 100%;
        max-width: 35.938vw;
    }
    
    .pt-60 {
        padding-top: 3.125vw;
    }
    
    .client-card-items {
        padding: 2.604vw 1.979vw 2.604vw 2.604vw;
        border-radius: 0.625vw;
        border: 0.052vw solid #256F5D;
        filter: drop-shadow(0vw 0.677vw 5.208vw rgba(0,0,0,0.05));
    }
    
    .fa-38 {
        font-size: 1.979vw;
    }
    
    .lh-46 {
        line-height: 2.396vw;
    }
    
    .client-card-img {
        width: 4.115vw;
        height: 4.167vw;
        background-color: #fff;
        border-radius: 0.521vw;
        border: 0.052vw solid #EDEDED;
    }
    
    .client-card-img img {
        width: 3.021vw;
        height: 2.344vw;
    }
    .client-card-img.post-project img {
        width: 1.667vw;
        height: 2.031vw;
    }
    .btn-reg.get-started {
        padding: 0.365vw 1.667vw;
        border-radius: 0.208vw;
    }
    .mw-265 {
        max-width: 13.802vw;
        width: 100%;
    }
    
    .project-types-items {
        border: 0.052vw solid #BEBEBE;
        border-radius: 0.625vw;
        padding: 1.563vw 1.406vw 1.563vw 1.406vw;
    }
    
    .project-types-img {
        border: 0.104vw solid #EDEDED;
        border-radius: 0.521vw;
        width: 3.385vw;
        height: 3.438vw;
    }
    
    .ongoing-projects {
        width: 1.458vw;
        height: 1.771vw;
    }
    
    .project-types-content span {
        color: #256F5D;
    }
    
    .project-types-content h3 {
        color: #000;
        /* min-height: 2.917vw; */
    }
    .project-types-items.active {
        background-color: #37C047;
        border-color:#256F5D;
        filter: drop-shadow(0vw 1.667vw 2.083vw rgba(0,0,0,0.1) );
    }
    
    .project-types-items.active h3 {
        color: #fff;
    }
    
    .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: 1.771vw;
        height: 1.771vw;
    }
    
    .bid-proposal-c {
        width: 1.927vw;
        height: 1.875vw;
    }
    
    .support-ticket-c {
        width: 1.979vw;
        height: 1.771vw;
    }
    
    .invoices-c {
        width: 1.354vw;
        height: 1.823vw;
    }
    .container-1660 {
        max-width: 86.458vw;
        margin-left: calc((100% - 72.917vw) / 2);
    }
    .breirf-item-client {
        height: auto;
        padding: 0vw 0.521vw;
    }
    .project-types-content svg {
        width: 0.573vw;
        height: 0.521vw;
    }
    
    .project-type-link:hover {
        text-decoration: none;
        cursor:pointer;
    }
    .blog-item-client {
        max-width: 23.698vw;
        width:100%;
    }
    .blog-item-client a:hover {
        text-decoration: none;
    }
    .wave-img {
        width: 2.083vw;
        height: 2.083vw;
    }
    .freelancer-banner-img {
        width: 34.531vw;
        height: 17.917vw;
    }
    .client-card-img.post-gig img {
        width: 2.292vw;
        height: 2.552vw;
    }
    
    .client-card-img.bid-now img {
        width: 2.917vw;
        height: 2.135vw;
    }
    .manage-gig-f {
        width: 1.667vw;
        height: 1.823vw;
    }
    
    .wallet-f {
        width: 1.875vw;
        height: 1.875vw;
    }
    
    .ratting-f {
        width: 2.344vw;
        height: 1.875vw;
    }
    .partnership-content {
        padding: 1.979vw 2.188vw;
    }
    
    .btn-close-modal {
        background-color: #256F5D;
        padding: 0vw;
        border-radius: 1.563vw;
        width: 1.354vw;
        height: 1.354vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .btn-close-modal img {
        filter: invert(1);
    }
    .btn-close-modal img {
        width: 1.302vw;
        height: 1.302vw;
    }
    .btn-close-modal:hover {
        background-color: #37C047;
    }
    .partnership-content {
        padding: 1.979vw 2.188vw;
    }
    
    .btn-close-modal {
        background-color: #256F5D;
        padding: 0vw;
        border-radius: 1.563vw;
        width: 1.354vw;
        height: 1.354vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .btn-close-modal img {
        filter: invert(1);
    }
    .btn-close-modal img {
        width: 1.302vw;
        height: 1.302vw;
    }
    .btn-close-modal:hover {
        background-color: #37C047;
    }
    .modal-dialog.partnership-dialog {
        max-width: 32.813vw;
    }
    .contact-field.partnership-field {
        padding: 0.365vw 1.094vw;
    }
    .lh-42{
        line-height:2.188vw;
    }
    .partnership-select.contact-subject {
        height: 3.073vw;
        background-position: calc(100% - 1.042vw) center;
    }
    .lh-63 {
        line-height: 3.281vw;
    }
    .partnership-textarea.contact-field {
        padding: 0.781vw 0.938vw;
    }
    .header-right-side.header-right-side-1636 {
        max-width: 74.167vw;
    }
    
    .btn-reg.btn-transparent.sign-in {
        border: 0vw;
    }
    
    
    .btn-reg.yellow-border {
        border: 0.052vw solid #FFC531;
    }
    
    .btn-reg.bg-256F5D:hover {
        background-color: #ffc531;
    }
    .horizontal-line {
        width: 0.104vw;
        height: 1.25vw;
        background-color: #2F2F31;
    }
    
    .sign-in:hover {
        color: #256f5d;
    }
    .join-team img {
        width: 1.042vw;
        height: 0.938vw;
    }
    
    .join-team .nav-link-Zn {
        gap: 0.521vw;
    }
    .main-web-links-header.main-web-links-header-1636 {
        max-width: 41.406vw;
        justify-content: space-between;
    }
    .header-team-svg {
        width: 1.094vw;
        height: 1.094vw;
        background-color: #FFC531;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .btn-reg.btn-join {
        padding: 0.417vw 1.302vw;
    }
    
    .header-team-svg svg {
        width: 0.573vw;
        height: 0.469vw;
    }
    .main-web-search-bar.main-web-search-bar-1636 {
        max-width: 27.76vw;
    }
    .gap-36 {
        gap: 1.875vw;
    }
    
    .gap-18 {
        gap: 0.938vw;
    }
    .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: 3.438vw;
    }
    .mw-330 {
        max-width: 17.188vw;
        width: 100%;
    }
    .profile-logged-in.freelancer {
        max-width: 16.667vw;
        margin-left: unset;
    }
    .col-footer-larger {
        max-width: 25.521vw;
        width: 100%;
    }
    
    .mb-128 {
        margin-bottom: 6.667vw;
    }
    
    .col-footer-links .col-footer-links ul li:last-child a ul li a {
        margin-bottom: 0vw;
    }
    
    .col-footer-links .col-footer-social-links ul li a {
        margin-bottom: 0vw;
    }
    .col-footer-links .miss-a-update-text h3 {
        margin-bottom: 0.781vw;
    }
    .gap-22{
        gap:1.146vw;
    }
    .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: 2.604vw;
    }
    
    .tabs-loader:before {
        width: 1.042vw;
    }
    
    .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: 1.563vw;
    }
    
    .filter-subcategory-list {
        height: 0vw;
        opacity: 0;
        padding-left: 0.521vw;
        transition:.3s ease-in-out;
        overflow: hidden;
        transform:translateY(5.208vw);
        background-color: #fff;
    
    }
    
    .category-active .filter-subcategory-list {
        height: auto;
        opacity: 1;
        transform:translateY(0vw);
    }
    
    .filter-attribute-item:hover {
        transition: .3s ease-in-out;
    }
    
    .filter-subcategory-list a {
        color: #000;
        font-size: 0.729vw;
        display:block;
        position:relative;
    }
    
    .filter-subcategory-list li {
        padding-bottom: 0.26vw;
    }
    
    .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: 0vw;
        background-image: url("../images/images/icons/category-a.png");
        width: 1.094vw;
        height: 1.094vw;
        background-repeat: no-repeat;
        background-color: #FFC531;
        border-radius: 1.563vw;
        background-position: 60% 50%;
        top: 50%;
        transform: translateY(-50%);
        background-size: 0.521vw;
    }
    .blog-detail-short-desc p, .blog-detail-long-desc p {
        font-size: 0.938vw;
        line-height: 2.083vw;
        color: #2F2F31;
        padding-bottom: 4.167vw;
    }
    .blog-detail-long-desc h3, .blog-detail-long-desc h3 {
        font-size: 2.344vw;
        line-height: 2.656vw;
        font-weight: 400;
        color: #2F2F31;
        padding-bottom: 2.083vw;
    }
    .main-web-search-bar.main-web-search-bar-knowledge {
        max-width: 36.302vw;
        margin-left: auto;
        margin-right: auto;
    }
    
    .main-web-search-bar.main-web-search-bar-knowledge input {
        height: 2.76vw;
        font-size: 0.833vw;
    }
    
    .mw-527 {
        max-width: 27.448vw;
        width: 100%;
        margin: 0 auto;
    }
    
    .knowledge-type {
        max-width: 6.25vw;
        width: 100%;
    }
    
    .knowledge-type-img {
        width: 3.49vw;
        height: 3.49vw;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .knowledge-client {
        width: 2.135vw;
        height: 1.719vw;
    }
    
    .knowledge-freelancer {
        width: 1.615vw;
        height: 1.667vw;
    }
    
    .knowledge-support {
        width: 1.458vw;
        height: 1.094vw;
    }
    
    .knowledge-live-chat {
        width: 1.302vw;
        height: 1.302vw;
    }
    .knowledge-section1 .circle-FFC531:before {
        bottom: -8.802vw;
        left: 7.292vw;
    }
    .knowledge-section1 .circle-FFC531.top:before {
        top: -8.802vw;
        right: 7.292vw;
        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: 0.104vw solid #FFC531;
        background: #fff;
        filter: drop-shadow(0vw 0.313vw 0.677vw rgba(0,0,0,0.25));
    }
    .container-1505 {
        max-width: 78.385vw;
        width: 100%;
        margin: 0 auto;
    }
    .knowledge .breadcrumb-item+.breadcrumb-item::before {
        content: var(--bs-breadcrumb-divider, ">");
        padding-right: 0.781vw;
    }
    
    .knowledge .breadcrumb-item+.breadcrumb-item {
        padding-left: 0.781vw;
    }
    .knowledge-related-article {
        padding: 1.719vw;
        filter: drop-shadow(0vw 1.875vw 5.208vw rgba(0,0,0,0.05));
        list-style-type: none;
        counter-reset: articles-counter;
        border:0.104vw solid #37C047;
        border-radius:0.781vw;
    }
    
    .knowledge-related-article-list li {
        display: flex;
        align-items: flex-start;
        padding-bottom: 0.938vw;
        border-bottom: 0.104vw solid #CCCFCB;
        margin-bottom: 1.354vw;
        position: relative;
    }
    
    .knowledge-related-article-list li:before {
        counter-increment: articles-counter;
        content: counter(articles-counter) ". ";
        margin-right: 0.729vw;
        font-weight:500;
    }
    
    .knowledge-related-article-list li:last-child {
        margin-bottom: 0vw;
        border: none;
        padding-bottom: 0vw;
    }
    
    .knowledge-related-article-list li.active:after {
        content: "";
        position: absolute;
        right: 0vw;
        background-image: url("../images/images/icons/category-a.png");
        width: 1.094vw;
        height: 1.094vw;
        background-repeat: no-repeat;
        background-color: #FFC531;
        border-radius: 1.563vw;
        background-position: 60% 50%;
        top: 0;
        background-size: 0.521vw;
    }
    .knowledge-related-article-list a:hover {
        text-decoration: none;
    }
    .article-table-content-list li {
        padding-left: 1.563vw;
        position: relative;
    }
    
    .article-table-content-list li:before {
        content: "";
        width: 0.521vw;
        height: 0.521vw;
        position: absolute;
        left: 0.313vw;
        top: 50%;
        background-color: #256F5D;
        border-radius: 50%;
        transform: translateY(-50%);
    }
    
    .article-bullet-text {
        padding-left: 1.563vw;
        position: relative;
    }
    
    .article-bullet-text:before {
        content: "";
        width: 0.521vw;
        height: 0.521vw;
        position: absolute;
        left: 0.313vw;
        top: 0.677vw;
        background-color: #000;
        border-radius: 50%;
    }
    
    .article-bullet-img {
        width: 46.198vw;
        height: 26.042vw;
        border: 0.052vw solid #979797;
        border-radius: 0.521vw;
        object-fit: cover;
        object-position: top;
        margin-bottom:1.042vw;
    }
    .article-body-item .article-bullet:last-child {
        margin-bottom: 0vw;
    }
    .article-body-item:last-child {
        margin-bottom: 0vw;
    }
    .article-topic h2:before {
        counter-increment: topic-counter;
        content: counter(topic-counter) ". ";
        margin-right: 0.729vw;
        font-weight: 700;
    }
    
    .article-body {
        counter-reset: topic-counter;
    }
    .thumb-up, .thumb-down {
        cursor: pointer;
        padding: 0.26vw;
        font-size: 0.938vw;
    }
    
    .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: 0vw;
    }
    
    .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: 54.427vw;
        width: 100%;
    }
    
    .article-item {
        border: 0.052vw solid #BBBBBB;
        border-radius: 0.781vw;
        padding: 1.563vw 2.344vw;
    }
    
    .article-item-img {
        width: 4.219vw;
        height: 4.219vw;
        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: 1.979vw;
        height: 1.979vw;
        object-fit: contain;
        object-position: center;
    }
    
    
    .article-item:hover {
        border-color: #37C047;
    }
    .mw-790 {
        max-width: 41.146vw;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-572 {
        max-width: 29.792vw;
        width: 100%;
    }
    
    .user-type {
        border: 0.052vw solid #256F5D;
        border-radius: 0.625vw;
        background-color: #F5F5F5;
        padding: 2.24vw 4.375vw;
    }
    
    .gap-40 {
        gap: 2.083vw;
    }
    
    .user-type-img {
        width: 5.052vw;
        height: 5.104vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #FBFBFB;
        border: 0.104vw solid #EDEDED;
        border-radius: 0.625vw;
    }
    
    .user-type-client {
        width: 3.281vw;
        height: 2.76vw;
    }
    
    .user-type:hover {
        border-color: #37C047;
        background-color: #FFFFFF;
        filter: drop-shadow(0vw 1.406vw 1.563vw rgba(0,0,0,0.05));
    }
    
    .user-type:hover .user-type-img {
        background: linear-gradient(137deg, #37C047 0%, #256F5D 100%);
        backdrop-filter: blur(0.521vw);
    }
    .user-type-freelancer {
        width: 2.76vw;
        height: 2.813vw;
    }
    .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: 1.667vw;
    }
    .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: 6.25vw;
    }
    .user-message img {
        width: 15.625vw;
    }
    .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: 0.417vw 2.292vw;
        border-radius: 0.208vw;
        font-size: 0.625vw;
        line-height: 0.938vw;
        margin-bottom: 1.771vw;
        border: 0.052vw solid #37C047;
    }
    
    .support-content {
        padding: 2.344vw 1.823vw 2.344vw 2.344vw;
    }
    .input-fields .support-message {
        min-height: 6.406vw;
        resize: none;
        font-size: 0.729vw;
    }
    .uploaded-file-wrap {
        display: flex;
        align-items: center;
        gap: 0.521vw;
        padding: 0.417vw 0.677vw;
        border: 0.052vw solid #256F5D;
        border-radius: 0.26vw;
    }
    
    .uploaded-file-wrap .icon-file-name {
        max-width: 7.813vw;
    }
    .support-fields .is-invalid {
        border-color: red;
    }
    .support-status-view .uploaded-file-wrap {
        display: inline-flex;
    }
    .last-update {
        padding: 0.625vw 0vw;
    }
    
    .border-dashed-status {
        background-image: linear-gradient(to right, #bebebe 42%, rgba(255, 255, 255, 0) 0%);
        background-position: bottom;
        background-size: 0.521vw 0.052vw;
        background-repeat: repeat-x;
        padding: 0.052vw;
    }
    .report-status-view {
        padding: 0.417vw 0.521vw;
        border: 0.052vw solid #256F5D;
        border-radius: 0.208vw;
    }
    .support-status-view {
        overflow-y: auto;
        height: 35.417vw;
        padding-right: 0.521vw;
    }
    
    .support-status-view::-webkit-scrollbar-track
    {
    	-webkit-box-shadow: inset 0 0 0.313vw rgba(0,0,0,0.3);
    	border-radius: 0.156vw;
    	background-color: #F5F5F5;
    }
    
    .support-status-view::-webkit-scrollbar
    {
    	width: 0.26vw;
    	background-color: #F5F5F5;
    }
    
    .support-status-view::-webkit-scrollbar-thumb
    {
    	border-radius: 0.521vw;
    	-webkit-box-shadow: inset 0 0 0.313vw rgba(0,0,0,.3);
    	background-color: #256F5D;
    }
    .uploaded-file-wrap svg {
        width: 0.885vw;
        height: 0.99vw;
    }
    .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: 14.844vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .star-rating.star-rating-freelancer .fa-star:before {
        font-size: 0.625vw;
    }
    .sort-rating {
        border: 0.052vw solid #BEBEBE;
        border-radius: 0.26vw;
        padding: 0.833vw;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none;
        padding-right: 1.563vw;
        background-image: url(../images/icons/recent-down.png);
        background-repeat: no-repeat;
        background-size: 0.469vw;
        background-position: calc(100% - 0.833vw) center;
        padding-right: 1.823vw;
    }
    .rating-card-img {
        width: 2.708vw;
        height: 2.708vw;
        border-radius: 50%;
    }
    .star-rating.star-rating-review .fa-star:before {
        color: transparent;
        -webkit-text-stroke: 0.052vw #ffc531;
        text-stroke: 0.104vw black;
        font-weight: bold;
        font-size:0.521vw;
    }
    .star-rating.star-rating-review .fa-star.active:before {
        color: gold;
    }
    .rating-item {
        border: 0.08vw solid #37C047;
        border-radius: 0.397vw;
        padding: 0.99vw 1.354vw 0.885vw 1.563vw;
        flex-basis: calc(50% - 0.781vw);
        flex-grow: 0;
        flex-shrink: 0;
        margin-bottom: 0.521vw;
    }
    .rating-item a:hover {
        text-decoration: none;
    }
    .star-rating.star-rating-review {
        display: flex;
        gap: 0.26vw;
    }
    .ratings-item {
        border: 0.08vw solid #37C047;
        border-radius: 0.397vw;
        padding: 0.99vw 1.354vw 0.885vw 1.563vw;
    }
    .project-search.chat-project-search input {
        background-color: #f3f7f2;
    }
    
    .project-search.chat-project-search {
        width: 7.354vw;
    }
    .filter-attribute-item.minus::after,
    .filter-attribute-item.plus:after {
    	content: "";
        position: absolute;
        top: 1.198vw;
        right: 0.938vw;
        transform: translateY(-50%);
        width: 0.521vw;
        height: 0.833vw;
        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: 9.375vw;
    }
    
    /* .view-wallet-status-img img {
        max-width: 15.625vw;
    } */
    .withdraw-disable.disabled:hover {
        cursor: not-allowed;
        background-color: #f3f7f2;
    }
    .view-brief {
        background-color: #37C047;
        width: 1.458vw;
        height: 1.458vw;
        padding: 0;
        border-radius: 1.563vw;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .view-brief img {
        width: 0.729vw;
        height: 0.521vw;
    }
    .banner-btn.btn-reg.btn-green:hover svg path {
        fill: #37c047;
    }
    .message-notification-item {
        background-color: #fff;
        filter: drop-shadow(0.719vw 1.439vw 3.597vw rgb(128 140 157 / 25%));
        border-radius: 0.781vw;
        box-shadow: inset 0 0 0 0.052vw #EAEAEA;
        box-sizing: border-box;
    }
    
    .message-notification-item.unread .brief-notification-user {
        background-color: #dbdbdb;
    }
    .attachment-list-review li a {
        padding: 0.313vw 0.521vw;
        border: 0.052vw solid;
        border-radius: 2.5vw;
        line-height: 1;
        color: #2f2f31;
    }

    .wallet-update-status-dialog .view-status table tr td {
        min-width: 10.417vw;
    }
    .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: 55.625vw;
        height: 29.375vw;
        margin-left: auto;
        margin-right: auto;
    }
    .blog-detail-long-desc ul {
        padding-bottom: 2.083vw;
    }
    
    .blog-detail-long-desc ul li {
        padding-bottom: 0.781vw;
        position: relative;
        font-size: 0.885vw;
        line-height: 1.563vw;
        padding-left: 1.563vw;
    }
    .blog-detail-long-desc ol li{
        padding-bottom: 0.781vw;
        position: relative;
        font-size: 0.885vw;
        line-height: 1.563vw;
        padding-left: 0.642vw;
    }

    .blog-detail-long-desc ol {
        padding-left: 1.042vw;
    }
    
    .blog-detail-long-desc ul li:before {
        content: "";
        position: absolute;
        top: 0.469vw;
        left: 0.313vw;
        width: 0.521vw;
        height: 0.521vw;
        background-color: #000;
        border-radius: 1.563vw;
    }
    
    .blog-detail-long-desc  h6 {
        font-size: 0.938vw;
        line-height: 2.083vw;
        color: #2F2F31;
        padding-bottom: 0.781vw;
    }
    .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;
    }
    .mw-1364 {
        max-width: 71.042vw;
        margin: 0 auto;
        width: 100%;
    }
    .pre-launch-video.video-parent {
        height: 34.323vw;
    }
    .mw-545{
        max-width: 28.385vw;
        width: 100%;
    }
    .landing-features {
        width: 2.448vw;
        height: 2.5vw;
        background: -webkit-linear-gradient(140deg, #256F5D 0%, #37C047 100%);
        background: linear-gradient(140deg, #256F5D 0%, #37C047 100%);
        border-radius: 0.208vw;
    }
    
    .landing-profile-setup {
        width: 0.885vw;
        height: 1.146vw;
    }
    
    .landing-featured-steps {
        height: 26.771vw;
    }
    .landing-profile-image {
        width: 14.219vw;
        height: 19.323vw;
    }
    
    .z-index-1 {
        z-index: 1;
    }
    .landing-featured-steps .circle-37C047:before, .landing-featured-steps .circle-2A7D69:before {
        right: -6.719vw;
        top: -9.323vw;
    }
    
    .landing-featured-steps .circle-FFC531:before {
        left: -5.885vw;
        bottom: -8.385vw;
        top: unset;
    }
    .landing-create-gig {
        width: 1.146vw;
        height: 1.146vw;
    }
    .landing-create-gig-image {
        width: 28.906vw;
        height: 19.531vw;
    }
    .landing-unlimited-biding {
        width: 1.25vw;
        height: 1.146vw;
    }
    
    .landing-unlimited-image {
        width: 27.865vw;
        height: 17.292vw;
    }
    .landing-join-project {
        width: 1.042vw;
        height: 0.938vw;
    }
    
    .landing-join-project-image {
        width: 25vw;
        height: 7.969vw;
    }
    .landing-walet-icon {
        width: 1.354vw;
        height: 0.938vw;
    }
    
    .landing-walet-imag {
        width: 32.5vw;
        height: 16.302vw;
    }
    
    .landing-support-icon {
        width: 1.198vw;
        height: 1.198vw;
    }
    
    .landing-support-image {
        width: 35vw;
        height: 26.771vw;
    }
    .fa-58 {
        font-size: 3.021vw;
    }
    .lh-68 {
        line-height: 3.542vw;
    }
    .landing-share {
        background-color: #256F5D;
        border-radius: 2.396vw;
        border: 0.26vw solid #37C047;
        filter: drop-shadow(0vw 1.875vw 5.208vw rgba(0, 0, 0, .05));
        padding: 4.167vw 4.688vw 3.646vw;
    }
    .landing-share-img {
        bottom: 0vw;
        right: 9.375vw;
    }
    
    .landing-share-img img {
        width: 33.333vw;
        height: 29.063vw;
    }
    .landing-faqs .faq-item.active {
        background-color: #F3F7F2;
    }
    .prelaunch-ft-logo a, .prelaunch-ft-logo img {
        width: 5.938vw;
        height: 3.802vw;
        display: block;
    }
    .gap-64 {
        gap: 3.333vw;
    }
    .video-sec .btn-video {
        margin: 0 auto;
    }
    .recent-view-slider {
        margin-left: -0.521vw;
    }
    .journey-img.pakistani-freelancer img {
        width: 30.833vw;
        height: 28.177vw;
    }
    
    .journey-img.pakistani-freelancer {
        right: 9.427vw;
    }
    .journey.join-hire-page {
        padding: 6.875vw 0vw 5.729vw 5.208vw;
    }
    .hire-join-img {
        width: 35.729vw;
        height: 26.875vw;
        right: 4.688vw;
        bottom: 0;
    }
    .mw-1100 {
        max-width: 57.292vw;
        width: 100%;
    }
    
    .mw-508 {
        max-width: 26.458vw;
        width: 100%;
    }
    .client-home5 .recent-view-item-inner {
        max-width: 16.25vw;
    }
    .result-img {
        width: 4.115vw;
        height: 2.188vw;
    }
    
    .result-icon svg {
        width: 2.656vw;
        height: 2.656vw;
        background: linear-gradient(45deg, #256F5D 0%, #37C047 100%);
        padding: 0.521vw;
        border-radius: 0.521vw;
    }
    .fa-43 {
        font-size: 2.24vw;
    }
    .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: 26.042vw;
    }
    .price-field {
        max-width: 12.24vw;
    }
    .links-header-bottom > ul > li > ul {
        z-index: 4;
    }
    .calendar-icon svg {
        width: 1.354vw;
        height: 1.354vw;
    }
    .brief-notification-user-icon svg {
        width: 0.833vw;
        height: 1.25vw;
    }
    .brief-notification-user-icon svg {
        width: 0.833vw;
        height: 1.25vw;
    }
    .recent-user p {
        max-width: 7.813vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #thumbnails-container img {
        height: 2.604vw;
    }
    .attached-file span {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 7.813vw; /* Adjust based on your layout */
    }
    .freelancer-location, .freelancer-member-since {
        flex: 0 0 50%;
        max-width: calc(50% - 1.563vw);
    }
    .mb-chat-btn {
        display: none;
    }
    .mb-chat-btn svg {
        width: 0.833vw;
        height: 0.781vw;
    }
    .video-sec .video-parent {
        border: 0.052vw solid #ebebeb;
    }
    .recent-content-container h4 {
        min-height: 2.708vw;
    }
    .category-tag-list li a {
        background-color: #EFEFEF;
        padding: 0.521vw 1.042vw;
        border-radius: 1.563vw;
        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% - 0.521vw);
    }
    .search-result-wrapper .result-img video {
        width: 4.115vw;
        height: 2.188vw;
        object-fit: cover;
        border-radius: 0.365vw;
    }
    
    .privacy-ul ol li {
        padding-left: 0.365vw;
    }
    .container-1400 .blog-img {
        height: 12.5vw;
    }
    .privacy-ul.freelancer-privacy li {
        padding-left: 1.042vw;
    }
    
    .privacy-ul.freelancer-privacy li:before {
        width: 0.208vw;
        height: 0.208vw;
        top: 0.469vw;
    }
    .privacy-ul.freelancer-privacy.freelancer-privacy-pdf li:before {
        top: 0.677vw;
    }
    a.dmca-badge {
        /* padding-left: 0.521vw; */
        display: flex;
    }
    a.dmca-badge img{
        width: auto;
        height: auto;
    }
    .col-logo-footer {
        display: flex;
        align-items: center;
    }
    .welcomemsg p {
        padding-bottom: 1.042vw;
        font-size: 0.729vw;
    }
    
    .welcomemsg ul li {
        position: relative;
        font-size: 0.729vw;
    }
    
    .welcomemsg ul li:before {
        content: "";
        position: absolute;
        width: 0.365vw;
        height: 0.365vw;
        background-color: #000;
        border-radius: 2.604vw;
        top: 0.313vw;
        left: -0.781vw;
    }
    
    .welcomemsg ul {
        padding-left: 0.729vw;
        padding-bottom: 1.042vw;
    }
    .custom-btn {
        background-color: #37C047;
        color: white;
        padding: 0.26vw 0.521vw;
        border-radius: 0.26vw;
        text-decoration: none;
        display: inline-block;
    }
    .custom-btn:hover {
        background-color: #256f5d;
        color: #fff;
        text-decoration: none;
    }
    .gig-content ul {
        margin-bottom: 1.563vw;
    }
    
    .gig-content ul li {
        font-size: 0.625vw;
        padding-bottom: 0.417vw;
    }
    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:0vw
    }
    
    .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: 0.781vw;
        line-height: 2;
    }
    .notfound h1 {
        color: #2A7D69;
    }
    
    .fa-400 {
        font-size: 20.833vw;
    }
    
    .back-icon svg {
        width: 0.833vw;
        height: 0.833vw;
    }
    
    .back-icon {
        background-color: #256F5D;
        width: 2.5vw;
        height: 2.5vw;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 2.083vw;
    }
    .package-list-preview span {
        font-size: 0.625vw !important;
    }
    
    ul.compare-package-list span {
        font-size: 0.625vw !important;
    }
    .gig-video-item {
        max-height: 18.594vw;
    }
    
    .gig-video-item video {
        height: 18.594vw;
    }
    .user-from-inner > * {
        padding-bottom: 0.26vw;
    }
    .gig-gallery-item video {
        max-height: 6.823vw;
        object-fit: contain;
    }
    .item-info-personal.email img, .item-info-personal.phone img {
        height: auto;
        width: 0.677vw !important;
    }
    .item-info-personal svg {
        width: 1.198vw;
        height: 1.198vw;
    }
    .item-info-personal.email h3 {
        width: 12.5vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .freelancer-banner-img.freelancer-banner-img-qr {
        width: 15.729vw;
        height: 17.448vw;
        margin: 0 auto;
    }
    
    .freelancer-banner-img.freelancer-banner-img-qr img {
        width: 15.729vw;
        height: 17.448vw;
    }
    .custom-radio-wrapper {
        position: relative;
        display: inline-flex;
        align-items: center;
        cursor: pointer;
        font-size: 0.729vw;
        user-select: none;
        margin-right: 0.521vw;
    }
    
    .custom-radio-wrapper input[type="radio"] {
        display: none; /* Hide the default radio */
    }
    
    .custom-radio {
        width: 0.938vw;
        height: 0.938vw;
        border: 0.104vw solid #999;
        border-radius: 50%;
        margin-right: 0.417vw;
        position: relative;
        transition: border-color 0.2s;
    }
    
    .custom-radio::after {
        content: "";
        position: absolute;
        top: 0.208vw;
        left: 0.209vw;
        width: 0.417vw;
        height: 0.417vw;
        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: 0.417vw;
        cursor: pointer;
    }
    
    .featured-image-radio input[type="radio"] {
        display: none;
    }
    
    .featured-image-radio label {
        position: relative;
        padding-left: 1.458vw;
        cursor: pointer;
        user-select: none;
        font-size: 0.729vw;
        color: #333;
    }
    
    .featured-image-radio label::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 0.833vw;
        width: 0.833vw;
        background-color: #fff;
        border: 0.104vw solid #37c047;
        border-radius: 50%;
        transition: border-color 0.3s ease;
    }
    
    .featured-image-radio input[type="radio"]:checked + label::after {
        content: "";
        position: absolute;
        left: 0.208vw;
        top: 50%;
        transform: translateY(-50%);
        height: 0.417vw;
        width: 0.417vw;
        background-color: #37c047;
        border-radius: 50%;
    }
    
    .featured-image-radio label:hover::before {
        border-color: #37c047;
    }
    
    
    .featured-image-radion-main {
        position: absolute;
        bottom: -1.563vw;
        left: 0;
    }
    
    #fileUploadContainer .custom-image-video-selector {
        margin-bottom: 1.563vw;
        overflow: visible;
    }
    
    .custom-image-video-selector input:checked ~ label {
        color: #333;
    }
    #fileUploadContainernotrequired .fa-trash-alt:before {
        top: 0.26vw;
        position: relative;
    }
    .graphics img {
        width: 2.396vw;
        height: 2.396vw;
    }
    .digital-m img {
        width: 2.604vw;
        height: 2.76vw;
    }
    .writing img {
        width: 2.604vw;
        height: 2.552vw;
    }
    .video img {
        width: 2.708vw;
        height: 2.552vw;
    }
    .music img {
        width: 2.552vw;
        height: 2.917vw;
    }
    .programming img {
        width: 2.552vw;
        height: 2.396vw;
    }
    .data img {
        width: 2.813vw;
        height: 2.396vw;
    }
    .business img {
        width: 2.708vw;
        height: 2.396vw;
    }
    
    .ecommerce img {
        width: 2.604vw;
        height: 2.396vw;
    }
    #gig_category_tabs .nav-link {
        padding: 0vw;
        margin: 0;
        border: 0;
        border-radius: 0vw;
        background-color: transparent;
    }
    
    #gig_category_tabs {
        border-bottom: 0vw;
    }
    .recent-view-tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 0.938vw;
        justify-content: center;
    }
    
    .recent-view-tabs .recent-view-item {
        padding: 0vw;
        max-width: calc(20% - 0.781vw);
    }
    
    #gig_category_content {
        padding-top: 3.906vw;
    }
    #gig_category_tabs li {
        max-width: 7.703vw;
        width: 100%;
    }
    .gap-38 {
        gap: 1.979vw;
    }
    .global-project img {
        width: 39.844vw;
        height: 26.458vw;
    }
    .gig-policy {
        padding-top: 0.521vw;
        color: red;
    }
    .notification-messages a li p {
        font-size: 0.625vw;
    }
    
    .notification-messages a li span {
        font-size: 0.469vw;
    }
    .notification-messages li a {
        padding: 0.521vw 1.042vw;
        display: block;
    }
    
    .notification-messages > a {
        padding: 0vw 1.042vw;
    }
    
    .notification-messages li a p {
        font-size: 0.729vw;
        line-height: 0.938vw;
        font-weight: 500;
    }
    
    .notification-messages li a span {
        font-size: 0.521vw;
        line-height: 0.781vw;
    }
    .notification-messages::-webkit-scrollbar {
    width: 0.313vw;
}
  
.notification-messages::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 1.563vw;
}
.notification-messages::-webkit-scrollbar-thumb {
    background: #256F5D;
    border-radius: 1.563vw;
}
.home-cat-img img {
    width: 2.604vw;
    height: auto;
}
.recent-img-container video {
    width: 100%;
    border-radius: 0.313vw 0.313vw 0vw 0vw;
}
.list-wish-like-notification .chat-create img {
    width: 0.833vw;
    height: 1.25vw;
}
.create-chat-notification {
    position: absolute;
    top: -0.365vw;
    right: -0.365vw;
    background-color: #FF3D3D;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.521vw;
    line-height: 0.521vw;
    width: 0.938vw;
    height: 0.938vw;
    font-weight: 700;
}
.client-related-tasks .slick-list {
    margin-left: -0.521vw;
    margin-right: -0.26vw;
}
.client-home4, .client-home5 {
    overflow: hidden;
}
.realtime-notification > a {
    padding: 0.521vw 1.042vw;
    border-bottom: 0.052vw solid #ccc;
}

.realtime-notification > a:last-child {
    border-bottom: none;
}
.winning-badge {
    padding: 0.26vw 0.521vw 0.156vw;
    position: absolute;
    right: 0.417vw;
    bottom: 0.417vw;
    line-height: 1;
    background-color: #256f5d;
    border-radius: 1.563vw;
}
.message-nofify-active.message-unread {
    background-color: #FF3D3D;
    top: unset;
    bottom: 1.042vw;
    right: 0.781vw;
}
.custom-checkbox-project-proposal {
    width: 0.729vw;
    height: 0.729vw;
    border: 0.052vw solid #37c047;
    border-radius: 0.208vw;
    position: relative;
    overflow: hidden;
    position: relative;
}
.custom-image-video-selector {
    position: relative;
    width: 100%;
    height: 10.417vw;
    /* Adjust height as needed */
    border: 0.104vw dashed #ccc;
    border-radius: 0.26vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.project-proposal {
    display: flex;
    align-items: center;
    gap: 0.417vw;
    padding-top:1.042vw;
}
.welcome-message {
    background-image: none;
    border-radius: 0.521vw;
}
.contact-on-submit, .partner-on-submit, .ipclaim-on-submit {
    margin-right: 0.26vw;
}
.recent-img-container video {
    height: 8.906vw;
}
.project-complete-modal-btns .btn-reg.btn-transparent:hover {
    color: #fff;
}
.edit-gig-item {
    position: absolute;
    right: 0.521vw;
    top: 0.521vw;
    background-color: #FE3D3B;
    min-height: 1.719vw;
    min-width: 1.667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.edit-gig-item .more-option-icon {
    padding: 0vw;
}

.edit-gig-item .more-option-icon img {
    width: 0.833vw;
    height: 0.833vw;
    filter: invert(1) brightness(2);
}
.gig-status-item a {
    background-color: #37c047;
    color: #fff;
    padding: 0.104vw 0.521vw;
    border-radius: 0.521vw;
}

.gig-status-item.paused a {
    background-color: #fe3d3b;
}
.active-paused-gig .active-gig-item > .active-gig-item-content h4 {
    height: 1.879vw;
    margin-bottom: 0.521vw;
}
.active-paused-gig .active-gig-item.add-gig-item > .active-gig-item-content h4 {
    height: unset;
    margin: 0;
}
.uploaded-files a {
    text-overflow: ellipsis;
    padding-right: 2.604vw;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 0.781vw;
    max-width: 20.833vw;
}
.brief-notification-left-header {
    background-color: #256F5D;
    padding: 0.938vw 1.146vw;
    border-radius: 0.26vw 0.26vw 0vw 0vw;
}
 
.mw-356{
    border-radius: 0.365vw;
    background-color: #F3F7F2;
    border: 0.052vw solid rgba(37, 111, 93, 0.2);
    max-width:18.542vw;
    width:100%
}
 
.brief-notification-left > .brief-notification-user a {
    background-color: #fff;
    border: 0.052vw solid #97979745;
    border-radius: 0.26vw;
    padding: 0.521vw;
}
 
.message-notification-item .brief-notification-user {
    background-color: transparent;
    /* border: 0.052vw solid #37C047; */
    /* border-radius: 0.26vw; */
    padding: 0vw;
}
 
.message-notification-item {
    width: 100%;
    /* padding: 1.042vw; */
}
 
.brief-notification-left > .brief-notification-user {
    background-color: transparent;
    max-width: 18.75vw;
}
 
.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: 0.365vw;
    background-color: #fff;
    border: 0.052vw solid rgba(37, 111, 93, 0.2);
    padding: 1.042vw;
    max-width:52.865vw;
    width:100%;
}
 
.user-admin {
    background-color: #F3F7F2;
    filter: none;
    border-radius: 0.26vw;
    justify-content: center;
}
 
.user-admin .brief-notification-user-name {
    width: unset;
    padding: 0;
}
.message-search {
    width: 8.333vw;
}

.message-search form {
    width: 100%;
    position: relative;
}

.message-search form input {
    width: 100%;
    background-color: transparent;
    border: 0;
    padding-right: 1.563vw;
    color: #fff;
}

button#message-filter-btn {
    position: absolute;
    top: 50%;
    right: 0.313vw;
    border: none;
    transform: translateY(-50%);
    background: transparent;
}

.message-search form input:hover {
    border-bottom: 0.052vw solid #f3f7f2;
}
.breif-notification-time.message-time {
    top: -0.26vw;
    right: 0.104vw;
}
.message-nofitication-user {
    height: 491px;
    overflow-y: auto;
    padding: 0px 20px;
}

.message-nofitication-user .message-notification-item {
    filter: none;
    max-width: 360px;
}
.solid-spinner {
    width: 2.604vw;
    height: 2.604vw;
    border: 0.417vw solid #39c149;         
    border-top: 0.417vw solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    display: inline-block;
}
.show-all-bid-notification-user-container-main-left {
    background-color: #F3F7F2;
    border-radius:0.365vw;
}

.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 {
    min-height: 21.979vw;
    padding: 0vw;
    width: 100%;
}
.bid-message-right {
    border-radius: 0.365vw;
    border: 0.052vw solid rgba(37, 111, 93, 0.2);
}
.bid-message-btns {
    padding-bottom: 1.042vw;
}
.bid-messages-container.bid-info-details.bid-info-details-freelancer {
    min-height: 28.438vw;
}
.mw-631 {
    max-width: 32.865vw;
    width: 100%;
    border: 0.052vw solid rgba(37, 111, 93, 0.2);
    border-radius: 0.365vw;
    height: 100%;
}
.brief-notification-left-header-client {
    height: 5.573vw;
}

.bids-proposal-tabs .nav-link.active {
    background-color: transparent;
    color: #fff;
    border-bottom: 0.052vw solid #FFC531;
}
.bid-info-details {
    min-height: 30.26vw;
}
.client-bid-details-section {
    height: 23.125vw;
}

.client-bid-details-section .bid-message-header {
    height: 100%;
    justify-content: center !important;
    width: 100%;
    padding-top: 0.781vw;
}
.mw-447{
    border-radius: 0.365vw;
    background-color: #F3F7F2;
    border: 0.052vw solid rgba(37, 111, 93, 0.2);
    max-width:23.281vw;
    width:100%
}
.client-invoice-left{
    border-radius: 0.365vw;
    background-color: #F3F7F2;
    border: 0.052vw solid rgba(37, 111, 93, 0.2);
}
.invoice-container {
    border-radius: 0.365vw;
    border: 0.052vw solid rgba(37, 111, 93, 0.2);
}
.project-progress-auto.project-progress-auto-wallet > * {
    flex: 0 0 10.729vw;
    max-width: 10.729vw;
    border-radius: 0.521vw;
    padding: 0.833vw;
}

.gap-92 {
    gap: 4.792vw;
}

.project-progress-auto {
    padding-left: 0vw;
    padding-right: 0vw;
}

.progress-arrow.progress-arrow-wallet:after {
    width: 1.51vw;
    height: 1.146vw;
    right: -3.906vw;
}
.no-invoice-container {
    height: 28.438vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0vw;
}
p.ckeditor-error-msg {
    position: absolute;
    bottom: 0.104vw;
    width: 99%;
    text-align: center;
    background-color: #f3f3f3;
    z-index: 1;
    padding: 0.365vw;
    left: 1%;
}
/* chat new*/
.mw-777 {
    max-width: 40.469vw;
    width: 100%;
}
.mw-207 {
    max-width: 10.781vw;
    width: 100%;
}
.chat-messages-main-inner {
    padding: 0vw;
}
.project-search.chat-project-search input{
    background-color: transparent;
}
.project-progress-auto{
    overflow: hidden;
}
.progress-status-chat {
    width: 1.979vw;
    height: 1.979vw;
}

.project-progress-auto > * {
    flex: unset;
    max-width: unset;
    border-radius: unset;
}
.progress-status-chat {
    border: 0.625vw 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: 0.208vw;
    height: 3.229vw;
    background-repeat: no-repeat;
    background-position: center;
    left: 50%;
    background-size: 100%;
    background-color: #000;
    transform: translateX(-50%);
    bottom: -3.229vw;
}

.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: 1.563vw 0vw;
}
.project-progress-auto{
    padding: 0vw;
}
.project-progress-auto > .d-flex:last-child .progress-status-chat:after {
    display: none;
}
.chat-messages-container {
    border: 0.052vw solid rgba(37, 111, 93, 0.2);
    border-radius: 0.26vw;
}

.project-padding-progress {
    padding: 0vw 0vw 0vw 0.885vw;
    border: 0.052vw solid rgba(37, 111, 93, 0.2);
    border-radius: 0.26vw;
    background-color: #F3F7F2;
}
.brief-chat-header {
    border: none;
    padding-top: 0vw;
}
.brief-notification-user-container.new-chat-container {
    padding-right: 0.833vw;
}
.chat-only-screen .brief-notification-user {
    min-height: 3.542vw;
    padding: 0.781vw 0.781vw 0.885vw;
    border-radius: 0.417vw;
    box-shadow: inset 0 0 0 0.052vw #EAEAEA;
}
.brief-notification-user-container.chat-only-screen {
    padding: 0vw 0.833vw;
}
.chat-only-screen .brief-notification-user.active {
    border: 0.052vw solid #37C047;
}
.mw-1015 {
    max-width: 52.865vw;
    width: 100%;
}
.color-d70820 {
    color: #d70820;
}
.project-progress-chat {
    height: 29.688vw;
    overflow: auto;
    width: 100%;
    padding-right: 0.521vw;
}
.project-progress-chat::-webkit-scrollbar {
    width: 0.365vw;
    border-radius:0.781vw;
    background-color: #EEEEEE;
  }
   
  .project-progress-chat::-webkit-scrollbar-track {
    border-radius:0.781vw;
  }
   
  .project-progress-chat::-webkit-scrollbar-thumb {
    background-color: #256F5D;
    border-radius:0.781vw;
  }
  .mw-120{
    max-width:6.25vw;
  }
  .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: 3.125vw;
}
.container-1400 #gig_category_tabs li {
    max-width: 7.552vw;
}

.container-1400 .recent-footer {
    flex-wrap: wrap;
}

.container-1400 .recent-user p {
    max-width: 3.542vw;
}
.explore-gig-client-side .recent-img, .explore-gig-client-side video {
    width: 100%;
    height: 6.927vw;
}
.explore-gig-client-side .recent-view-item-inner {
    height: 15.625vw;
}
#signupModalClient .modal-dialog {
    max-width: 56.354vw;
}
.signup-client-img img {
    max-width: 28.49vw;
    width: 100%;
}

.signup-client-img {
    text-align: center;
}
.client-signup-right {
    padding: 0vw 2.083vw 0vw 0.521vw;
}
.login-via-gfe {
    display: flex;
    flex-direction: column;
    gap: 0.938vw;
    margin: 2.448vw 0;
}
.items-login-gfe a {
    display: flex;
    align-items: center;
    width: 100%;
    border: 0.052vw solid #bebebe;
    font-size: 0.938vw;
    letter-spacing: -0.016vw;
    color: var(--black);
    padding: 0.599vw 3.75vw;
    text-decoration: none;
    border-radius: 0.26vw;
    position: relative;
    justify-content: center;
    transition: 0.3s ease-in-out;
}
.items-login-gfe a > span {
    position: absolute;
    left: 1.667vw;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    max-width: 1.458vw;
}
.items-login-gfe a > span img {
    width: 100%;
    object-fit: scale-down;
    height: auto;
}
.contract-creation-content {
    padding: 2.344vw 2.917vw 3.021vw;
}
.dashboard__promo__row {
    margin-bottom: 2.083vw;
}
.input-search-contract
 {
    position: absolute;
    top: 50%;
    right: 0.521vw;
    transform: translateY(-50%);
}
.dollar {
    position: absolute;
    top: 50%;
    left: 0.781vw;
    transform: translateY(-50%);
    font-size: 0.833vw;
    color: #BEBEBE;
}
.contract-creation-fields .input-fields input.hourly_rate_created {
    padding-left: 1.458vw;
}
.contract-creation-inner {
    overflow-y: auto;
    height: 29.167vw;
    padding-right: 0.521vw;
}
 
.proposal-review.created-contract-btn
 {
    margin-left: 0;
    margin-top: 1.042vw;
}
.add-contract {
    max-width: 2.865vw;
    gap:0.26vw;
}
.remove-row.contract-cat-remove-row {
    position: absolute;
    top: 0;
    right: 0vw;
    width: 0.938vw;
    height: 1.042vw;
    padding: 0vw;
    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: 0vw;
    color: #fff;
}
 
.contract-creation-fields .input-fields select, .contract-creation-fields .input-fields textarea, .contract-creation-fields .input-fields input
 {
    padding: 0.521vw 0.781vw;
}
.contract-creation-category .select2-container--default .select2-selection--single {
    height: 2.344vw !important;
    padding: 0vw 0.781vw;
}
.contract-creation-content .select2-container--default .select2-selection--single {
    border: 0.052vw solid #ced4da !important;
    height: 2.188vw !important;
}
 
.contract-creation-category .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.344vw !important;
    padding: 0vw;
}
 
.contract-creation-category .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.344vw !important;
}
.contract-creation-sub-category .select2-selection.select2-selection--multiple {
    padding: 0.313vw 0.781vw 0.313vw 0.365vw;
    border-color: #bebebe;
    min-height: 2.344vw;
    height: 2.344vw;
}
.contract-creation-sub-category .select2-selection.select2-selection--multiple {
    overflow-y: auto;
}
.contract-creation-sub-category .select2-selection.select2-selection--multiple {
    padding: 0.313vw 0.781vw 0.313vw 0.365vw;
    border-color: #bebebe;
    min-height: 2.344vw;
    height: 2.344vw;
}
.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 0.26vw;
    padding-right: 1.042vw;
    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: 0.625vw;
    height: 0.625vw;
    background-color: #2F2F31;
    left: unset;
    top: 0.156vw;
    line-height: 1;
    border-radius: 1.563vw;
    padding: 0.052vw 0 0;
    color: #fff;
    font-weight: 400;
    right: 0.156vw;
    font-size: 0.573vw;
}
.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: 0.677vw;
    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: 0px 20.006px 0px 4.992px;
    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: 0.521vw 0.781vw;
}
 
.contract-creation-sub-category .select2-search__field {
    height: 1.354vw !important;
    min-height: 1.354vw !important;
    padding: 0.156vw !important;
    margin: 0 !important;
    line-height: 1;
}
.modal-dialog.contract-dialog {
    max-width: 71.875vw;
}
.contract-content {
    padding: 2.344vw 4.323vw 4.323vw;
}
.dashboard__promo {
    padding: 0;
    background: transparent;
}
.dashboard__promo__row {
    margin-bottom: 2.083vw;
    align-items: center;
}
.dashboard__promo__row h4 {
    font-size: 1.354vw;
    line-height: 1.563vw;
}
.mw-1211 {
    max-width: 63.073vw;
    width: 100%;
}
.mw-110 {
    max-width: 5.729vw;
    width: 100%;
}
.mw-435 {
    max-width: 22.656vw;
    width: 100%;
}
.modal-dialog.contract-view-dialog {
    max-width: 49.479vw;
}
#contractView .contract-view-content-inner {
    padding: 2.5vw 5.104vw;
}
#contractView .contact-logo {
    width: 4.531vw;
    height: 2.969vw;
    margin: 0 auto;
}
#contract-signature-img {
    width: 15.625vw;
    height: 10.417vw;
    object-fit: contain;
    object-position: center;
}
.signature-input {
    width: 9.896vw;
    display: flex;
    height: 4.792vw;
    border-bottom: 0.052vw solid #979797;
    margin-bottom: 0.469vw;
    align-items: flex-end;
    justify-content: center;
}
a.create-contract {
    padding: 0.833vw 1.042vw;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 0.781vw;
    font-weight: 500;
    letter-spacing: -0.016vw;
    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;
  }
  .view-status-img {
    width: 10.417vw;
    height: 10.417vw;
}
.go-to-admin.btn {
    background-color: #256f5d;
    color: #fff;
    padding: 0.521vw 0.521vw;
    font-size: 0.625vw;
    position: absolute;
    top: 0vw;
    left: 0vw;
    border-radius: 0vw;
}
 
.go-to-admin.btn:hover {
    background-color: #28a745;
    color: #fff;
}
.checkbox-btn.gig-update input:checked ~ span::before {
    border: 0.26vw solid #fff;
    transform: none;
    border-radius: 1.563vw;
    bottom: unset;
    top: 0;
    left: 0;
    width: 0.417vw;
    height: 0.313vw;
}

}
@media(max-width:991px){
    .go-to-admin.btn {
        position: relative;
        padding: 5px 10px;
    }
    .mobile-header {
        display: block;
        position: relative;
        z-index: 1000;
    }
    .header-top, .header-bottom {
        display: none;
    }
    .menu-btn-line {
        display: block;
        width: 100%;
        height: 2px;
        background: #256F5D;
        transition: .3s ease-in-out;
    }
    .button-menu {
        height: 18px;
        width: 25px;
        background: 0 0;
        border: none;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .main-header-parent-mb {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;
        padding: 14px 0px;
    }
    .mb-join:hover {
        color: #37c047;
    }
    .links-header-bottom-mb > div {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 101vh;
        min-height: 100vh;
        background: #fff;
        border-radius: 0;
        max-width: 500px;
        flex-direction: column;
        justify-content: space-between;
        gap: 10px;
        border: none;
        overflow: auto;
        padding: 20px;
        transform: none;
        transition: 0.3s ease-in-out;
        z-index: 999;
    }
    .links-header-bottom-mb .active-menu {
        display: flex;
    }
    .links-header-bottom-mb .col-footer-social-links ul {
        padding: 0px;
    }
    
    .links-header-bottom-mb .col-footer-social-links ul li {
        padding: 0;
    }
    div.active-menu {
        right:0;
    }
    .links-header-bottom-mb ul li a {
        font-size: 14px;
        font-weight: 500;
        color: #2F2F31;
    }
    .links-header-bottom-mb ul li ul {
        opacity: 0;
        height: 0;
        visibility: hidden;
    }
    .links-header-bottom-mb ul li ul.category-dropdown {
        opacity: 1;
        height: auto;
        visibility: visible;
        padding: 20px 20px 0px;
    }
    
    .nav-link-Zn  i {
        transition: .3s ease-in-out;
        transform: rotate(0deg);
    }
    .nav-link-Zn .arrow-open i {
        transform: rotate(180deg);
    }
    
    .links-header-bottom-mb ul li ul li a {
        font-size: 12px;
        line-height: 24px;
    }
    
    .links-header-bottom-mb ul li ul li {
        padding-bottom: 13px;
    }
    .links-header-bottom-mb div > ul > li {
        padding-bottom: 22px;
    }
    
    .links-header-bottom-mb div > ul > li a {
        display: flex;
        gap: 10px;
    }    
    .button-menu.active-menu-icon .menu-btn-line.bottom-line {
        transform: rotate(313deg) translate(6px, -6px);
    }
    .button-menu.active-menu-icon .menu-btn-line.middle-line {
        opacity: 0;
    }
    .button-menu.active-menu-icon .menu-btn-line.top-line {
        transform: rotate(45deg) translate(5px, 5px);
    }
    .links-header-bottom-mb div ul li .nav-link-Zn{
        justify-content: flex-start;
        line-height: 24px;
    }
    .links-header-bottom-mb ul li ul.category-dropdown li.has-child {
        position: fixed;
        background-color: #fff;
        height: 100vh;
        width: 100%;
        z-index: 1;
        top: 0px;
        left: 20px;
        padding-bottom: 0px;
        padding-top:20px;
        overflow: scroll;
    }
    
    .links-header-bottom-mb ul li ul li ul.category-dropdown-has-child {
        opacity: 1;
        height: auto;
        visibility: visible;
        padding: 20px;
    }
    
    ul.main-ul-mb {
        position: relative;
    }
    main.menu-open:after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        background-color: #000;
        width: 100%;
        height: 101vh;
        opacity: 0.7;
        transition: .3s ease-in-out;
        z-index: 999;
    }
    .button-menu.active-menu-icon .menu-btn-line {
        background: #fff;
    }
    .mobile-hamburger {
        position: relative;
        z-index: 2;
    }
    .links-header-bottom-mb ul li ul.category-dropdown li.has-child a.nav-link-Zn {
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
    
    .links-header-bottom-mb ul li ul.category-dropdown li.has-child a.nav-link-Zn .arrow-inner-open {
        transform: rotate(180deg);
    }
    
    .container-1400, .container-1636, .container-1780, .container-1398, .container-1567, .container-1502, .container-1372, .container-1660, .container-1505{
        max-width:90vw;
        margin:0 auto;
    }
    .main-web-logo {
        max-width: 20%;
    }
    
    .header-right-side.header-right-side-1636 {
        max-width: 80%;
    }
    
    .main-web-search-bar.main-web-search-bar-1636 {
        max-width: 290px;
    }
    
    .join-team img {
        display: none;
    }
    
    .main-web-links-header.main-web-links-header-1636 {
        max-width: 270px;
        margin-left: 0;
        flex: auto;
    }
    .banner-home .mw-595 {
        margin: 0 auto;
    }
    
    .fa-60 {
        font-size: 50px;
    }
    
    .lh-72 {
        line-height: 62px;
    }
    
    .banner-home h1 {
        text-align: center;
    }
    
    .banner-home h3 {
        text-align: center;
    }
    
    .banner-home .mw-496 {
        margin-left: auto;
        margin-right: auto;
    }
    
    .mb-30 {
        margin-bottom: 25px;
    }
    
    .mb-10 {
        margin-bottom: 7px;
    }
    
    .banner-home .mw-454 {
        margin-left: auto;
        margin-right: auto;
    }
    
    .mb-50 {
        margin-bottom: 40px;
    }
    
    .banner-btns {
        justify-content: center;
    }
    
    .fa-30 {
        font-size: 25px;
    }
    
    .lh-57 {
        line-height: 50px;
    }
    
    .row-gap-30 {
        row-gap: 30px;
    }
    
    .banner-info-main {
        display: none;
    }
    .connecting {
        width: 692px;
        height: auto;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .verified {
        width: 553px;
        height: auto;
        margin: unset;
    }
    
    .hire-project-team-img {
        width: 623px;
        height: auto;
        margin-top: unset;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    
    .instant-message {
        width: 623px;
        height: auto;
        margin-top: unset;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    
    .secure-payment {
        width: 623px;
        height: auto;
        margin: unset;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .project-management {
        width: 553px;
        height: auto;
    }
    
    .banner-slide {
        height: 600px;
    }
    
    .banner-slider .slick-dots {
        bottom: -40px;
        left: 50%;
        transform: translateX(-50%);
    }
    .gap-64 {
        gap: 33px;
    }
    
    .home-categories p {
        line-height: 16px;
    }
    
    .fa-16 {
        font-size: 15px;
    }
    
    .banner-home {
        padding-bottom: 30px;
    }
    
    .pt-90 {
        padding-top: 80px;
    }
    
    .pt-64 {
        padding-top: 50px;
    }
    
    .pb-85 {
        padding-bottom: 80px;
    }
    
    .why {
        border-width: 7px;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .fa-18 {
        font-size: 17px;
    }
    
    .lh-31 {
        line-height: 29px;
    }
    .globe {
        width: 170px;
        height: 170px;
    }
    .globe-img {
        width: 170px;
        height: 170px;
    }
    .fa-56 {
        font-size: 52px;
    }
    .mb-35 {
        margin-bottom: 30px;
    }
    .lh-66 {
        line-height: 62px;
    }
    .mw-604 {
        max-width: 100%;
        margin: 0 auto;
    }
    .largest-img {
        width: 324px;
        height: 248px;
    }
    .hire-card-image.largest {
        transform: none;
        top: unset;
        bottom: 0;
        right: 17px;
    }
    .lh-78 {
        line-height: 70px;
    }
    .fa-84 {
        font-size: 70px;
    }
    .lh-33 {
        line-height: 30px;
    }
    .fa-26 {
        font-size: 24px;
    }
    .hire-card sup {
        font-size: 40px;
    }
    .revenue-img {
        width: 312px;
        height: 211px;
    }
    .hire-card-image.revenue {
        top: unset;
        bottom: 0;
        transform: none;
        right: 0;
    }
    .w-h-67 {
        width: 60px;
        height: 60px;
    }
    .pt-158 {
        padding-top: 90px;
    }
    
    .talent-img {
        width: 90%;
        height: auto;
        margin: 0 auto;
    }
    
    .gap-140 {
        gap: 70px;
    }
    
    .mb-40 {
        margin-bottom: 30px;
    }
    
    .lh-62 {
        line-height: 52px;
    }
    
    .lh-36 {
        line-height: 34px;
    }
    
    .home-section4 h3 {
        text-align: center;
    }
    
    .home-section4 p {
        text-align: center;
    }
    
    .home-section4 .btn-reg {
        margin: 0 auto;
    }
    .pt-180 {
        padding-top: 90px;
    }
    
    .services-arrows {
        padding: 0;
    }
    
    .gap-30 {
        gap: 25px;
    }
    
    .slick-arrow {
        width: 55px;
        height: 55px;
    }
    
    .slick-arrow img {
        width: 23px;
        height: 19px;
    }
    .popular-services-item-inner {
        padding: 30px 13px 0px 19px;
    }
    
    .fa-22 {
        font-size: 19px;
    }
    
    .lh-26 {
        line-height: 24px;
    }
    
    .mb-20 {
        margin-bottom: 15px;
    }
    
    .lh-25 {
        line-height: 22px;
    }
    
    .logo-design {
        width: 100%;
        height: auto;
    }
    
    .web-development {
        width: 100%;
        height: auto;
    }
    
    .app-development {
        width: 100%;
        height: auto;
    }
    
    .social-media {
        width: 100%;
        height: auto;
    }
    
    .illustration {
        width: 100%;
        height: auto;
    }
    
    .creative-writing {
        width: 100%;
        height: auto;
    }
    
    .white-board-video {
        width: 100%;
        height: auto;
    }
    
    .data-entry {
        width: 100%;
        height: auto;
    }
    
    .virtual-assistance {
        width: 100%;
        height: auto;
    }
    
    .email-marketing {
        width: 100%;
        height: auto;
    }
    
    .popular-services-item-inner {
        height: 410px;
    }
    .pt-160 {
        padding-top: 90px;
    }
    
    .lh-29 {
        line-height: 22px;
    }
    
    .mw-1245 {
        max-width: 90%;
    }
    
    .video-text {
        align-items: center;
    }
    
    .video-overlay {
        left: 50px;
    }
    
    .btn-video {
        font-size: 30px;
        padding: 25px 28px 26px 34px;
    }
    .fa-54 {
        font-size: 44px;
    }
    .video-parent {
        height: 500px;
        border-radius: 30px;
    }
    .journey-img {
        right: 0;
        z-index: -1;
        opacity: 0.1;
    }
    .journey-img img {
        width: 486px;
        height: 375px;
    }
    
    .fa-50 {
        font-size: 40px;
    }
    
    .lh-58 {
        line-height: 48px;
    }
    
    .journey {
        padding: 40px 40px;
    }
    .pt-145 {
        padding-top: 90px;
    }
    
    .home-section9 .mw-664 {
        max-width: 550px;
    }
    
    .lh-67 {
        line-height: 57px;
    }
    .inspiring-img-container img {
        width: 100%;
        height: auto;
    }
    
    .inspiring-work-item-inner {
        max-width: 100%;
        height: auto;
    }
    
    .inspiring-footer {
        padding: 10px;
    }
    
    .inspiring-user-info .fa-14 {
        font-size: 12px;
    }
    
    .inspiring-user-info .fa-12 {
        font-size: 11px;
    }
    .inspiring-work-item {
        padding: 0px 10px 10px;
    }
    
    .inspiring-work-slider .slick-list {
        margin-left: -10px;
    }
    .affiliation {
        padding: 40px;
    }
    .affiliation-content {
        text-align: center;
    }
    .mw-468 {
        max-width: 100%;
    }
    .affiliation > .d-flex {
        flex-direction: column;
        row-gap: 30px;
    }
    .affiliation-image {
         width: 150px;
         height: 150px;
    }
    
    .kcci {
        width: 110px;
        height: auto;
    }
    
    .pseb {
        width: 110px;
        height: auto;
    }
    
    .pasha {
        width: 110px;
        height: auto;
    }
    .pt-145 {
        padding-top: 90px;
    }
    
    .lh-80 {
        line-height: 65px;
    }
    
    .home-section12 h3 {
        max-width: 510px;
    }
    
    .home-section12 .btn-reg.btn-read-more {
        padding: 10px 25px;
    }
    
    .blog-item {
        max-width: calc(33% - 15px);
    }
    
    .gap-17 {
        gap: 15px;
    }
    
    .blog-img {
        width: 100%;
        height: auto;
    }
    
    .blog-date {
        font-size: 10px;
        line-height: 15px;
        padding: 4px 10px;
        height: auto;
        left: 10px;
        bottom: 10px;
    }
    
    .blog-content-container {
        padding: 20px 0px 0px 0px;
    }
    
    .mb-15 {
        margin-bottom: 10px;
    }
    
    .pb-150 {
        padding-bottom: 90px;
    }
    .pt-145 {
        padding-top: 90px;
    }
    
    .lh-80 {
        line-height: 65px;
    }
    
    .home-section12 h3 {
        max-width: 510px;
    }
    
    .home-section12 .btn-reg.btn-read-more {
        padding: 10px 25px;
    }
    
    .blog-item {
        max-width: calc(33% - 15px);
    }
    
    .gap-17 {
        gap: 15px;
    }
    
    .blog-img {
        width: 100%;
        height: auto;
        min-height: 150px;
    }
    
    .blog-date {
        font-size: 10px;
        line-height: 15px;
        padding: 4px 10px;
        height: auto;
        left: 10px;
        bottom: 10px;
    }
    
    .blog-content-container {
        padding: 20px 0px 0px 0px;
    }
    
    .mb-15 {
        margin-bottom: 10px;
    }
    
    .pb-150 {
        padding-bottom: 90px;
    }
    
    .footer-menu-items-parent {
        padding: 40px;
    }
    
    .col-footer-links h3 {
        font-size: 17px;
        margin-bottom: 20px;
    }
    
    .col-footer-links ul li a {
        font-size: 13px;
        line-height: 1.2;
    }
    
    .col-footer-social-links ul {
        padding-top: 10px;
        gap: 40px;
    }
    
    .subscribe-form input {
        padding: 10px 15px;
    }
    
    .mb-128 {
        margin-bottom: 30px;
    }
    
    .footer-bottom {
        padding: 22px 0 36px;
        margin-top: 20px;
    }
    .recent-view-item-inner {
        max-width: 100%;
        height: auto;
    }
    .home-section7 h3 {
        max-width: 550px;
    }
    .recent-view-slider {
        margin-left: -10px;
        row-gap: 10px;
    }
    .recent-view-item {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        padding: 0px 5px;
    }
    
    .recent-img {
        width: 100%;
    }
    
    .recent-delivery {
        margin-top: 5px;
    }
    
    hr {
        margin: 10px 0px;
    }
    
    .recent-content-container {
        padding: 10px 14px 13px 12px;
    }
    .mw-670 {
        max-width: 100%;
    }
    
    .mw-595 {
        max-width: 100%;
    }
    .main-web-logo img {
        height: auto;
    }
    .journey-img.pakistani-freelancer img {
        width: 420px;
        height: 380px;
    }
    
    .journey-img.pakistani-freelancer {
        right: 0;
    }
    .mb-profile-icon > span {
        display: none;
    }
    
    .mobile-join li {
        display: block;
    }
    .footer-menu-items-parent {
        padding-left: 0;
        padding-right: 0;
    }
    .mw-508 {
        max-width: 100%;
    }
    
    .fa-70 {
        font-size: 60px;
    }
    
    .banner-home-prelaunch .col-footer-larger {
        max-width: 100%;
        display: none;
    }
    
    .banner-home-prelaunch .col-footer-social-links ul {
        justify-content: center;
    }
    
    .pre-launch-video.video-parent {
        height: 450px;
    }
    
    .pt-120 {
        padding-top: 80px;
    }
    
    .mw-545 {
        max-width: 100%;
    }
    
    .pt-150 {
        padding-top: 80px;
    }
    
    .join-team-section2 .mw-545 {
        text-align: center;
    }
    
    .landing-features {
        margin-left: auto;
        margin-right: auto;
    }
    
    .mb-25 {
        margin-bottom: 20px;
    }
    
    .fa-45 {
        font-size: 35px;
    }
    
    .landing-featured-steps {
        height: 430px;
    }
    
    .landing-profile-image {
        width: 243px;
        height: auto;
    }
    
    .circle-FFC531:before {
        width: 329px;
        height: 329px;
    }
    
    .circle-37C047:before {
        width: 329px;
        height: 329px;
    }
    
    .mw-1364 {
        max-width: 100%;
    }
    
    .mw-672 {
        max-width: 100%;
    }
    
    .features-spacing:nth-child(even) {
        flex-direction: column-reverse;
    }
    
    .pb-110 {
        padding-bottom: 60px;
    }
    
    .landing-create-gig-image {
        width: 525px;
        height: auto;
    }
    
    .landing-unlimited-image {
        width: 505px;
        height: auto;
    }
    
    .landing-join-project-image {
        width: 450px;
        height: auto;
    }
    
    .landing-support-image {
        width: 642px;
        height: auto;
    }
    
    .pb-140 {
        padding-bottom: 80px;
    }
    
    .pt-250 {
        padding-top: 90px;
    }
    
    .landing-share-img {
        right: 0;
        z-index: -1;
        opacity: 0.1;
    }
    
    .landing-share-img img {
        width: 340px;
        height: auto;
    }
    
    .landing-share {
        padding: 50px 50px;
        border-radius: 30px;
        border-width: 3px;
    }
    
    .fa-58 {
        font-size: 48px;
    }
    
    .lh-68 {
        line-height: 58px;
    }
    
    .landing-share .mb-40 {
        margin-bottom: 15px;
    }
    
    .pb-140.features-spacing {
        padding-bottom: 40px;
    }
    
    .pt-150.features-spacing {
        padding-top: 60px;
    }
    
    .mb-70 {
        margin-bottom: 50px;
    }
    
    .faq-question {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .faq-answer {
        padding: 0px 55px;
    }
    .fa-24 {
        font-size: 22px;
    }
    
    .lh-42 {
        line-height: 38px;
    }
    .banner-home-prelaunch .banner-btn {
        margin: 0 auto;
    }
    .mb-80 {
        margin-bottom: 60px;
    }
    .fa-34 {
        font-size: 28px;
    }
    .mb-absolute {
        display:none;
    }
    .about-banner-img {
        width: 100%;
        height: auto;
    }
    
    .about-section1 {
        padding: 70px 0px;
    }
    
    .mw-564 {
        max-width: 100%;
    }
    .pt-170 {
        padding-top: 90px;
    }
    
    .reliable-img, .reliable-before-img {
        display: none;
    }
    
    .relaible {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .pt-140 {
        padding-top: 90px;
    }
    
    .pb-160 {
        padding-bottom: 50px;
    }
    
    .fa-40 {
        font-size: 35px;
    }
    
    .lh-51 {
        line-height: 38px;
    }
    
    .h-441 {
        height: 380px;
    }
    
    .building-abt img {
        width: auto;
        height: 295px;
    }
    
    .enable-seamless img {
        width: 100%;
        height: 100%;
    }
    
    .about-section3 .d-flex:nth-child(even) {
        flex-direction: column-reverse;
    }
    
    
    .about-section3 .core-pillar > .d-flex p.mb-28 {
        margin-bottom: 0px;
    }
    
    .promoting-growth img {
        width: auto;
        height: 380px;
        margin: 0 auto;
    }
    
    .redefining img {
        height: 380px;
        width: auto;
    }
    
    .about-section3 .core-pillar > .d-flex h3 br {
        display: none;
    }
    
    .shaping-work img {
        height: 380px;
        width: 100%;
    }
    
    .mw-734 {
        max-width: 100%;
    }
    
    .pb-214 {
        padding-bottom: 90px;
    }
    
    .our-goal-abt {
        width: 100%;
        height: 380px;
    }
    
    .our-goal-abt img {
        height: 380px;
        width: auto;
    }
    
    .mw-668 {
        max-width: 100%;
    }
    
    .our-mision-abt {
        height: 380px;
    }
    
    .our-mision-abt img {
        height: 380px;
        width: auto;
    }
    
    .pt-265 {
        padding-top: 90px;
    }
    
    .pb-180 {
        padding-bottom: 60px;
    }
    
    .mb-28 {
        margin-bottom: 20px;
    }
    
    .verified-abt img {
        width: auto;
        height: 85%;
    }
    
    .dedicated-abt img {
        height: 100%;
        width: auto;
        margin: 0 auto;
    }
    
    .flexible-abt img {
        height: 100%;
        width: auto;
    }
    
    .tailored-abt img {
        height: 95%;
        width: auto;
    }
    
    .secure-abt img {
        width: 100%;
        height: auto;
    }
    
    .secure-abt {
        overflow: hidden;
    }
    
    .ceo-container.d-flex {
        display: none !important;
    }
    
    .mw-1387 {
        max-width: 100%;
    }
    
    .mw-625 {
        max-width: 100%;
    }
    
    .mw-588 {
        max-width: 100%;
    }
    
    .affiliation-content .btn-reg.btn-read-more {
        margin: 0 auto;
    }
    
    .transform-business {
        padding: 40px 30px;
    }
    .about-choose:nth-child(even) {
        flex-direction: column-reverse;
    }
    .pt-100 {
        padding-top: 90px;
    }
    
    .pb-111 {
        padding-bottom: 50px;
    }
    .pt-100 {
        padding-top: 90px;
    }
    
    .pb-111 {
        padding-bottom: 50px;
    }
    
    .mw-529 {
        max-width: calc(50% - 20px);
    }
    
    .works-content {
        max-width: 100%;
        margin: 0;
        padding: 20px;
    }
    
    .works-img {
        height: 240px;
    }
    
    .works-img img {
        height: auto;
        width: 80%;
    }
    
    .hire-team-section2 .mw-529:nth-last-child(2n+3) {margin-bottom: 50px;}
    
    .mb-70 {
        margin-bottom: 50px;
    }
    
    .works-img.work-payment img {
        height: auto;
    }
    
    .works-img.work-qa img {
        width: 80%;
        height: auto;
    }
    
    .pb-166 {
        padding-bottom: 50px;
    }
    
    .mw-553 {
        max-width: 100%;
    }
    
    .team-services-img {
        width: 100%;
        height: 340px;
    }
    
    .comprehensive-management-service img {
        width: auto;
        height: 100%;
    }
    
    .expert-matching-service img {
        width: auto;
        height: 90%;
    }
    
    .team-services-img img {
        width: auto;
        height: 100%;
    }
    
    
    .works-content .lh-62 {
        line-height: 35px;
    }
    
    .mw-600 {
        max-width: 100%;
    }
    
    .team-services-content h3 br {
        display: none;
    }
    
    .hire-team-section3 .d-flex:nth-child(even) {
        flex-direction: column-reverse;
    }
    
    .pt-264 {
        padding-top: 90px;
    }
    
    .benefit-img {
        width: 100%;
        height: auto;
    }
    
    .benefit-img img {
        height: auto;
    }
    
    .benefit-content {
        padding-top: 20px;
    }
    
    .mb-60 {
        margin-bottom: 40px;
    }
    
    .hire-join-img {
        display: none;
    }
    
    .journey.join-hire-page {
        padding: 50px 40px;
    }
    .step1-work {
        height: 550px;
    }
    
    .step1-work img {
        width: 489px;
        height: 398px;
    }
    
    .step2-work img {
        width: 348px;
        height: 281px;
    }
    
    .step3-work img {
        width: 256px;
        height: 306px;
    }
    
    .step5-work img {
        width: 295px;
        height: 359px;
    }
    
    .financial-content {
        max-width: 100%;
        margin: 0;
        padding: 20px;
    }
    
    .financial-content h3 {
        line-height: 40px;
    }
    
    .steady-before:before, .steady-before:after {
        display:none;
    }
    
    .join-team-section3 .mw-529:nth-last-child(n-3) {
        margin-bottom: 50px;
    }
    
    .pt-130 {
        padding-top: 80px;
    }
    
    .pt-80 {
        padding-top: 50px;
    }
    
    .mw-395 {
        max-width: calc(50% - 5px);
    }
    
    .pb-60 {
        padding-bottom: 50px;
    }
    
    .pt-68 {
        padding-top: 50px;
    }
    
    .join-join-us {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .join-work:nth-child(even) {
        flex-direction: column-reverse;
    }
    .partner-banner-img {
        display: none;
    }
    .mw-496 {
        max-width: 100%;
    }
    
    .partnership-expand, .partnership-foster, .partnership-strengthen, .partnership-contribute {
        height: 350px;
    }
    
    .partnership-expand img {
        width: 500px;
        height: auto;
    }
    
    .partnership-foster img {
        width: 650px;
        height: auto;
    }
    
    .partnership-strengthen img {
        width: 400px;
        height: auto;
    }
    
    .partnership-contribute img {
        width: 530px;
        height: auto;
    }
    
    .pt-200 {
        padding-top: 90px;
    }
    
    .mw-533 {
        max-width: 100%;
    }
    
    .mw-558 {
        max-width: 100%;
    }
    
    .mw-491 {
        max-width: 100%;
    }
    
    .mw-342 {
        max-width: 100%;
    }
    
    .build-img {
        display: none;
    }
    
    .conversation {
        padding: 40px 30px;
    }
    
    .why-partner-hire:nth-child(even) {
        flex-direction: column-reverse;
    }
    .lh-75 {
        line-height: 60px;
    }
    .knowledge-section1 .circle-FFC531 {
        display: none;
    }
    
    .mw-572 {
        max-width: calc(50% - 10px);
    }
    
    .user-type {
        padding: 15px 20px;
    }
    
    .fa-32 {
        font-size: 23px;
    }
    
    .knowledge-section2 .gap-40 {
        gap: 20px;
    }
    
    .user-type-client {
        width: 55px;
        height: auto;
    }
    
    .user-type-freelancer {
        width: 45px;
        height: auto;
    }
    
    .user-type-img {
        width: 80px;
        height: 80px;
    }
    
    .mb-90 {
        margin-bottom: 50px;
    }
    
    .mw-336 {
        max-width: calc(50% - 9px );
    }
    
    .article-item {
        padding: 20px;
    }
    .mw-490 {
        max-width: 100%;
    }
    
    .row-gap-90 {
        row-gap: 50px;
    }
    
    .contact-section1 {
        padding-bottom: 30px;
    }
    
    .fa-28 {
        font-size: 24px;
    }
    
    .social-media-contact {
        width: 54px;
        height: 54px;
    }
    
    .linkedin-icon {
        width: 25px;
        height: auto;
    }
    
    .facebook-icon {
        width: 25px;
        height: auto;
    }
    
    .twitter-icon {
        width: 25px;
        height: auto;
    }
    
    .insta-icon {
        width: 25px;
        height: auto;
    }
    
    #contact-form .lh-62 {
        line-height: 45px;
    }
    
    .contact-subject {
        height: 69px;
    }
    
    .contact-message {
        height: 130px;
    }
    
    .contact-field {
        padding: 11px 20px;
    }
    
    .lh-82 {
        line-height: 72px;
    }
    
    .fa-72 {
        font-size: 62px;
    }
    
    .contact-section6.pb-150 {
        padding-bottom: 0px;
    }
    
    .map-location {
        height: 300px;
    }
    .mw-464 {
        max-width: calc(50% - 10px);
    }
    .mw-809 {
        max-width: 100%;
    }
    
    .blog-hire-img, .blog-join-img {
        display: none;
    }
    .blog-project-card {
        padding: 40px;
    }
    
    .pb-80 {
        padding-bottom: 50px;
    }
    .b-detail-img {
        width: auto;
        height: auto;
    }
    
    .b-detail-img img {
        height: auto;
    }
    
    .pb-40 {
        padding-bottom: 30px;
    }
    
    .blog-detail-short-desc p, .blog-detail-long-desc p {
        padding-bottom: 60px;
        font-size: 17px;
        line-height: 32px;
    }
    
    .mb-110 {
        margin-bottom: 70px;
    }
    
    .blog-detail-long-desc h6 {
        font-size: 17px;
        line-height: 32px;
    }
    
    .pt-200 {
        padding-top: 90px;
    }
    
    .lh-51 {
        line-height: 45px;
    }
    
    .pb-160 {
        padding-bottom: 90px;
    }
    
    .pt-130 {
        padding-top: 90px;
    }
    
    .fa-46 {
        font-size: 36px;
    }
    .gig-breif-banner-img {
        display: none;
    }
    
    .mt-90 {
        margin-top: 60px;
    }
    
    .mw-277 {
        max-width: 100%;
    }
    
    .category-filter > .filter {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }
    
    .category-filter .filter > li {
        flex: 0 0 33.33%;
        max-width: calc(33.33% - 10px);
        z-index: 2;
    }
    
    .filter-category-list {
        position: absolute;
        background-color: #fff;
        width: 300px;
        border-radius: 10px;
        top: 54px;
    }
    
    .filter-price {
        position: absolute;
        background-color: #fff;
        padding: 30px 10px;
        top: 55px;
        border-radius: 10px;
        width: 250px;
    }
    
    .freelancer-gig-item {
        max-width: calc(50% - 10px);
    }
    
    .gap-24 {
        gap: 20px;
    }
    
    .fa-21 {
        font-size: 20px;
    }

    .gig-brief-section2 .breirf-item {
        max-width: calc(50% - 10px);
        padding: 12px;
    }

    .gap-22 {
        gap: 20px;
    }
    .freelancer-card-item {
        max-width: calc(50% -  10px);
        padding: 20px;
    }
    
    .freelancer-card-img {
        width: 60px;
        height: 60px;
    }
    
    .freelancer-card-item .fa-15 {
        font-size: 12px;
    }
    
    .freelnacer-card-btn.btn-reg {
        padding: 7px 15px;
    }
    .package-list-preview li, .package-list-preview p {
        display: block;
    }
    
    .compare-package-list li {
        display: block;
    }
    
    .fa-25 {
        font-size: 22px;
    }
    
    .mw-634 {
        max-width: 100%;
    }
    
    .pb-45 {
        padding-bottom: 35px;
    }
    
    .gap-20 {
        gap: 15px;
    }
    
    .preview-gig-profile-picture img {
        width: 75px;
        height: 75px;
    }
    .mw-89 {
        max-width: 75px;
    }
    
    .gig-content p, .package-list-preview p {
        font-size: 15px;
    }
    
    .gig-content-help {
        padding: 10px 11px 24px 18px;
    }
    
    .package-gig-title h3 {
        font-size: 16px;
    }
    
    ul.compare-package-list {
        padding: 25px 18px;
    }
    
    .price-column-bottom.price-compare-bottom {
        padding-top: 15px;
        min-height: 78px;
    }
    
    .btn-reg.btn-black {
        font-size: 15px;
        max-width: 150px;
        padding: 8px;
        bottom: -20px;
    }
    
    .gig-detail-left {
        padding-bottom: 70px;
    }
    
    .mw-596 {
        max-width: 100%;
    }
    
    .mb-100 {
        margin-bottom: 60px;
    }
    .pb-120 {
        padding-bottom: 90px;
    }
    
    .fa-36 {
        font-size: 32px;
    }
    
    .lh-54 {
        line-height: 46px;
    }
    .mw-870 {
        max-width: 100%;
    }
    
    .mw-590 {
        max-width: 67%;
    }
    
    .fa-48 {
        font-size: 42px;
    }
    
    .item-info-personal h3 {
        font-size: 16px;
    }
    
    .btn-preview-profile {
        font-size: 18px;
    }
    
    .fa-20 {
        font-size: 18px;
    }
    .item-info-personal h3 {
        font-size: 15px;
    }
    
    .item-info-personal p {
        font-size: 13px;
    }
    
    .profile-picture img {
        width: 75px;
        height: 75px;
    }
    
    .mw-153 {
        max-width: 130px;
    }
    
    .tag-new {
        font-size: 14px;
        padding: 3px 15px;
    }
    
    .btn-reg {
        padding: 9px 29px;
        bottom: -22px;
    }
    .forms-gig-title ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
    }
    
    .forms-gig-title ul li a {
        margin-bottom: 0px;
        line-height: 1.2;
        font-size: 17px;
    }
    
    .mw-200 {
        max-width: 100%;
    }
    .mt-40 {
        margin-top: 30px;
    }
    
    .row-custom-make-a-gig {
        row-gap: 30px;
    }
    
    .overview-items-make-a-gig {
        padding: 30px;
    }
    
    .items-row-overview-form {
        row-gap: 20px;
        margin-bottom: 30px;
    }
    
    .items-row-overview-form .row .form-group-custom {
        margin-bottom: 20px;
    }
    .mw-732 {
        max-width: 100%;
    }
    .package-gig-title {
        padding: 8px;
    }
    
    .name-your-package input {
        padding: 20px 10px;
        font-size: 14px;
    }
    
    .name-your-package textarea {
        padding: 10px;
        font-size: 13px;
    }
    
    .form-group-custom textarea, .form-group-custom input, .form-group-custom select {
        min-height: 40px;
        padding: 10px;
        font-size: 13px;
    }
    
    .form-group-custom select {
        background-size: 12px;
        background-position: 95%;
    }
    .price-column-bottom input[type="number"] {
        padding: 10px;
        padding-left: 24px;
        font-size: 14px;
    }
    
    .price-column-bottom.pricing-input:before {
        font-size: 15px;
    }
    
    .direction-column-settings, .price-column-bottom > h3 {
        padding: 10px 25px;
    }
    
    .price-column-bottom.pricing-input:before {
        left: 15px;
    }
    
    h3 {
        font-size: 22px;
    }
    body {
        font-size: 14px;
    }
    .mt-60 {
        margin-top: 50px;
    }
    .btn-reg.btn-yellow {
        padding: 8px 12px;
    }
    .questions-items, .question-added-by-freelancer {
        padding: 20px;
    }
    
    .btn-questions {
        padding: 8px 16px;
        font-size: 15px;
    }
    .pr-180 {
        padding-right: 30px !important;
    }
    
    #fileUploadContainer .col-lg-4 {
        max-width: 33.33%;
    }
    
    .switch label {
        width: 50px;
        height: 25px;
    }
    
    .switch label::after {
        width: 15px;
        height: 15px;
    }
    
    #fileUploadContainernotrequired .col-lg-4 {
        max-width: 50%;
    }
    .custom-image-video-selector {
        height: 160px;
    }
    .active-gig-item-content h4 {
        margin-bottom: 30px;
    }
    
    .active-gig-item {
        min-height: unset;
    }
    
    .gap-32 {
        gap: 25px;
    }
    
    .active-gig-item {
        max-width: calc(33.33% - 17px);
    }
    
    .active-gig-item.add-gig-item {
        padding: 40px 0px;
    }
    
    .active-gig-item.add-gig-item .active-gig-item-content h4 {
        margin-bottom: 0;
    }
    .gigshare {
        right: 10px;
    }
    .gigshare {
        right: 10px;
    }
    
    .add-gig.active-gig-item-img img {
        width: 20px;
        height: 20px;
    }
    
    .add-gig {
        min-width: 60px;
        min-height: 60px;
    }
    .progress-arrow.progress-arrow-wallet:after {
        display: block;
    }
    /* .progress-status.wallet-status {
        width: 100px;
        height: 100px;
    } */
    
    .mw-142 {
        width: 120px;
    }
    
    .height-142 {
        height: unset;
    }
    
    .gap-170 {
        gap: 100px;
    }
    
    .btn-reg.btn-done {
        font-size: 14px;
        padding: 10px;
    }
    
    .withdraw-icon {
        width: 20px;
        height: 21px;
    }
    
    .mt-70 {
        margin-top: 60px;
    }
    
    .task-project-table-wrapper.wallet-table table th, .task-project-table-wrapper.wallet-table table td {
        min-width: 190px;
        padding: 15px 20px;
    }
    
    .task-project-table-wrapper thead th {
        font-size: 15px;
        line-height: 1.2;
    }
    .bank-detail-form .label-parent label {
        font-size: 20px;
        line-height: 45px;
    }
    
    .bank-detail-form .input-fields select, .bank-detail-form .input-fields textarea, .bank-detail-form .input-fields input {
        min-height: 40px;
        padding: 12px;
    }
    
    .freelancer-bank-details .form__radio-label-text {
        font-size: 20px;
    }
    
    .btn-reg.bank-submit {
        font-size: 18px;
        padding: 8px 40px;
    }
    .mw-1162 {
        max-width: 310px;
    }
    .freelancer-banner-img {
        display: none;
    }
    
    .client-home1 {
        padding-top: 50px;
        padding-bottom:50px !important;
    }
    .client-card-items {
        padding: 30px;
    }
    
    .fa-38 {
        font-size: 30px;
    }
    
    .client-card-img {
        height: 50px;
        width: 50px;
    }
    
    .client-card-img.post-gig img {
        height: auto;
        width: 30px;
    }
    
    .client-home2 .mw-464 {
        max-width: 430px;
    }
    
    .client-card-img.bid-now img {
        width: 40px;
        height: auto;
    }
    .mw-690 {
        max-width: 100%;
    }
    .mw-265 {
        max-width: calc(33.33% - 15px);
    }
    
    .project-types-items {
        padding: 20px;
    }
    
    .lh-28 {
        line-height: 24px;
    }
    
    .client-home3 .container-1400 > .justify-content-between {
        justify-content: center !important;
    }
    .client-related-tasks .breirf-item-client .breirf-item {
        padding: 13px;
    }
    
    .breirf-item-client {
        padding: 0px 4px;
    }
    .recent-view-item {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .client-home5 .recent-view-item-inner {
        max-width: 100%;
    }
    .blog-item-client {
        max-width: calc(33.33% - 15px);
    }
    .icon-success span {
        width: 90px;
        height: 90px;
    }
    
    .icon-success span img {
        max-width: 45px;
    }
    
    .modal-content .btn-reg {
        padding: 10px 28px;
        font-size: 17px;
    }
    
    .mh-77 {
        min-height: 60px;
    }
    
    .mw-280 {
        max-width: 140px;
    }
    
    .adding-phone-number-modal-main-content {
        padding: 30px;
    }
    
    .mw-745 {
        max-width: 600px;
    }
    .let-bid {
        margin-left: 0;
        margin-bottom: 50px;
    }
    .contact-field.partnership-field {
        padding: 6px 20px;
    }
    
    .partnership-select.contact-subject {
        height: 52px;
    }
    
    .lh-63 {
        line-height: 53px;
    }
    .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: 190px;
    }
    .fa-43 {
        font-size: 35px;
    }
    
    .result-icon svg {
        width: 41px;
        height: 41px;
        padding: 9px;
    }
    .join-team-form .mw-447 {
        max-width: 100%;
    }
    .client-banner-img {
        display: none;
    }
    .recent-view-slider {
        margin: 0;
    }
    
    .client-home5 .breirf-item-client {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .freelancer-brief-inner {
        row-gap: 10px;
    }
    .breirf-item-client {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .freelancer-gig-item-inner {
        max-width: 100%;
    }
    .show-all-bid-messages-main .mw-369 {
        max-width: 35%;
    }
    
    .show-all-bid-messages-main .mw-1031 {
        max-width: calc(65% - 10px);
    }
    
    .show-all-bid-notification-user-container-main {
        padding: 10px;
    }
    
    .brief-notification-user-name.show-all-bid-notification-user-name {
        width: 160px;
    }
    
    .breif-notification-time {
        right: 10px;
    }
    
    .show-all-project-notification-left .show-all-bid-notification-time {
        bottom: 5px;
    }
    
    .pt-70 {
        padding-top: 50px;
    }
    
    .lh-197 {
        line-height: 30px;
    }
    
    .show-all-bid-notification-left-header {
        padding: 10px;
    }
    
    .brief-notification-user.show-all-bid-notification-user {
        padding: 25px 15px;
        min-height: unset;
    }
    
    .brief-notification-user-name.fa-14 {
        font-size: 13px;
    }
    
    .bid-message-header {
        padding: 15px;
    }
    
    .bid-message-user-info-main {
        gap: 15px;
    }
    
    .bid-message-desc {
        padding: 20px;
    }
    
    .detail-table-row {
        padding: 15px 20px;
        gap: 10px;
    }
    
    .detail-table-row p:first-child {
        min-width: 60px;
    }
    
    .mt-50 {
        margin-top: 40px;
    }
    
    .bid-message-btns {
        padding: 0px 20px 30px;
    }
    
    .brief-notification-user-container.show-all-bid-notification-user-container {
        height: 400px;
        padding-right: 10px;
    }
    
    #project-filter-btn svg, #bid-filter-btn svg {
        width: 16px;
        height: 16px;
    }
    .mw-1247 {
        max-width: 100%;
    }
    
    .brief-chat-header {
        padding: 20px;
        border-radius: 20px 20px 0px 0px;
    }
    
    .mw-937 {
        max-width: 77%;
    }
    
    
    /* .brief-chat .container-1400 {
        box-shadow: rgb(2 2 2 / 4%) -2px -10px 40px -4px;
    } */
    
    .done-icon, .report-icon, .reject-icon {
        width: 16px;
    }
    
    .gap-26 {
        gap: 15px;
    }
    
    .priority-status {
        font-size: 14px;
        padding: 10px;
    }
    
    .brief-chat-header .mw-634 {
        max-width: 60%;
    }
    
    .pb-37 {
        padding-bottom: 25px;
    }
    
    /* .chat-messages-main-inner {
        padding: 10px;
    } */
    
    .chat-messages-main .mw-356 {
        max-width: 100%;
    }
    
    .chat-messages-main .mw-1015 {
        max-width: 100%;
    }
    
    .brief-notification-user-container {
        height: 550px;
        padding-right: 10px;
    }
    
    .brief-notification-user {
        padding: 15px 8px;
        gap: 10px;
        border-radius: 8px;
    }
    
    .mt-30 {
        margin-top: 20px;
    }
    
    .brief-notification-user-icon {
        width: 35px;
        height: 35px;
        min-width: 35px;
    }
    
    /* .breif-notification-time {
        top: unset;
        bottom: 0;
    } */
    
    .brief-notification-user-icon img {
        object-fit: cover;
    }
    .brief-notification-user-name {
        width: auto;
        padding-right: 5px;
    }
    .project-search.chat-project-search {
        width: 100%;
        border: 1px solid #e1e1e1;
        border-radius: 5px;
        margin-bottom: 15px;
        margin-top: 5px;
    }
    .chat-messages-container {
        padding-top: 20px;
    }
    
    .day-chat {
        height: 400px;
        padding-left: 10px;
    }
    .chat-messages-date-date .fa-12 {
        font-size: 11px;
    }
    
    .chat-messages-date-date {
        padding: 1px  10px;
    }
    
    .chat-messages {
        padding-left: 0px;
        padding-right: 8px;
        gap: 7px;
    }
    
    .chat-user-chat .fa-15 {
        font-size: 13px;
    }
    
    .chat-messages .fa-12 {
        font-size: 11px;
    }
    
    .chat-user-image img {
        width: 30px;
        height: 30px;
    }
    
    .replies {
        padding-left: 10px;
    }
    
    .uploaded-files {
        max-width: 150px;
    }
    
    .emojionearea .emojionearea-editor, .emojionearea.focused .emojionearea-editor {
        min-height: 70px;
        max-height: 70px;
        padding: 10px 36px 10px 10px;
    }
    .gap-112 {
        gap: 30px;
    }
    .price-field {
        max-width: 235px;
    }
    .knowledge-section2 .mw-1162 {
        max-width: 1162px;
    }
    .user-info-inner-left {
        width: 100%;
    }
    .create-your-first-brief-img.white-bg-image img {
        max-width: 30px;
    }
    .support-content {
        padding: 40px 30px;
    }
    
    .btcd-f-wrp>button {
        padding: 8px 23px 8px 20px;
    }
    .ratings-item {
        padding: 16px;
    }
    
    .sort-rating {
        padding: 12px 30px 12px 18px;
    }
    .post-padding {
        padding: 30px;
    }
    
    .post-icon-abst {
        width: 86px;
        height: 87px;
    }
    
    .mw-191 {
        max-width: 100%;
    }
    
    .post-excerpt .lh-197 {
        line-height: 20px;
    }
    
    .post-btn {
        max-width: 130px;
    }
    .invoices-main-container .mw-480 {
        max-width: 35%;
    }
    
    .invoices-main-container .mw-920 {
        max-width: 65%;
    }
    
    .invoice-container {
        padding: 20px;
    }
    
    .invoice-logo img {
        width: 90px;
        height: auto;
    }
    
    .client-info .fa-14 {
        font-size: 13px;
    }
    
    .client-info > .d-flex {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start !important;
        gap: 5px;
    }
    
    .invoice-status p {
        padding: 1px 10px;
        width: unset;
        font-size: 10px;
        line-height: 15px;
    }
    
    .invoice-number.fa-14 {
        font-size: 13px;
    }
    
    .invoice-info .fa-14 {
        font-size: 13px;
    }
    
    .invoice-table table td.description {
        padding: 15px;
    }
    
    .description .fa-16 {
        font-size: 13px;
    }
    
    .description .lh-197 {
        line-height: 1.6;
    }
    
    .amount .fa-40 {
        font-size: 30px;
    }
    
    .invoice-table table td {
        padding: 20px;
    }
    
    .task-project-table-wrapper.invoice-table table th, .task-project-table-wrapper.invoice-table table td {
        min-width: unset;
    }
    
    .btn-reg.invoice-pay-now {
        font-size: 14px;
        min-width: 150px;
        padding: 8px;
    }
    .brief-items-make-a-gig-inner {
        padding: 30px;
    }
    
    .mw-800 {
        max-width: 100%;
    }
    .items-row-brief-form {
        margin-top: 20px;
    }
    .custom-checkbox {
        min-width: 20px;
    }
    .select2singlecustomStyling .select2-container--default .select2-selection--single {
        min-height: 40px;
        padding: 10px;
        font-size: 13px;
    }
    
    .select2singlecustomStyling .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px;
        background-size: 13px;
        background-position: 95%;
    }
    
    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 0px;
    }
    
    .items-row-project-form .form-group-custom.min-height-54 textarea {
        padding: 10px 80px 10px 10px;
        line-height: 17px;
    }
    
    .form-group-custom.min-height-54 textarea {
        max-height: 40px;
        min-height: 40px;
    }
    .calendar-icon svg {
        width: 20px;
    }
    .brief-items-summary {
        padding: 30px;
    }
    .mw-300 {
        max-width: 100%;
    }
    .project-addional-fields .col-lg-6 {
        margin-bottom: 30px;
    }
    .brief-notification-user-container h4 {
        font-size: 20px;
    }
    
    .day-chat h4 {
        font-size: 20px;
    }
    .brief-notification-inner-message-page .mw-330 {
        max-width: 35%;
    }
    
    .brief-notification-inner-message-page .mw-887 {
        max-width: calc(65% - 15px);
    }
    
    .message-filter {
        display: none !important;
    }
    
    .brief-notification-user.brief-notification-user a {
        width: 100%;
    }
    
    .brief-notification-user {
        padding: 10px 8px;
    }
    
    .breif-notification-time {
        font-size: 10px;
        /* bottom: 3px; */
        top: 8px;
    }
    
    .welcome-message {
        padding: 10px 15px;
    }
    
    .welcome-message .lh-197 {
        line-height: 22px;
    }
    .show-all-bid-chat-client .project-search {
        display: none;
    }
    
    .show-all-bid-chat-client .bid-search {
        display: none;
    }
    
    .show-all-bid-chat-client .show-all-bid-messages-main .mw-369 {
        flex: 0 0 250px;
        max-width: 250px;
    }
    
    .show-all-bid-chat-client .mw-662 {
        flex: 0 0 500px;
        max-width: 500px;
    }
    
    .show-all-bid-chat-client .show-all-bid-messages-main {
        overflow: auto;
    }
    .proposal-details-for-all {
        padding: 10px;
        height: 400px;
        overflow-y: auto;
        width: 100%;
    }
    .brief-notification-user-container.show-all-bid-notification-user-container {
        height: 400px;
    }
    .gap-15 {
        gap: 10px;
    }
    
    .rating-item {
        padding: 20px;
        flex-basis: calc(50% - 10px);
    }
    .rating-card-img {
        width: 45px;
        height: 45px;
    }
    .knowledge-archive-section2 {
        padding-bottom: 40px;
    }
    .project-progress-chat .progress-arrow:after {
        width: 90px;
        height: 20px;
        right: -100px;
    }
    
    .gap-115 {
        gap: 110px;
    }
    .pay-new-btn {
        text-align: center;
        padding: 0px 10px;
    }
    .pb-30.progress-text {
        padding-bottom: 0px;
    }
    .user-profile-preview-details .profile-picture .profile-picture-image img {
        width: 100%;
        height: 100%;
    }
    
    .user-profile-preview-details .profile-picture-image {
        width: 100%;
        height: 100%;
    }
    .user-status-active {
        margin-left: 0;
        padding: 25px;
    }
    .home-section3 .mw-604:first-child {
        order: 1;
    }
    
    .home-section3 .mw-604:nth-child(2) {
        order: 2;
    }
    
    .home-section3 .mw-604:nth-child(3) {
        order: 4;
    }
    
    .home-section3 .mw-604:nth-child(4) {
        order: 3;
    }
    
    .top-freelancer-575 p {
        flex: 0 0 100%;
    }
    
    .top-freelancer-575 .mw-262 {
        max-width: 90%;
    }
    .show-all-bid-chat-client .show-all-bid-messages-main .mw-662, .show-all-bid-chat-client .show-all-bid-messages-main .mw-369 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .bid-client-col2, .bid-client-col3 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        background-color: #fff;
        z-index: 10; 
        display: none; 
        transform: translateX(110%);
        transition: .3s ease-in-out;
        opacity: 0;
    }
    
    .bid-client-col2.active, .bid-client-col3.active {
        opacity: 1;
        transform: translateX(0);
        display: block;
        position: relative;
    }
    
    .show-all-bid-chat-client .show-all-bid-messages-main.show-all-bid-messages-main-client {
        overflow: auto;
        flex-wrap: wrap;
    }
    .chat-back-bid-client1, .chat-back-bid-client2 {
        display: block;
        padding: 20px 10px;
    }
    .show-all-bid-messages-main-client .brief-notification-user-name.show-all-bid-notification-user-name {
        width: calc(100% - 50px);
    }
    .show-all-bid-messages-main-freelancer .brief-notification-user.show-all-bid-notification-user {
        padding: 10px;
    }
    .pre-launch-video-desktop{
        display: none;
    }
    .pre-launch-video-mb{
        display: block;
    }
    .prelaunch-bottom {
        margin-bottom: 20px;
    }
    .banner-home-prelaunch .mb-80 {
        margin-bottom: 0px;
    }
    .show-all-bid-chat .show-all-bid-messages-main {
         height: 600px; 
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin; 
        scrollbar-color: #37c047 transparent;
    }
    .video-sec .video-parent video {
        height: auto;
    }
    
    .video-sec .video-parent {
        height: auto;
    }
    .video-overlay {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
    .video-sec .video-overlay {
        top: 45%;
    }
    .home-section6.video-sec .video-parent video {
        height: auto !important;
        object-fit: contain !important;
        width: 100% !important;
    }
    #getStartedGig .modal-dialog.modal-dialog-centered {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .image-men-modal {
        right: 20px;
    }
    .container-1400 .blog-img {
        height: auto;
    }
    .privacy-ul.freelancer-privacy li:before {
        top: 10px;
    }
    
    
    .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;
    }
    
    
    
    input:checked ~ label.text-projectproposal {
        color: #2F2F31;
    }
    
    .col-footer-links .mw-148 {
        max-width: 100%;
    }

    .col-logo-footer {
        display: flex;
        flex: 0 0 60%;
        align-items: center;
        gap: 10px;
    }
    a.dmca-badge img {
        max-width: 200px;
    } 
    .gig-content ul {
        margin-bottom: 25px;
    }
    .fa-400 {
        font-size: 230px;
    }
    #gig_category_tabs li {
        max-width: unset;
        padding: 0px 5px;
    }
    
    .home-cat.mw-148 {
        max-width: unset;
    }
    
    .home-cat-img img {
        margin-left: auto;
        margin-right: auto;
    }
    
    #gig_category_tabs .slick-list {
        padding: 40px 0px;
        margin-left: -5px;
        margin-right: -5px;
    }
    
    #gig_category_tabs {
        max-width: 600px;
        margin: 0 auto;
    }
    
    .home-categories:before {
        width: 100%;
        height: 100%;
        filter: blur(15px);
    }
    
    .home-categories {
        position: relative;
    }
    .explore-gig-arrow .explore-prev {
        left: -5px;
    }
    .explore-gig-arrow .slick-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 42px;
        height: 42px;
    }
    .explore-gig-arrow .explore-next {
        right: -5px;
    }
    #gig_category_content {
        padding-top: 20px;
    }
    .explore-gig-arrow .slick-arrow img{
        width: 19px;
        height: 17px;
    }
    .recent-view-tabs .recent-view-item {
        max-width: calc(33.33% - 12px);
    }
    .recent-view-tabs .recent-view-item-inner{
        height: 100%;
    }
    .recent-user p {
        max-width: 120px;
    }
    .recent-view-tabs .recent-footer {
        flex-wrap: wrap;
    }
    .project-complete-modal-btns .btn-reg.btn-transparent:hover {
        color: #fff;
    }
    .edit-gig-item {
        right: 10px;
    }
    .mw-356 {
        max-width: 35%;
    }
    
    .mw-1015.welcomemsg {
        max-width: calc(65% - 15px);
    }
    .bid-for-client .mw-356 {
        max-width: 100%;
    }
    
    .bids-proposal-tabs {
        margin: 0px;
        padding-top: 10px;
    }
    
    .show-all-bid-notification-user-container-main {
        padding-right: 0px !important;
    }
    
    .bid-for-client .mw-631 {
        max-width: 100%;
    }
    .mw-356.bid-client-col2, .bid-client-col3 {
        border: 0px;
    }
    
    .bid-client-col2 .show-all-bid-notification-left, .bid-client-col3 .bid-info-details{
        border: 1px solid rgba(37, 111, 93, 0.2);
        border-radius: 7px;
    }
    .brief-notification-left-header-client {
        height: 57px;
    }
    .invoice-chat-back-bid{
        display: block;
    }
    .invoice-mb-style .mw-447 {
        max-width: 100%;
    }
    
    .invoice-mb-style .mw-920 {
        max-width: 100%;
    }
    
    .invoice-chat-back-bid {
        padding-bottom: 10px;
    }
    .project-progress-auto > * {
        /* flex: 0 0 160px;
        max-width: 160px; */
        padding: 22px 0px;
    }
    
    .gap-92 {
        gap: 60px;
    }
    
    .progress-arrow.progress-arrow-wallet:after {
        right: -58px;
    }
    #submit-code-btn {
        max-width: 180px;
    }
    .invoice-detail-mb {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        background-color: #fff;
        z-index: 10;
        display: none;
        transform: translateX(110%);
        transition: .3s ease-in-out;
        opacity: 0;
    }
    
    .invoice-detail-mb.active {
        opacity: 1;
        transform: translateX(0);
        display: block;
    }
    /* .project-search.chat-project-search {
        display: none;
    }
    .bids-proposal-tabs.message-tabs-chat {
        display: none;
    } */
    
    .chat-messages-main-inner .bids-proposal-client .brief-notification-left-header {
        padding-top: 0px;
    }
    .chat-back, .chat-back-first {
        display: block;
    }
    
    .chat-messages-main .actual-chat {
        max-width: 100%;
        position: absolute;
        left: 0;
        background-color: #fff;
        width: 100%;
        padding-top: 40px;
        transform: translateX(110%);
        transition: .3s ease-in-out;
        opacity: 0;
        height: 100%;
        z-index: -1;
    }
    
    .chat-messages-main {
        position: relative;
    }
    
    .chat-messages-main .actual-chat.active {
        transform: translateY(0);
        opacity: 1;
        z-index: 3;
    }
    .brief-chat-header-chat-first {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 2;
        border: 0px;
        border-radius: 0px;
        padding: 0px;
        transform: translateX(120%);
        opacity: 0;
        transition: .3s ease-in-out;
        padding-top: 40px;
        overflow: auto;
    }
    .brief-chat-header-chat-first.active {
        opacity: 1;
        transform: none;
    }
    .chat-relative {
        position: relative;
        overflow-x: clip;
    }
    .mb-chat-btn {
        display: flex;
    }
    .brief-chat-mb .border-radius-30 {
        border-radius: 0px;
    }
    
    .brief-chat-mb .brief-notification-left-header {
        background-color: transparent;
    }
    
    .brief-chat-mb .brief-notification-left-header h3 {
        text-align: center;
        width: 100%;
        color: #256F5D;
    }
    
    .brief-chat-mb .bids-proposal-client {
        border: 0px;
    }
    
    .brief-chat-mb .mw-356 {
        border: 0px;
        background: #fff;
    }
    
    #project-filter-btn svg {
        filter: brightness(0) saturate(100%) invert(37%) sepia(7%) saturate(4398%) hue-rotate(114deg) brightness(86%) contrast(76%);
    }
    .project-search.chat-project-search input{
        color:#000;
    }
    .chat-messages-main-inner .brief-notification-left-header-client {
        height: unset;
        gap: 20px;
    }
    .message-tabs-chat {
        margin: 0 auto;
    }
    
    .message-tabs-chat .nav-tabs .nav-item .color-fff {
        color: #000;
        font-size: 24px;
    }
    .project-search.chat-project-search{
        order:2;
    }
    .brief-chat-mb .brief-notification-left-header h3 {
        font-size: 34px;
    }
    .message-tabs-chat .nav-tabs .nav-item .nav-link.active {
        border-bottom: 3px solid #256f5d;
    }
    .message-tabs-chat .nav-tabs .nav-item .nav-link.active {
        border-bottom: 3px solid #256f5d;
    }
    
    #chat-project-search-input {
        font-size: 16px;
        padding: 10px 30px 10px 10px;
    }
    .emojionearea .emojionearea-editor, .emojionearea.focused .emojionearea-editor {
        min-height: 50px;
        max-height: 50px;
        height: 100%;
        padding: 15px 78px 15px 35px;
    }
    .brief-chat-mb .mw-937 {
        max-width: 100%;
    }
    .bids-proposal-tabs.message-tabs-chat {
        padding: 0px;
    }
    .messages-right-col .chat-back{
        display: none;
    }
    .mw-207.mb-207-position {
        max-width: 100%;
        padding: 0px 10px;
    }
    
    .project-progress-chat-mb.project-progress-auto > * {
        flex: 0 0 100px;
        max-width: 100px;
        flex-direction: column;
        align-items: flex-start !important;
        padding: 15px 10px 15px 0px;
    }
    
    .project-progress-chat-mb.flex-column {
        flex-direction: row !important;
        height: unset;
        padding-bottom: 10px;
    }
    
    .project-progress-chat-mb .progress-arrow .progress-status-chat:after {
        bottom: unset;
        left: unset;
        transform: translateY(-50%);
        top: 50%;
        right: -70px;
        width: 80px;
        height: 4px;
    }
    
    .project-progress-chat-mb.project-progress-chat .progress-status {
        height: 31px;
        width: 31px;
    }
    
    .project-progress-chat-mb .progress-arrow.justify-content-center {
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
    .attach-team-mb {
        flex-direction: column-reverse;
        gap: 10px;
    }

    .attach-team-mb > * {
        width: 100%;
    }
    .attach-team-mb {flex-direction: column-reverse;}

    .attach-team-mb > * {
        width: 100%;
    }

    .mb-chat-btn {
        width: 100%;
    }

    .mb-sreen-header-main .btn-reg.btn-done {
        border-radius: 3px;
    }
    .start-end-date {
        justify-content: space-between;
        width: 100%;
    }
    
    .start-end-date >* {
        width: 100%;
        justify-content: space-between;
    }
    .uploaded-files a {
        max-width: 220px;
    }
    .mw-120 {
        max-width: 80px;
    }
    .mb-207-position {
        display: none;
    }
    .brief-chat-header-chat-first.active .mb-207-position {
        display: block;
    }
    .btcd-f-input {
        width: 100%;
    }
    .btcd-files>div{
        width: 100%;
    }
    .mw-1015.no-chat-available-mb {
        display: none;
    }
    .project-progress-auto.project-progress-auto-wallet {
        overflow: auto;
        padding-bottom: 10px;
    }
    #signupModalClient .modal-dialog {
        max-width: 90%;
        margin: 0 auto;
    }
    
    #signupModalClient .col-md-6 {
        flex: 0 0 100%;
        width: 100%;
        text-align: center;
    }
    
    .client-signup-right {
        padding: 0px 40px 80px;
    }
    
    .client-signup-right p.pt-100 {
        padding-top: 20px;
    }
    .col-md-6.looking-for-bg {
        display: none;
    }
    .modal-dialog.contract-dialog {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
        .contract-content {
        padding: 30px;
    }
        .dashboard__promo__row {
        gap: 15px;
    }
        .dashboard__promo__row h4 {
        font-size: 20px;
    }
    .mw-1211 {
        max-width: 100%;
    }
    .contract-detail-form .mw-557 {
        max-width: calc(50% - 10px);
    }
    .mw-110 {
        max-width: 60px;
    }
    .contract-detail-form .input-fields select, .contract-detail-form .input-fields textarea, .contract-detail-form .input-fields input {
        padding: 10px 12px;
        font-size: 14px;
    }
    a.create-contract {
        font-size: 14px;
        padding: 7px;
        gap: 4px;
    }
    
}
@media(max-width:767px){

    .mw-670 {
        max-width: 100%;
    }
    
    .mw-595 {
        max-width: 100%;
    }
    
    .fa-60 {
        font-size: 40px;
    }
    
    .lh-72 {
        line-height: 52px;
    }
    
    .fa-30 {
        font-size: 20px;
    }
    
    .lh-57 {
        line-height: 45px;
    }
    
    .mb-30 {
        margin-bottom: 20px;
    }
    
    .fa-16 {
        font-size: 14px;
    }
    
    .suggest-item {
        padding: 6px 20px;
    }
    
    .banner-home .mw-454 {
        max-width: 400px;
    }
    
    .main-web-search-bar.main-web-search-bar-banner input {
        font-size: 15px;
        height: 45px;
    }
    
    .mb-50 {
        margin-bottom: 30px;
    }
    
    .btn-reg {
        font-size: 12px;
    }
    
    .banner-btn.btn-reg {
        padding: 10px;
    }
    
    .gap-16 {
        gap: 12px;
    }
    
    .btn-icon-one svg {
        width: 20px;
        height: auto;
    }
    
    .btn-icon-two img {
        width: 21px;
        height: 21px;
    }
    .banner-slide {
        height: 400px;
    }
    
    .connecting {
        width: 480px;
    }
    
    .verified {
        width: 380px;
    }
    
    .hire-project-team-img {
        width: 420px;
    }
    
    .instant-message {
        width: 420px;
        left: 54%;
    }
    
    .secure-payment {
        width: 420px;
    }
    
    .project-management {
        width: 370px;
    }
    
    .banner-slider .slick-dots li {
        width: 12px;
        height: 12px;
        margin-right: 5px;
    }
    
    .banner-slider .slick-dots li.slick-active {
        width: 60px;
    }
    
    .banner-slider .slick-dots {
        bottom: -30px;
    }
    
    .pt-80 {
        padding-top: 60px;
    }
    
    .mw-148 {
        max-width: calc(25% - 5px);
    }
    
    .gap-64 {
        gap: 5px;
    }
    
    .video img {
        height: 60px;
    }
    
    .mb-20 {
        margin-bottom: 10px;
    }
    
    .home-categories {
        padding: 20px 5px;
    }
    
    /* .programming img {
        height: 60px;
    }
    
    .digital-m img {
        height: 58px;
    }
    
    .graphics img {
        height: 60px;
    } */
    
    .home-categories .fa-16 {
        font-size: 12px;
    }
    
    /* .writing img {
        height: 55px;
    }
    
    .music img {
        height: 60px;
    }
    
    .consulting img {
        height: 60px;
    }
    
    .data img {
        height: 55px;
    } */
    
    .home-categories:before {
        width: 80px;
        height: 132px;
    }
    
    .pt-90 {
        padding-top: 60px;
    }
    
    .why.pt-64.pb-85 {
        border-width: 5px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 20px;
    }
    
    .pt-64 {
        padding-top: 40px;
    }
    
    .pb-85 {
        padding-bottom: 40px;
    }
    
    .lh-80 {
        line-height: 55px;
    }
    
    .fa-18 {
        font-size: 16px;
    }
    
    .lh-31 {
        line-height: 27px;
    }
    .hire-card {
        padding: 34px 0px 26px 23px;
    }
    
    .fa-56 {
        font-size: 30px;
    }
    
    .globe-img {
        width: 150px;
        height: 150px;
    }
    
    .globe {
        width: 150px;
        height: 150px;
    }
    
    .hire-card-image {
        right: 10px;
    }
    
    .freelancer-value {
        width: 110px;
        height: 20px;
        line-height: 20px;
    }
    
    .fa-9 {
        font-size: 8px;
    }
    
    .mb-35 {
        margin-bottom: 25px;
    }
    
    .lh-66 {
        line-height: 40px;
    }
    
    .mw-1228 {
        max-width: 100%;
    }
    
    .w-h-67 {
        width: 45px;
        height: 45px;
    }
    
    .mw-212 {
        max-width: 185px;
    }
    
    .fa-21 {
        font-size: 18px;
    }
    
    .lh-25 {
        line-height: 20px;
    }
    
    .hire-card {
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .largest-img {
        width: 254px;
        height: 174px;
    }
    
    .fa-84 {
        font-size: 40px;
    }
    
    .hire-card sup {
        font-size: 25px;
    }
    
    .lh-78 {
        line-height: 40px;
    }
    
    .fa-26 {
        font-size: 22px;
    }
    
    .hire-card.largest {
        padding: 34px 0px 26px 23px;
    }
    
    .hire-card-image.largest {
        right: -10px;
    }
    
    .revenue-img {
        width: 202px;
        height: 150px;
    }
    
    .hire-card.services {
        padding: 34px 23px 26px 23px;
    }
    
    .hire-card.services .flex-column {
        flex-direction: row !important;
        gap: 10px;
        align-items: center;
        margin-bottom: 20px;
    }
    
    .hire-card.services .mw-160 {
        max-width: 100%;
    }
    .pt-158 {
        padding-top: 60px;
    }
    
    .lh-62 {
        line-height: 42px;
    }
    
    .mb-40 {
        margin-bottom: 20px;
    }
    
    .btn-reg.btn-read-more {
        font-size: 14px;
        padding: 8px 40px;
        line-height: 22px;
    }
    
    .pt-180 {
        padding-top: 60px;
    }
    
    .gap-140 {
        gap: 50px;
    }
    .gap-30 {
        gap: 15px;
    }
    
    .slick-arrow {
        width: 35px;
        height: 35px;
    }
    
    .slick-arrow img {
        width: 15px;
        height: 12px;
    }
    
    .popular-services-item-inner {
        padding: 20px 10px 0px 10px;
    }
    
    .fa-22 {
        font-size: 17px;
    }
    
    .lh-36 {
        line-height: 32px;
    }
    
    .popular-services-item-inner {
        height: auto;
        border-radius: 8px;
        min-height: 370px;
    }
    
    .fa-14 {
        font-size: 13px;
    }
    
    .blog-btn svg, .service-explore svg {
        width: 14px;
        height: 12px;
    }
    
    .gap-10 {
        gap: 8px;
    }
    .app-development {
        width: 90%;
    }
    .creative-writing {
        width: 90%;
    }
    .data-entry {
        width: 90%;
    }
    .popular-services-item {
        padding: 0px 5px;
    }
    .why .mw-604:first-child  .hire-card {
        height: 200px;
    }
    .mw-300 {
        max-width: 100%;
    }
    
    .mw-262 {
        max-width: 90%;
    }
    
    .pt-160 {
        padding-top: 60px;
    }
    
    .fa-54 {
        font-size: 34px;
    }
    
    .lh-56 {
        line-height: 46px;
    }
    
    .video-parent {
        height: 400px;
    }
    
    .video-overlay {
        left: 30px;
        top: 40%;
    }
    
    .video-text {
        gap: 5px;
    }
    
    .pt-145 {
        padding-top: 60px;
    }
    
    .recent-view-item {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .home-section7 h3 {
        max-width: 400px;
    }
    
    .fa-50 {
        font-size: 30px;
    }
    
    .lh-58 {
        line-height: 38px;
    }
    
    .journey-img img {
        width: 406px;
        height: 295px;
    }
    
    .journey {
        padding: 25px;
    }
    
    .why {
        border-width: 5px;
        border-radius: 20px;
    }
    
    .lh-67 {
        line-height: 47px;
    }
    
    .affiliation {
        padding: 25px;
    }
    
    .affiliation-image {
        width: 140px;
        height: 140px;
    }
    
    .kcci {
        width: 100px;
    }
    
    .pseb {
        width: 100px;
    }
    
    .pasha {
        width: 100px;
    }
    
    .home-section12 h3 {
        max-width: 360px;
    }
    
    .blog-img {
        min-height: unset;
    }
    
    .blog-date {
        font-size: 10px;
        padding: 2px 10px;
        line-height: 1.2;
        bottom: 5px;
        left: 5px;
    }
    
    .blog-content-container {
        padding: 10px 0px 0px;
    }
    
    .fa-22 {
        font-size: 15px;
    }
    
    .lh-31 {
        line-height: 24px;
    }
    
    .mb-15 {
        margin-bottom: 6px;
    }
    
    .gap-17 {
        gap: 12px;
    }
    
    .blog-item {
        max-width: calc(50% - 6px);
    }
    
    .pb-150 {
        padding-bottom: 60px;
    }
    .journey-img.pakistani-freelancer img {
        width: 340px;
        height: 300px;
    }
    .row-footer .col-footer-links {
        flex: 0 0 50%;
    }
    
    .row-footer .col-footer-links.col-footer-larger {
        flex: 0 0 100%;
    }
    .fa-70 {
        font-size: 50px;
    }
    
    .fa-24 {
        font-size: 20px;
    }
    
    .lh-42 {
        line-height: 32px;
    }
    
    .pre-launch-video.video-parent {
        height: 400px;
    }
    
    .pt-120 {
        padding-top: 60px;
    }
    
    .pt-150.features-spacing {
        padding-top: 50px;
    }
    
    .fa-45 {
        font-size: 30px;
    }
    
    .mb-25 {
        margin-bottom: 15px;
    }
    
    .landing-featured-steps {
        height: 390px;
    }
    
    .landing-profile-image {
        width: 213px;
    }
    
    .circle-FFC531:before {
        width: 289px;
        height: 289px;
    }
    
    .circle-37C047:before {
        width: 289px;
        height: 289px;
    }
    
    .lh-51 {
        line-height: 40px;
    }
    
    .circle-2A7D69:before {
        width: 289px;
        height: 289px;
    }
    
    .landing-create-gig-image {
        width: 490px;
    }
    
    .landing-unlimited-image {
        width: 465px;
    }
    
    .landing-join-project-image {
        width: 410px;
    }
    
    .landing-support-image {
        width: 505px;
    }
    
    .fa-58 {
        font-size: 38px;
    }
    
    .lh-68 {
        line-height: 48px;
    }
    
    .landing-share {
        padding: 30px;
        border-radius: 20px;
    }
    
    .landing-share-img img {
        width: 270px;
    }
    
    .faq-item.active {
        padding-bottom: 25px;
    }
    
    .faq-item {
        padding-top: 25px;
    }
    
    .faq-question {
        margin-bottom: 25px;
    }
    
    .faq-arrow svg {
        width: 14px;
        height: 14px;
    }
    
    .fa-15 {
        font-size: 14px;
    }
    
    .lh-28 {
        line-height: 24px;
    }
    .banner-home-prelaunch .btn-video {
        font-size: 25px;
        padding: 25px 27px 26px 30px;
    }
    .mb-80 {
        margin-bottom: 40px;
    }
    .fa-34 {
        font-size: 24px;
    }
    
    .lh-38 {
        line-height: 33px;
    }
    .pt-170 {
        padding-top: 60px;
    }
    
    .about-section1 {
        padding: 60px 0px;
    }
    
    .relaible {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .pt-140 {
        padding-top: 60px;
    }
    
    .pb-160 {
        padding-bottom: 45px;
    }
    
    .h-441 {
        height: 350px;
    }
    
    .building-abt img {
        height: 250px;
    }
    
    .gap-40 {
        gap: 30px;
    }
    
    .pb-140 {
        padding-bottom: 40px;
    }
    
    .fa-40 {
        font-size: 30px;
    }
    
    .promoting-growth img {
        height: 100%;
    }
    
    .redefining img {
        height: 90%;
    }
    
    .pb-214 {
        padding-bottom: 60px;
    }
    
    .our-goal-abt img {
        height: 100%;
    }
    
    .pb-110 {
        padding-bottom: 40px;
    }
    
    .our-mision-abt img {
        height: 100%;
    }
    
    .our-mision-abt {
        height: 350px;
    }
    
    .our-goal-abt {
        height: 350px;
    }
    
    .pt-265 {
        padding-top: 60px;
    }
    
    .pb-180 {
        padding-bottom: 40px;
    }
    
    .mb-28 {
        margin-bottom: 15px;
    }
    .lh-44 {
        line-height: 35px;
    }
    .iso-certificate {
        width: 100px;
        height: auto;
    }
    .pt-88 {
        padding-top: 60px;
    }
    .pt-100 {
        padding-top: 60px;
    }
    
    .pb-111 {
        padding-bottom: 35px;
    }
    
    .works-img {
        height: 200px;
    }
    
    .works-img img {
        width: 90%;
    }
    
    .works-content {
        padding: 10px;
    }
    
    .works-content .lh-62 {
        line-height: 30px;
    }
    
    .mw-529 {
        max-width: calc(50% - 10px);
    }
    
    .mb-70 {
        margin-bottom: 30px;
    }
    
    .team-services-img {
        height: 300px;
    }
    
    .pt-264 {
        padding-top: 60px;
    }
    
    .journey.join-hire-page {
        padding: 40px 30px;
    }
    
    .mb-60 {
        margin-bottom: 30px;
    }
    
    .benefit-content {
        padding-top: 10px;
    }
    .hire-team-section2 .mw-529:nth-last-child(2n+3){
        margin-bottom: 30px;
    }
    .pt-150 {
        padding-top: 60px;
    }
    .pt-130{
        padding-top: 60px;
    }
    .pt-250 {
        padding-top: 60px;
    }
    .partner-banner-row {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .mw-395 {
        max-width: 100%;
    }
    
    .pt-200 {
        padding-top: 60px;
    }
    .lh-75 {
        line-height: 50px;
    }
    .mw-572 {
        max-width: 100%;
    }
    
    .user-type .d-flex {
        justify-content: center;
    }
    
    .article-item {
        padding: 20px 10px;
    }
    
    .article-item-img {
        width: 70px;
        height: 70px;
    }
    
    .article-item-img img {
        width: 34px;
        height: 34px;
    }
    .row-gap-90 {
        row-gap: 40px;
    }
    
    .map-location {
        height: 250px;
    }
    
    .fa-28 {
        font-size: 22px;
    }
    
    
    .social-media-contact {
        width: 45px;
        height: 45px;
    }
    
    .linkedin-icon, .facebook-icon, .twitter-icon, .insta-icon {
        width: 20px;
    }
    
    #contact-form .lh-62 {
        line-height: 35px;
    }
    
    .contact-subject {
        height: 57px;
    }
    
    .gap-20 {
        gap: 15px;
    }
    
    .contact-field {
        padding: 10px 20px;
    }
    
    .fa-72 {
        font-size: 52px;
    }
    .blog-project-card .mb-50 {
        margin-bottom: 20px;
    }
    
    .blog-project-card {
        padding: 30px;
    }
    .b-detail-img {
        width: auto;
        height: auto;
    }
    
    .b-detail-img img {
        height: auto;
    }
    
    .pb-40 {
        padding-bottom: 20px;
    }
    
    .blog-detail-short-desc p, .blog-detail-long-desc p {
        padding-bottom: 40px;
        font-size: 16px;
        line-height: 30px;
    }
    
    .mb-110 {
        margin-bottom: 50px;
    }
    
    .blog-detail-long-desc h6 {
        font-size: 16px;
        line-height: 30px;
    }
    
    .pt-200 {
        padding-top: 90px;
    }
    
    .lh-51 {
        line-height: 40px;
    }
    
    .pb-160 {
        padding-bottom: 90px;
    }
    
    .pt-130 {
        padding-top: 90px;
    }
    
    .fa-46 {
        font-size: 32px;
    }
    .pt-130 {
        padding-top: 60px;
    }
    
    .pb-160 {
        padding-bottom: 60px;
    }
    .filter-price {
        right: 0;
    }
    .filter-item-inner-heading {
        padding: 12px 12px;
    }
    
    .filter-item-inner-heading.minus:after, .filter-item-inner-heading.plus:after {
        right: 10px;
    }
    
    .filter-item {
        border-radius: 5px;
    }
    
    .filter-category-list, .filter-price {
        top: 44px;
        border-radius: 5px;
    }
    
    .freelancer-gig-img {
        width: 100%;
        height: 150px;
    }
    
    .freelancer-gig-item .fa-16 {
        font-size: 13px;
    }
    
    .freelancer-gig-item .fa-21 {
        font-size: 16px;
    }
    
    .freelancer-gig-user-img {
        width: 36px;
        height: 36px;
    }
    
    .freelancer-gig-item .fa-24 {
        font-size: 18px;
    }
    .mt-90 {
        margin-top: 50px;
    }
    .freelancer-card-item {
        max-width: calc(50% -  5px);
        padding: 11px 11px 17px;
    }
    
    .freelancer-card.gap-24 {
        gap: 10px;
    }
    
    .gap-15 {
        gap: 10px;
    }
    
    .freelancer-card-img {
        width: 50px;
        height: 50px;
    }
    
    .lh-20 {
        line-height: 17px;
    }
    
    .freelancer-card-item .fa-15 {
        font-size: 10px;
    }
    
    .freelancer-rating .star-rating .fa-star:before {
        font-size: 8px;
    }
    
    .brief-cat-item {
        padding: 1px 5px;
        border-radius: 4px;
        font-size: 10px;
        line-height: 20px;
    }
    
    .brief-cat {
        flex-wrap: wrap;
    }
    
    .freelancer-card-item > .d-flex {
        flex-wrap: wrap;
    }
    .lh-30 {
        line-height: 25px;
    }
    
    .breirf-item .fa-21 {
        font-size: 16px;
    }
    .gig-brief-section2 .breirf-item {
        max-width: calc(50% - 5px);
        padding: 10px;
    }
    
    .freelancer-brief-inner.gap-22 {
        gap: 10px;
    }

    .package-list-preview li {
        display: block;
    }
    
    .compare-package-list li {
        display: block;
    }
    
    .fa-25 {
        font-size: 20px;
    }
    
    .mw-634 {
        max-width: 100%;
    }
    
    .pb-45 {
        padding-bottom: 25px;
    }
    
    .gap-20 {
        gap: 13px;
    }
    
    .preview-gig-profile-picture img {
        width: 65px;
        height: 65px;
    }
    .mw-89 {
        max-width: 65px;
    }
    
    .gig-content p, .package-list-preview p {
        font-size: 14px;
    }
    
    .package-gig-title h3 {
        font-size: 16px;
    }
    
    .btn-reg.btn-black {
        font-size: 14px;
        max-width: 130px;
        padding: 8px;
    }
    
    .gig-detail-left {
        padding-bottom: 60px;
    }
    
    .mb-100 {
        margin-bottom: 50px;
    }

    .gig-gallery-item img {
        max-height: unset;
        height: 130px;
    }

    .gig-image-item {
        max-height: unset;
        height: 350px;
    }

    .gig-image-item img {
        height: 100%;
    }
    .pb-120 {
        padding-bottom: 60px;
    }
    .fa-36 {
        font-size: 27px;
    }
    .lh-54 {
        line-height: 40px;
    }
    .item-info-personal h3 {
        font-size: 15px;
    }
    
    .item-info-personal p {
        font-size: 13px;
    }
    
    .profile-picture img {
        width: 130px;
        height: 130px;
    }
    
    .mw-153 {
        max-width: 130px;
    }
    
    .tag-new {
        font-size: 14px;
        padding: 3px 15px;
    }
    
    .btn-reg {
        padding: 9px 29px;
        bottom: -22px;
    }
    
    .box-design {
        margin-bottom: 60px;
    }
    
    .explore-hip-portion {
        display: none;
    }
    
    .mw-590 {
        max-width: 100%;
    }
    
    .create-your-first-gig {
        padding: 42px 60px 59px;
    }
    .sort-rating {
        padding: 10px 30px 10px 10px;
    }
    .forms-gig-title ul li a {
        font-size: 16px;
    }
    
    .form-group-custom textarea {
        min-height: 60px;
        font-size: 15px;
        padding: 12px;
    }
    
    .form-group-custom textarea, .form-group-custom input, .form-group-custom select {
        min-height: 45px;
        font-size: 15px;
        padding: 12px;
    }
    
    .form-group-custom select {
        background-size: 12px;
        padding-right: 30px;
    }
    .mt-70 {
        margin-top: 50px;
    }
    .col-first-description {
        max-width: 100%;
    }
    
    .price-title-package {
       display:none;
    }
    
    .columns-3-description {
        max-width: 100%;
    }
    
    .mw-194 {
        max-width: 100%;
    }
    
    .direction-column-settings, .price-column-bottom > h3 {
        padding: 15px;
    }
    
    .name-your-package input {
        padding: 15px 10px;
        font-size: 13px;
    }
    
    .form-group-custom select {
        padding-right: 20px;
    }
    
    .form-group-custom textarea, .form-group-custom input, .form-group-custom select {
        padding: 10px;
        min-height: 40px;
        font-size: 13px;
    }
    body {
        font-size: 13px;
    }
    .mt-60 {
        margin-top: 40px;
    }
    .questions-items, .question-added-by-freelancer {
        padding: 15px;
    }
    
    .question-adding-tab {
        padding: 20px;
    }
    
    .btn-questions {
        font-size: 14px;
    }

    .custom-image-video-selector {
        height: 120px;
    }
    .switch input:checked ~ label::after {
        translate: 25px 0;
    }
    .gap-32 {
        gap: 16px;
    }
    
    .active-gig-item {
        max-width: calc(50% - 8px);
        flex: 0 0 50%;
    }
    #freelancer-wallet-tabs {
        gap: 60px;
        max-width: 360px;
    }
    
    #task-project-tabs .nav-tabs .nav-link {
        padding: 17px 18px;
    }
    
    .gap-170 {
        gap: 80px;
    }
    
    .task-project-table-wrapper thead th {
        font-size: 14px;
    }
    
    .task-project-table-wrapper.wallet-table table th, .task-project-table-wrapper.wallet-table table td {
        padding: 14px 18px;
        min-width: 170px;
    }
    
    .bank-detail-form .label-parent {
        max-width: 200px;
    }
    
    .bank-detail-form .label-parent label {
        font-size: 18px;
        line-height: 35px;
    }
    
    .bank-detail-form .input-fields select, .bank-detail-form .input-fields textarea, .bank-detail-form .input-fields input {
        min-height: 35px;
        padding: 10px;
    }
    
    .bank-detail-form .input-fields select {
        background-size: 13px;
        background-position: 95%;
    }
    
    .freelancer-bank-details .form__radio-label-text {
        font-size: 18px;
    }
    
    .btn-reg.bank-submit {
        font-size: 16px;
        padding: 7px 30px;
    }
    .recent-footer.d-flex{
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
        gap: 10px;
    }
    
    .recent-user {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    
    .recent-price {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .home-section9 .mw-664 {
        max-width: 420px;
    }
    .client-card-items > .d-flex {
        gap: 15px;
    }
    
    .fa-38 {
        font-size: 25px;
    }
    
    .mw-265 {
        max-width: calc(50% - 10px);
    }
    .mw-745 {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .modal-content .btn-reg {
        font-size: 16px;
    }
    
    .mh-77 {
        min-height: 50px;
    }
    
    .mw-280 {
        max-width: 120px;
    }
    
    .icon-success span {
        width: 75px;
        height: 75px;
    }
    
    .icon-success span img {
        max-width: 35px;
    }
    .mw-266 {
        max-width: calc(50% - 5px);
    }
    
    .modal-dialog.partnership-dialog {
        max-width: 90%;
    }
    
    .partnership-content {
        padding: 25px;
    }
    
    .lh-63 {
        line-height: 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: 170px;
    }
    .fa-43 {
        font-size: 30px;
    }
    
    .result-icon svg {
        width: 36px;
        height: 36px;
        padding: 8px;
    }
    /* .show-all-bid-messages-main {
        display: flex;
        flex-wrap: nowrap !important;
        overflow-x: scroll; 
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin; 
        scrollbar-color: #37c047 transparent;
    } */
    
    .show-all-bid-messages-main .mw-369 {
        flex: 0 0 249px;
        min-width: 249px;
    }
    
    .show-all-bid-messages-main .mw-1031 {
        flex: 0 0 auto;
        min-width: 100%;
    }
    
    .brief-notification-user-name.fa-14 {
        font-size: 12px;
    }
    .brief-chat-header-inner {
        gap: 10px;
    }
    
    .brief-chat-header-inner .mw-937 {
        max-width: 100%;
    }
    
    /* .brief-chat-header-inner .btn-reg.btn-done {
        padding: 5px 10px;
        font-size: 13px;
    } */
    
    .pb-37 {
        padding-bottom: 15px;
    }
    
    .gap-112 {
        gap: 20px;
    }
    
    .brief-chat-header .mw-634 {
        max-width: 100%;
    }
    
    .priority-status {
        padding: 5px 10px;
    }
    
    .priority-status.fa-16 {
        font-size: 13px;
    }
    .chat-back, .chat-back-first {
        display: block;
    }
    .chat-messages-main .mw-436 {
        max-width: 100%;
    }
    
    .chat-messages-main .actual-chat {
        max-width: 100%;
        position: absolute;
        left: 0;
        background-color: #fff;
        width: 100%;
        padding-top: 40px;
        transform: translateX(110%);
        transition: .3s ease-in-out;
        opacity: 0;
        height: 100%;
        z-index: -1;
    }
    
    .chat-messages-main {
        position: relative;
    }
    
    .chat-messages-main .actual-chat.active {
        transform: translateY(0);
        opacity: 1;
        z-index: 3;
    }
    .brief-chat-header-inner .btn-reg.btn-done {
        font-size: 12px;
    }
    
    .gap-14 {
        gap: 8px;
    }
    
    .done-icon, .report-icon, .reject-icon {
        width: 13px;
    }
    
    .gap-26 {
        gap: 8px;
    }
    
    .priority-status {
        padding: 3px 8px;
    }
    
    .pb-37 {
        padding-bottom: 10px;
    }
    
    .gap-112 {
        gap: 10px;
    }
    
    .brief-attach-repeat {
        padding: 4px 8px;
    }
    
    .brief-attachment {
        gap: 10px;
    }
    
    .attached-file {
        gap: 8px;
        font-size: 12px;
    }
    .brief-chat-header-inner .fa-30 {
        font-size: 15px;
    }
    .message-tabs-chat {
        display: none;
    }
    .message-tabs-chat {
        display: none;
    }
    
    .project-search.chat-project-search {
        margin-bottom: 0px;
    }
    
    .brief-notification-user-icon {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }
    .brief-notification-left-header {
        padding: 0px;
    }
    
    .breif-notification-time.fa-12 {
        font-size: 10px;
    }
    
    .brief-notification-user.active {
        background-color: #fff;
    }
    .chat-messages-date-date .fa-12 {
        font-size: 10px;
    }
    .chat-messages-date-date .fa-12 {
        font-size: 10px;
    }
    
    .chat-user-chat .fa-15 {
        font-size: 12px;
    }
    .mw-330 {
        max-width: 100%;
    }
    
    .brief-notification-left-header {
        padding-right: 10px;
    }
    .chat-text-area {
        padding: 10px;
    }
    
    /* .emojionearea .emojionearea-editor, .emojionearea.focused .emojionearea-editor {
        min-height: 50px;
        max-height: 50px;
        padding: 8px 25px 8px 8px;
        margin-bottom: 25px;
    }
    
    .emojionearea .emojionearea-button {
        right: 0px;
        top: 0px;
    } */
    
    .emojionearea, .emojionearea.form-control {
        border-radius: 6px;
    }
    
    /* .chat-upload {
        bottom: 4px;
        left: 4px;
    } */
    
    /* #chat-text-area-submit {
        bottom: 3px;
        right: 3px;
    }
    
    #chat-text-area-submit svg {
        width: 18px;
        height: 18px;
    } */
    .show-all-bid-messages-main .brief-notification-left-header {
        padding: 10px;
    }
    .gig-detail-left .profile-picture img{
        width: 50px;
        height: 50px;
    }
    .header-info {
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .edit-gig-main {
        padding: 4px;
    }
    .user-info-inner-left .profile-picture img {
        width: 50px; 
        height: 50px; 
   }
   .support-content {
        padding: 30px 25px;
    }

    .input-fields select, .input-fields textarea, .input-fields input {
        min-height: 48px;
        padding: 10px;
        font-size: 15px;
    }

    .lh-40 {
        line-height: 30px;
    }
    .modal-dialog.mw-557 {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .ratings-item {
        padding: 14px;
    }
    
    .sort-rating {
        padding: 10px 28px 10px 12px;
        background-position: 93%;
    }
    .gap-35 {
        gap: 15px;
    }
    
    .post-icon-abst {
        width: 60px;
        height: 60px;
        top: 30px;
        right: 20px;
    }
    .post-padding {
        padding: 20px;
    }
    .invoices-main-container .mw-480 {
        flex: 0 0 240px;
        min-width: 240px;
    }
    
    .invoices-main-container .mw-920 {
        flex: 0 0 420px;
        min-width: 420px;
    }
    
    .gap-70 {
        gap: 30px;
    }
    
    .invoice-logo img {
        width: 70px;
    }
    
    .amount .fa-40 {
        font-size: 22px;
    }
    
    .btn-reg.invoice-pay-now {
        font-size: 13px;
        min-width: 130px;
        padding: 6px;
    }
    .invoice-table.mb-60 {
        margin-bottom: 20px;
    }
    
    .invoice-table table {
        margin: 0px;
    }
    .brief-items-summary {
        padding: 20px;
    }
    
    .edit-icon {
        width: 18px;
        height: 18px;
    }
    
    .mw-417 {
        max-width: 85%;
    }
    .brief-items-make-a-gig-inner {
        padding: 20px;
    }
    .project-addional-fields .col-lg-6 {
        margin-bottom: 20px;
    }
    .editable-text {
        font-size: 14px;
    }
    .brief-notification-user-container h4 {
        font-size: 20px;
    }
    
    .day-chat h4 {
        font-size: 20px;
    }
    
    button.message-filter {
        font-size: 14px;
        padding: 10px 15px;
    }
    
    .chat-messages-main .mw-330 {
        padding: 20px;
    }
    
    .chat-messages-main .mw-983 {
        display: none;
    }
    .brief-notification-inner-message-page .mw-330 {
        max-width: 100%;
    }
    
    .brief-notification-inner-message-page .mw-887 {
        max-width: 100%;
    }
    
    .brief-notification-inner.brief-notification-inner-message-page {
        position: relative;
    }
    
    .mw-887.welcomemsg, .mw-1015.welcomemsg {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff;
        opacity: 0;
        transition: .3sease-in out;
        transform: translateY(100%);
        padding: 20px;
        padding-top: 60px;
        height: 702px;
        overflow: scroll;
    }
    .brief-notification-left {
        height: 700px;
    }
    
    .chat-back, .chat-back-first {
        z-index: 999;
    }
    .brief-chat-header-chat-first .mw-1247 {
        position: relative;
    }
    
    .brief-notification-left-header {
        position: relative;
    }
    
    .mw-887.welcomemsg.active, .mw-1015.welcomemsg.active {
        opacity: 1;
        transform: translateY(0);
        top: 0;
    }
    .input-fixed-placeholder {
        top: calc(50% - 4px);
    }
    .modal-content .btn-reg {
        padding: 6px 10px;
        min-height: unset;
    }
    
    .copy-text-input input[type="text"], .copy-text-input1 input[type="text"] {
        padding: 6px 20px 6px 30px;
        min-height: 45px;
    }
    
    .giglinkshare {
        left: 7px;
    }
    .bids-proposal-tabs {
        display: none;
    }
    .star-rating .fa-star:before {
        font-size: 16px;
    }
    
    .project-complete-modal-btns .mw-280 {
        max-width: calc(50% - 10px);
    }
    
    .form-group-custom.min-height-150.rating textarea {
        padding: 10px 10px;
    }
    
    
    .proposal-pricing-table-wrapper thead th, .proposal-pricing-table-wrapper tbody td {
        font-size: 12px;
    }
    
    .proposal-pricing-table-wrapper.payment-schedule-table-wrapper thead th, .proposal-pricing-table-wrapper.payment-schedule-table-wrapper tbody td {
        padding: 5px;
        height: 40px;
    }
    
    .proposal-pricing-table-wrapper thead th, .proposal-pricing-table-wrapper tbody td {
        padding: 5px 5px;
    }
    .rating-item {
        flex-basis: 100%;
        padding: 15px;
    }
    .height-96 {
        height: 90px;
    }
    
    .mw-96 {
        max-width: 90px;
    }
    
    .project-progress-chat .progress-arrow:after {
        width: 70px;
        height: 14px;
        right: -80px;
    }
    
    .gap-115 {
        gap: 90px;
    }
    .contract-signature-content {
        padding: 40px;
    }
    .signature-upload-field {
        width: 100%;
    }
    .user-status-active {
        padding: 20px;
    }
    
    .profile-picture .profile-picture-image-user-details img {
        width: 100%;
        height: 100%;
    }
    .show-all-bid-messages-main.show-all-bid-messages-main-freelancer .mw-369, .show-all-bid-messages-main.show-all-bid-messages-main-freelancer .mw-1031{
        flex: 0 0 100%;
        min-width: unset;
        max-width: 100%;
    }
    
    .bid-detail-mb {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        background-color: #fff;
        z-index: 10; /* Ensure it appears above other elements */
        display: none; /* Initially hidden */
        transform: translateX(110%);
        /* transition: .3s ease-in-out; */
        opacity: 0;
    }
    .bid-detail-mb.active {
        opacity: 1;
        transform: translateX(0);
        display: block;
        /* position: relative; */
        height: 100%;
    }
    
    .show-all-bid-messages-main-freelancer {
        position: relative;
    }
    .chat-back-bid {
        padding: 20px 10px;
    }
    .show-all-bid-messages-main-freelancer .brief-notification-user-container.show-all-bid-notification-user-container {
        height: auto;
    }
    .chat-back-bid {
        display: block;
    }
    .prelaunch-bottom {
        margin-bottom: 20px;
    }
    .mb-chat-btn {
        display: flex;
    }
    
    .chat-relative {
        position: relative;
        
    }
    
    .brief-chat .container-1400 {
        box-shadow: none;
        border: 0px;
        border-radius: 0px;
        filter: none;
    }
    
    .chat-messages-main-inner {
        filter: none;
    }
    
    .brief-chat-header-inner h2.color-256F5D {
        color: #2F2F31 !important;
        white-space: normal;
    }
    
    .brief-chat-header-inner {
        gap: 22px;
    }
    
    /* .brief-chat-header-inner .btn-reg.btn-done.mb-chat-btn {
        max-width: 100%;
        flex: 0 0 100%;
        border-radius: 3px;
        font-size: 14px;
        margin-bottom: 13px;
    } */
    
    .brief-chat-header-inner .gap-112 {
        gap: 22px;
    }
    
    /* .mb-report-mark-done {
        margin-top: 10px;
        margin-bottom: 30px;
    } */
    
    .brief-chat-header-inner .mb-report-mark-done .btn-reg {
        padding: 10px;
    }
    .brief-chat-header-chat-first {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 2;
        border: 0px;
        border-radius: 0px;
        padding: 0px;
        transform: translateX(120%);
        opacity: 0;
        transition: .3s ease-in-out;
        padding-top: 40px;
        overflow: auto;
    }
    .brief-chat-mb.pt-70 {
        padding-top: 0px;
    }
    
    .chat-relative {
        position: relative;
    }
    
    .brief-chat .container-1400 {
        box-shadow: none;
        border: 0px;
        border-radius: 0px;
        filter: none;
    }
    
    .chat-messages-main-inner {
        filter: none;
    }
    
    .brief-chat-header-inner h2.color-256F5D {
        color: #2F2F31 !important;
        white-space: normal;
    }
    
    .brief-chat-header-inner {
        gap: 22px;
    }
    
    /* .brief-chat-header-inner .btn-reg.btn-done.mb-chat-btn {
        max-width: 100%;
        flex: 0 0 100%;
        border-radius: 3px;
        font-size: 14px;
        margin-bottom: 13px;
    } */
    
    .brief-chat-header-inner .gap-112 {
        gap: 22px;
    }
    
    /* .mb-report-mark-done {
        margin-top: 10px;
        margin-bottom: 30px;
    } */
    
    .brief-chat-header-inner .mb-report-mark-done .btn-reg {
        padding: 10px;
    }
    
    .brief-chat-header-chat-first.active {
        opacity: 1;
        transform: none;
    }
    
    /* .brief-chat-header-inner > .d-flex {
        flex-direction: column;
    } */
    .chat-back {
        top: 0;
    }
    .brief-chat-mb .chat-messages-main-inner .brief-notification-left-header {
        justify-content: center !important;
    }
    
    .brief-chat-mb .chat-messages-main-inner .brief-notification-left-header h3 {
        color: #256F5D;
        width:100%;
        text-align: center;
    }
    
    .project-search.chat-project-search input {
        padding: 9px;
        background-color: #fff;
        border-radius: 10px;
    }
    
    .project-search.chat-project-search #project-filter-btn {
        right: 10px;
    }
    
    .chat-messages-main-inner {
        background-color: #fff;
    }
    
    .brief-notification-user {
        border: 1px solid #E2E2EA;
    }
    
    .chat-messages-main-inner .brief-notification-user {
        padding: 16px 10px;
    }
    
    .chat-messages-main-inner {
        padding-left: 0;
        padding-right: 0;
    }
    
    .chat-messages-main-inner .breif-notification-time {
        top: 5px;
        right: 12px;
    }
    .chat-messages-main .mw-330 {
        padding: 0px;
        padding-right: 10px;
    }
    .chat-messages-main-inner .message-tabs-chat {
        display: block;
        order: 2;
    }
    
    .project-search.chat-project-search {
        order: 3;
    }
    
    .chat-messages-main-inner .message-tabs-chat .fa-10 {
        font-size: 12px;
    }
    .brief-chat-header-inner > .mb-report-mark-done {
        flex-direction: row;
        flex: 0 0 100%; 
    }
    .brief-chat-mb .chat-text-area.position-relative {
        width: 100%;
        bottom: 100px;
        position: fixed !important;
    }
    
    .brief-chat-mb .day-chat {
        padding-left: 10px;
        height: calc(100% - 100px);
    }
    
    .brief-chat-mb .brief-notification-left {
        height: auto;
    }
    .actual-chat .chat-messages-container {
        height: calc(100% - 100px) !important;
    }
    .video-overlay {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
    .video-sec .video-text {
        display: none !important;
    }
    .video-parent video {
        object-fit: cover;
        object-position: top center;
    }
    .mobile-video{
        display: block;
    }
    .desktop-video{
        display: none;
    }
    .image-men-modal {
        z-index: 1;
    }
    
    .image-men-modal {
        display: none;
    }
    
    .modal-text-items-parent {
        padding: 40px 30px;
    }
    .col-logo-footer {
        display: flex;
        flex: 0 0 60%;
        align-items: center;
        gap: 10px;
    }
    .gig-content ul {
        margin-bottom: 20px;
    }
    .fa-400 {
        font-size: 150px;
    }
    .featured-image-radio label {
        padding-left: 20px;
    }
    #gig_category_tabs {
        max-width: 430px;
    }
    .recent-view-tabs .fa-18 {
        font-size: 13px;
    }
    
    .recent-view-tabs {
        gap: 5px;
    }
    
    .recent-view-tabs .recent-view-item {
        max-width: calc(33.33% - 4px);
    }
    
    .recent-view-tabs .recent-img {
        height: 90px;
    }
    
    .recent-view-tabs .lh-26 {
        line-height: 1.4;
    }
    
    .recent-view-tabs .recent-user-img {
        width: 25px;
        height: 25px;
    }
    
    .recent-view-tabs .fa-14 {
        font-size: 10px;
    }
    
    .recent-content-container {
        padding: 10px 7px;
    }
    
    .recent-view-tabs .fa-21 {
        font-size: 15px;
    }
    
    .recent-view-tabs .gap-10 {
        gap: 4px;
    }
    
    .recent-view-tabs .recent-footer.d-flex {
        gap: 5px;
    }
    
    .recent-view-tabs .recent-price, .recent-view-tabs .recent-user {
        max-width: unset;
        flex: 0 0 auto;
        width: auto;
    }
    #gig_category_content .recent-view-item:nth-child(n+7) {
        display: none;
    }
    .recent-user p {
        max-width: 60px;
    }
    .recent-img-container video {
        height: 90px;
    }
    .mw-356 {
        max-width: 100%;
    }
    .brief-notification-left-header {
        padding: 10px;
    }
    .brief-notification-left > .brief-notification-user {
        max-width: 100%;
        border: 0px;
    }
    
    .message-nofitication-user .message-notification-item {
        max-width: 100%;
    }
    
    .message-notification-item .brief-notification-user {
        border: 0px;
    }
    .mw-1015.welcomemsg{
        max-width: 100%;
    }
    .messages-right-col .chat-back {
        top: 10px;
        left: 20px;
    }
    .brief-notification-inner.brief-notification-inner-message-page {
        padding-bottom: 40px;
    }
    .bid-message-right {
        border: 0px;
        border-radius: 0px;
    }
    
    .bid-message-right .bid-messages-container {
        border-radius: 7.008px;
        border: 0.998px solid rgba(37, 111, 93, 0.2);
    }
    .project-progress-auto > * {
        flex: 0 0 140px;
        max-width: 140px;
        padding: 10px;
    }
    
    .gap-92 {
        gap: 50px;
    }
    
    .progress-arrow.progress-arrow-wallet:after {
        width: 24px;
        height: 22px;
        right: -48px;
    }
    .ijabo-cropper-modal .action-buttons {
        bottom: 10%;
    }
    .mh-85 {
        min-height: 70px;
    }
    .input-item.otp-inputs p, .input-item.otp-inputs {
        text-align: center;
        justify-content: center !important;
        padding-bottom: 20px;
    }
    
    .input-item.otp-inputs p br {
        display: none;
    }
    .congrats-success h3 {
        margin: 40px 0 29px;
        font-size: 45px;
    }
    
    .congrats-success p {
        margin-bottom: 30px;
    }
    .brief-chat-mb .brief-notification-left-header h3{
        font-size: 28px;
    }
    .chat-messages-main-inner .brief-notification-left-header-client {
        gap: 15px;
    }
    .message-tabs-chat .nav-tabs .nav-item .color-fff {
        font-size: 20px;
    }
    .brief-chat-mb .brief-notification-user-name {
        padding-right: 20px;
    }
    .brief-chat-mb .brief-notification-left-header {
        padding: 0px 24px 0px 17px
    }
    .pt-60 {
        padding-top: 45px;
    }
    .brief-chat-header-inner {
        gap: 20px;
    }
    
    .pb-37.brief-chat-header-inner {
        padding-bottom: 20px;
    }
    .messages-right-col .chat-back{
        display: block;
    }
    .contract-detail-form .mb-90 {
        margin-bottom: 20px;
    }
    .contract-detail-form .mw-557 {
        max-width: 100%;
    }
    .modal-dialog.contract-view-dialog {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    #contractView .contract-view-content-inner {
        padding: 35px;
    }

}
@media(max-width:575px){
    .go-to-admin.btn {
        position: relative;
        padding: 3px 10px;
    }
    .fa-60 {
        font-size: 28px;
    }
    
    .lh-72 {
        line-height: 33px;
    }
    
    .fa-30 {
        font-size: 13px;
    }
    
    .lh-57 {
        line-height: 26px;
    }
    
    .main-web-search-bar.main-web-search-bar-banner input {
        font-size: 12px;
        height: 38px;
        padding: 5px 65px 5px 10px;
    }
    
    .fa-16 {
        font-size: 12px;
    }
    
    .suggest-item {
        padding: 5px 8px;
        border-radius: 5px;
    }
    
    .fa-10 {
        font-size: 9px;
    }
    
    .lh-24 {
        line-height: 18px;
    }
    
    .banner-home .mw-454 {
        max-width: 310px;
    }
    
    .btn-icon-one, .btn-icon-two {
        display: none;
    }
    
    .fa-14 {
        font-size: 12px;
    }
    
    .mb-50 {
        margin-bottom: 20px;
    }
    
    .banner-btn.btn-reg {
        padding: 7px 10px;
    }
    .fa-60 {
        font-size: 28px;
    }
    
    .lh-72 {
        line-height: 33px;
    }
    
    .fa-30 {
        font-size: 13px;
    }
    
    .lh-57 {
        line-height: 26px;
    }
    
    .main-web-search-bar.main-web-search-bar-banner input {
        font-size: 12px;
        height: 38px;
        padding: 5px 65px 5px 10px;
    }
    
    .fa-16 {
        font-size: 12px;
    }
    
    .suggest-item {
        padding: 5px 8px;
        border-radius: 5px;
    }
    
    .fa-10 {
        font-size: 9px;
    }
    
    .lh-24 {
        line-height: 18px;
    }
    
    .banner-home .mw-454 {
        max-width: 310px;
    }
    
    .btn-icon-one, .btn-icon-two {
        display: none;
    }
    
    .fa-14 {
        font-size: 12px;
    }
    
    .mb-50 {
        margin-bottom: 20px;
    }
    
    .banner-btn.btn-reg {
        padding: 7px 10px;
    }
    
    .connecting {
        width: 290px;
    }
    
    .banner-slide {
        height: 258px;
        border-radius: 20px;
    }
    
    .verified {
        width: 250px;
    }
    
    .hire-project-team-img {
        width: 80%;
    }
    
    .instant-message {
        width: 300px;
    }
    
    .secure-payment {
        width: 280px;
    }
    
    .project-management {
        width: 240px;
    }
    
    .banner-slider .slick-dots {
        max-width: 100%;
        width: 90%;
        text-align: center;
    }
    
    .banner-slider .slick-dots li {
        width: 10px;
        height: 10px;
    }
    
    .banner-slider .slick-dots li.slick-active {
        width: 40px;
    }
    
    .banner-slider .slick-dots {
        bottom: -25px;
    }
    .pt-80 {
        padding-top: 50px;
    }
    
    .mw-148 {
        max-width: calc(50% - 5px);
    }
    
    .pt-90 {
        padding-top: 50px;
    }
    
    .why.pt-64.pb-85 {
        padding-left: 15px;
        padding-right: 15px;
        border-radius: 15px;
        border-width: 3px;
    }
    
    .pt-64 {
        padding-top: 30px;
    }
    
    .pb-85 {
        padding-bottom: 60px;
    }
    
    .lh-80 {
        line-height: 40px;
    }
    
    .fa-18 {
        font-size: 14px;
    }
    
    .lh-31 {
        line-height: 22px;
    }
    
    .hire-card-image {
        display: none;
    }
    
    .why .mw-604:first-child .hire-card {
        height: auto;
    }
    
    .hire-card.largest, .hire-card, .hire-card.services {
        padding: 20px 15px;
        align-items: center;
        text-align: center;
    }
    
    .mb-35 {
        margin-bottom: 10px;
    }
    
    .fa-56 {
        font-size: 25px;
    }
    
    .lh-66 {
        line-height: 35px;
    }
    
    .fa-21 {
        font-size: 16px;
    }
    
    .w-h-67 {
        width: 35px;
        height: 35px;
        display: none;
    }
    
    .mw-212 {
        max-width: 100%;
    }
    
    .mw-130 {
        max-width: unset;
    }
    
    .hire-card .mw-212 {
        gap: 5px;
    }
    
    .mw-160 {
        max-width: 100%;
    }
    
    .fa-26 {
        font-size: 16px;
    }
    
    .fa-84 {
        font-size: 30px;
    }
    
    .lh-78 {
        line-height: 30px;
    }
    
    .hire-card sup {
        font-size: 20px;
    }
    
    .lh-33 {
        line-height: 20px;
    }
    
    .hire-card.largest h3 {
        margin-bottom: 10px;
    }
    
    .hire-card.services .mw-160 {
        justify-content: center;
    }
    
    .mw-262 {
        max-width: 85%;
    }
    
    .top-freelancer-575 {
        margin-bottom: 10px;
    }
    .top-freelancer-575 > p {
        display: block;
        width: 100%;
        text-align: left;
    }
    .lh-62 {
        line-height: 40px;
    }
    
    .lh-36 {
        line-height: 28px;
    }
    
    .btn-reg.btn-read-more {
        font-size: 13px;
        padding: 6px 35px;
    }
    .mb-center {
        flex-direction: column;
    }
    
    .pt-180 {
        padding-top: 50px;
    }
    
    .pt-158 {
        padding-top: 50px;
    }
    
    .popular-services-item {
        padding: 0px;
    }
    
    .popular-services-slider .slick-list {
        margin: 0;
    }
    .popular-services-slider {
        max-width: 320px;
        margin: 0 auto;
    }
    .video-text.d-flex {
        display: none !important;
    }
    
    .video-overlay {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
    
    .video-overlay > .d-flex {
        justify-content: center;
    }
    
    .fa-54 {
        font-size: 24px;
    }
    
    .lh-56 {
        line-height: 36px;
    }
    
    .video-sec .btn-video {
        font-size: 15px;
        padding: 12px 13px 13px 16px;
    }
    
    .video-parent {
        height: 320px;
        border-radius: 15px;
    }
    
    .pt-145 {
        padding-top: 50px;
    }
    
    .home-section7 h3 {
        max-width: 100%;
        text-align: center;
    }
    .text-575-center{
        text-align: center;
    }
    .recent-view-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .fa-50 {
        font-size: 22px;
    }
    
    .lh-58 {
        line-height: 30px;
    }
    .home-section8 .btn-reg.btn-read-more {
        margin: 0 auto;
    }
    
    .journey-img img {
        width: 100%;
        height: 236px;
    }

    
    .lh-67 {
        line-height: 40px;
    }
    .affiliation-image {
        width: 80px;
        height: 80px;
    }
    
    .kcci {
        width: 65px;
    }
    
    .pseb {
        width: 58px;
    }
    
    .pasha {
        width: 55px;
    }
    
    .affiliation {
        padding: 25px 15px;
    }
    
    .affiliation-images {
        justify-content: center !important;
        gap: 4px;
    }
    
    .home-section12 .btn-reg.btn-read-more {
        padding: 6px 20px;
    }
    
    .blog-item {
        max-width: 100%;
    }
    
    .pb-150 {
        padding-bottom: 50px;
    }
    
    .footer-menu-items-parent {
        padding: 0px;
    }
    
    .col-footer-links h3 {
        font-size: 14px;
    }
    
    .col-footer-links ul li a {
        font-size: 12px;
        margin-bottom: 10px;
    }
    
    .col-footer-social-links img {
        height: 24px;
    }
    
    .col-footer-links h3 {
        margin-bottom: 10px;
    }
    
    .col-footer-social-links ul {
        gap: 20px;
    }
    
    .subscription_by_email {
        font-size: 11px;
        padding: 10px;
        border-radius: 5px;
    }
    
    .subscribe-form input {
        width: calc(100% - 88px);
        padding: 8px;
        font-size: 12px;
        border-radius: 5px;
    }
    .subscribe-form {
        gap: 5px;
    }
    
    .col-footer-larger {
        max-width: 100%;
    }
    
    .text-subscribe {
        text-align: left;
    }
    
    .subscribe-form {
        margin-bottom: 0px;
    }
    
    .custom-checkbox-subscribe {
        width: 18px;
        height: 16px;
    }
    
    
    .col-logo-footer img {
        height: auto;
        max-width: 80px;
    }
    
    .row-bottom-footer {
        flex-direction: column;
        gap: 10px;
    }
    
    .col-copyright-footer {
        text-align: center;
    }
    
    .footer-bottom {
        padding: 15px;
    }
    .col-copyright-footer .fa-14 {
        font-size: 10px;
    }
    .journey-img.pakistani-freelancer img {
        width: 270px;
        height: 230px;
    }
    .button-menu.active-menu-icon {
        position: fixed;
        right: 20px;
        z-index: 999999999;
        top: 30px;
    }
    
    .button-menu.active-menu-icon .menu-btn-line {
        background-color: #000;
    }
    .mobile-header .col-footer-larger {
        text-align: left;
    }
    
    .mobile-header .col-footer-larger .col-footer-social-links ul {
        justify-content: flex-start;
    }
    .profile-image-main-header img {
        width: 35px;
        height: 35px;
    }
    .banner-home-prelaunch .mw-508 {
        max-width: 100%;
    }
    
    .mw-950 {
        max-width: 100%;
    }
    
    .banner-home-prelaunch .banner-btn.btn-reg {
        margin: 0 auto;
    }
    
    .banner-home-prelaunch .col-footer-larger {
        max-width: 100%;
    }
    
    .banner-home-prelaunch .col-footer-social-links ul {
        justify-content: center;
    }
    
    .fa-70 {
        font-size: 60px;
    }
    
    .fa-24 {
        font-size: 22px;
    }
    
    .lh-42 {
        line-height: 38px;
    }
    
    .mb-80 {
        margin-bottom: 60px;
    }
    .pre-launch-video.video-parent {
        height: 479px;
    }
    .fa-70 {
        font-size: 35px;
    }
    
    .banner-home-prelaunch .lh-72 {
        line-height: 40px;
    }
    
    .pt-70 {
        padding-top: 40px;
    }
    
    .fa-24 {
        font-size: 16px;
    }
    
    .lh-42 {
        line-height: 27px;
    }
    
    .mb-40 {
        margin-bottom: 10px;
    }
    
    .pre-launch-video.video-parent {
        height: auto;
    }
    
    .pt-120 {
        padding-top: 50px;
    }
    
    .banner-home.banner-home-prelaunch {
        padding-bottom: 0px;
    }
    
    .pt-150.features-spacing {
        padding-top: 40px;
    }
    
    .mb-25 {
        margin-bottom: 10px;
    }
    
    .lh-51 {
        line-height: 35px;
    }
    
    .fa-45 {
        font-size: 22px;
    }
    
    .landing-features {
        width: 40px;
        height: 41px;
    }
    
    .landing-profile-setup {
        width: 15px;
        height: 20px;
    }
    
    .landing-featured-steps {
        height: 290px;
    }
    
    .landing-profile-image {
        width: 160px;
    }
    
    .landing-create-gig {
        width: 20px;
        height: 20px;
    }
    
    .landing-create-gig-image {
        width: 280px;
    }
    
    .pt-150.features-spacing {
        padding-top: 30px;
    }
    
    .pb-110 {
        padding-bottom: 40px;
    }
    
    .landing-unlimited-image {
        width: 290px;
    }
    
    .landing-unlimited-biding {
        width: 22px;
        height: 20px;
    }
    
    .landing-join-project-image {
        width: 260px;
    }
    
    .landing-join-project {
        width: 18px;
        height: 16px;
    }
    
    .landing-walet-icon {
        width: 24px;
        height: 16px;
    }
    
    .landing-support-icon {
        width: 21px;
        height: 21px;
    }
    
    .landing-support-image {
        width: 400px;
    }
    
    .circle-FFC531:before {
        width: 239px;
        height: 239px;
    }
    
    .circle-2A7D69:before {
        width: 239px;
        height: 239px;
    }
    
    .circle-37C047:before {
        width: 239px;
        height: 239px;
    }
    
    .landing-featured-steps .circle-37C047:before, .landing-featured-steps .circle-2A7D69:before {
        top: -161px;
    }
    
    .landing-share {
        padding: 20px;
        border-radius: 15px;
    }
    
    .fa-58 {
        font-size: 25px;
    }
    
    .lh-68 {
        line-height: 35px;
    }
    
    .landing-share-img img {
        width: 230px;
    }
    
    .mb-70 {
        margin-bottom: 25px;
    }
    
    .faq-item {
        padding-top: 15px;
    }
    
    .faq-question {
        margin-bottom: 15px;
    }
    
    .gap-20 {
        gap: 10px;
    }
    
    .faq-question {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .fa-22 {
        font-size: 13px;
    }
    
    .faq-arrow svg {
        width: 12px;
        height: 12px;
    }
    
    .faq-answer {
        padding: 0px 38px;
    }
    
    .fa-15 {
        font-size: 12px;
    }
    
    .lh-28 {
        line-height: 24px;
    }
    
    .active .faq-question {
        margin-bottom: 10px;
    }
    
    .faq-item.active {
        padding-bottom: 15px;
    }
    .banner-home-prelaunch .btn-video {
        font-size: 16px;
        padding: 10px 10px 10px 13px;
    }
    .mb-80 {
        margin-bottom: 30px;
    }
    .lh-38 {
        line-height: 28px;
    }
    
    .fa-34 {
        font-size: 18px;
    }
    .main-web-logo {
        max-width: 80px;
    }
    .row-footer .col-footer-links {
        flex: 0 0 100%;
    }
    .row-bottom-footer.row-bottom-footer-pre-launch {
        align-items: flex-start;
    }
    
    .prelaunch-footer .checkbox-subscribe {
        margin-top: 7px;
    }
    
    .col-footer-links .miss-a-update-text h3 {
        margin-bottom: 9px;
    }
    .prelaunch-footer{
        margin-bottom: 30px;
    }
    .prelaunch-ft-logo a, .prelaunch-ft-logo img {
        width: 80px;
        height: auto;
    }
    .journey-img, .landing-share-img {
        display: none;
    }
    .about-section1 {
        padding: 30px 0px;
    }
    
    .pt-170 {
        padding-top: 40px;
    }
    
    .relaible {
        padding: 20px;
    }
    
    .pb-160 {
        padding-bottom: 25px;
    }
    
    .h-441 {
        height: 200px;
    }
    
    .building-abt img {
        height: 150px;
    }
    
    .fa-40 {
        font-size: 22px;
    }
    
    .lh-51 {
        line-height: 28px;
    }
    
    .promoting-growth img {
        height: 100%;
        width: auto;
    }
    
    .pb-140 {
        padding-bottom: 25px;
    }
    
    .gap-40 {
        gap: 15px;
    }
    
    .pt-140 {
        padding-top: 40px;
    }
    
    .shaping-work img {
        height: 100%;
    }
    
    .pb-214 {
        padding-bottom: 40px;
    }
    
    .our-goal-abt {
        height: 250px;
    }
    
    .lh-44 {
        line-height: 26px;
    }
    
    .our-mision-abt {
        height: auto;
    }
    
    .pt-265 {
        padding-top: 40px;
    }
    
    .pb-180 {
        padding-bottom: 25px;
    }
    
    .work-steps li:before {
        top: 10px;
    }
    
    .iso-certificate {
        width: 65px;
        height: auto;
    }
    
    .transform-business {
        padding: 20px;
    }
    
    .pt-88 {
        padding-top: 40px;
    }
    .benefit-content .fa-30, .works-content .fa-30 {
        font-size: 17px;
    }
    
    .lh-30 {
        line-height: 22px;
    }
    
    .journey.join-hire-page {
        padding: 25px;
    }
    
    .pt-100 {
        padding-top: 40px;
    }
    
    .pt-264 {
        padding-top: 40px;
    }
    
    .team-services-img {
        height: 180px;
    }
    
    h2.fa-60.lh-62.fw-500.color-2F2F31.pb-166.text-center {
        padding-bottom: 30px;
    }
    
    .mw-529 {
        max-width: 100%;
    }
    
    .hire-team-section2 .mw-529:nth-last-child(2n+2) {
        margin-bottom: 30px;
    }
    .works-img img {
        width: 80%;
    }
    .team-services-img {
        height: 170px;
    }
    
    .mb-60 {
        margin-bottom: 15px;
    }
    .pt-250 {
        padding-top: 40px;
    }
    .pt-150 {
        padding-top: 40px;
    }
    
    .work-steps li {
        padding-bottom: 10px;
    }
    
    .mb-30 {
        margin-bottom: 10px;
    }
    
    .step1-work, .step2-work, .step3-work, .step5-work {
        height: 250px;
    }
    
    .step1-work img {
        width: 220px;
        height: 170px;
    }
    
    .step2-work img {
        width: 198px;
        height: 171px;
    }
    
    .step3-work img {
        width: 186px;
        height: 216px;
    }
    
    .step5-work img {
        width: 235px;
        height: 239px;
    }
    
    .financial-content {
        padding: 10px;
    }
    
    .financial-content h3 {
        font-size: 18px;
        line-height: 24px;
    }
    
    .join-team-section3 .mw-529:nth-last-child(n-3) {
        margin-bottom: 25px;
    }
    
    .timely img {
        width: auto;
        height: 100%;
    }
    
    .steady img {
        width: auto;
        height: 100%;
    }
    
    .control-over img {
        width: auto;
        height: 100%;
    }
    
    .no-hidden img {
        width: auto;
        height: 100%;
    }
    
    .skill-demand img {
        width: auto;
        height: auto;
    }
    
    .h-272 {
        height: 200px;
    }
    
    .h-254 {
        height: 200px;
    }
    
    .long-term img {
        width: auto;
        height: 100%;
    }
    
    .pt-130 {
        padding-top: 40px;
    }
    
    .pt-250 {
        padding-top: 40px;
    }
    .join-team-section5 .btn-reg.btn-read-more.btn-green {
        margin: 0 auto;
    }
    .mw-395 {
        max-width: 100%;
    }
    
    .pt-68 {
        padding-top: 30px;
    }
    
    .pb-60 {
        padding-bottom: 30px;
    }
    .inner-banner-btn.btn-reg {
        padding: 7px 10px;
    }
    
    .partnership-expand, .partnership-foster, .partnership-strengthen, .partnership-contribute {
        height: 200px;
    }
    
    .partnership-expand img {
        width: 280px;
    }
    
    .partnership-foster img {
        width: 280px;
    }
    
    .partnership-strengthen img {
        width: 280px;
    }
    
    .partnership-contribute img {
        width: 280px;
    }
    
    .lh-75 {
        line-height: 35px;
    }
    
    .pt-200 {
        padding-top: 40px;
    }
    
    .fa-20 {
        font-size: 17px;
    }
    
    .process-count {
        width: 30px;
        height: 30px;
    }
    
    .conversation {
        padding: 20px;
    }
    
    .start-conversation {
        padding: 20px 10px;
    }
    
    .gap-16 {
        gap: 5px;
    }
    
    .icon-green-bg {
        width: 25px;
        height: 25px;
    }
    
    .phone-icon svg {
        width: 10px;
        height: 10px;
    }
    
    .conversation {
        padding: 25px 10px;
    }
    
    .email-icon svg {
        width: 12px;
        height: 9px;
    }
    
    .opportunity-card {
        padding: 20px;
    }
    .main-web-search-bar.main-web-search-bar-knowledge input {
        height: 40px;
        font-size: 12px;
    }
    
    .knowledge-type-img {
        width: 55px;
        height: 55px;
    }
    
    .knowledge-client {
        width: 35px;
        height: auto;
    }
    
    .knowledge-freelancer {
        width: 28px;
        height: auto;
    }
    
    .knowledge-support {
        height: auto;
    }
    
    .knowledge-live-chat {
        height: auto;
    }
    
    .pb-80 {
        padding-bottom: 40px;
    }
    
    .fa-32 {
        font-size: 20px;
    }
    
    .lh-46 {
        line-height: 22px;
    }
    
    .knowledge-section3 .d-flex {
        justify-content: center !important;
        flex-direction: column;
    }
    
    .mw-336 {
        max-width: 100%;
    }
    
    .mb-90 {
        margin-bottom: 30px;
    }
    .knowledge .breadcrumb-item+.breadcrumb-item::before {
        padding-right: 5px;
    }
    
    .knowledge .breadcrumb-item+.breadcrumb-item {
        padding-left: 5px;
    }
    
    .breadcrumb {
        align-items: center;
    }
    .lh-82 {
        line-height: 23px;
    }
    .gap-32 {
        gap: 16px;
    }
    
    .comment-chat-container {
        margin-bottom: 40px;
    }
    .article-bullet-img {
        height: auto;
    }
    .mb-80 {
        margin-bottom: 40px;
    }
    .mb-65 {
        margin-bottom: 40px;
    }
    .pt-44 {
        padding-top: 30px;
    }
    
    .contact-section1 {
        padding-bottom: 20px;
    }
    
    .pt-160 {
        padding-top: 40px;
    }
    
    .row-gap-90 {
        row-gap: 20px;
    }
    
    .lh-40 {
        line-height: 30px;
    }
    
    .map-location {
        height: 200px;
    }
    
    .fa-28 {
        font-size: 20px;
    }
    
    .social-media-contact {
        width: 35px;
        height: 35px;
    }
    
    .linkedin-icon, .facebook-icon, .twitter-icon, .insta-icon {
        width: 15px;
    }
    
    .mw-464 {
        max-width: 100%;
    }
    
    #contact-form .lh-62 {
        line-height: 30px;
    }
    
    .contact-field {
        padding: 9px 15px;
    }
    
    .contact-subject {
        height: 50px;
    }
    
    .contact-section5 .lh-82 {
        line-height: 40px;
    }
    
    .fa-72 {
        font-size: 35px;
    }
    
    .faq-question .fa-20 {
        font-size: 14px;
    }
    
    .lh-26 {
        line-height: 20px;
    }
    .row-gap-60 {
        row-gap: 20px;
    }
    .blog-project-card {
        padding: 20px;
    }
    .pt-130 {
        padding-top: 40px;
    }
    
    .pb-160 {
        padding-bottom: 40px;
    }
    .pb-40 {
        padding-bottom: 20px;
    }
    
    .blog-detail-short-desc p, .blog-detail-long-desc p {
        padding-bottom: 20px;
        font-size: 16px;
        line-height: 28px;
    }
    
    .mb-110 {
        margin-bottom: 50px;
    }
    
    .blog-detail-long-desc h6 {
        font-size: 16px;
        line-height: 28px;
    }
    
    .lh-51 {
        line-height: 32px;
    }
    
    .fa-46 {
        font-size: 28px;
    }
    
    .mb-110 {
        margin-bottom: 30px;
    }
    
    .blog-detail-long-desc ol li {
        font-size: 16px;
        padding-bottom: 10px;
        line-height: 28px;
        padding-left: 10px;
    }
    
    .pt-200 {
        padding-top: 40px;
    }
    .blog-logo {
        width: 35px;
        height: 35px;
    }
    
    .blog-logo img {
        width: 17px;
        height: auto;
    }
    .pt-50 {
        padding-top: 40px;
    }
    
    .mt-90 {
        margin-top: 40px;
    }
    
    .category-filter > .filter {
        gap: 5px;
    }
    
    .category-filter .filter > li {
        max-width: 100%;
        flex: 0 0 100%;
        margin: 0;
    }
    
    .category-filter .filter > li.filter-item.active {
        z-index: 3;
    }
    
    .filter-price {
        right: unset;
        left: 0;
        max-width: 100%;
        width: 100%;
    }
    
    .filter-category-list, .filter-price {
        top: 45px;
    }
    
    .filter-category-list {
        width: 100%;
    }
    
    .price-wrap {
        max-width: 235px;
    }
    
    .price-field.date-field {
        max-width: 235px;
    }
    .gig-brief-search input {
        height: 40px;
        padding: 5px 50px 5px 5px;
        font-size: 13px;
    }
    
    .gig-brief-search button {
        max-width: 40px;
    }
    
    .gig-brief-search img {
        height: 14px;
    }
    
    .gig-brief-search {
        border-radius: 5px;
    }
    
    .freelancer-gig-item {
        max-width: 100%;
    }
    .gig-brief-section2 .breirf-item {
        max-width: 100%;
    }
    
    .freelancer-card-item {
        max-width: 100%;
    }
    
    .freelnacer-card-btn.btn-reg {
        padding: 5px;
        font-size: 10px;
    }
    
    .freelancer-card-img {
        width: 40px;
        height: 40px;
    }
    .freelancer-gig-item-inner {
        max-width: 100%;
    }
    .fa-25 {
        font-size: 16px;
    }
    .pb-45 {
        padding-bottom: 20px;
    }
    
    .gap-20 {
        gap: 10px;
    }
    
    .preview-gig-profile-picture img {
        width: 50px;
        height: 50px;
    }
    .mw-89 {
        max-width: 50px;
    }
    
    .gig-content p, .package-list-preview p {
        font-size: 12px;
    }
    
    .gig-detail-left {
        padding-bottom: 60px;
    }
    
    .mb-100 {
        margin-bottom: 50px;
    }
    
    .gig-gallery-item img {
        height: 110px;
    }
    
    .gig-image-item {
        max-height: unset;
        height: 350px;
    }
    
    .gig-image-item img {
        height: 100%;
    }
    
    
    .gig-image-item {
        max-height: 250px;
    }
    
    .gig-image-slider {
        margin-bottom: 10px;
    }
    
    .gig-gallery-item {
        padding: 0px 6px;
    }
    
    .gig-content-help {
        padding: 8px 11px 15px 17px;
    }
    
    .package-gig-title {
        padding: 6px 10px;
    }
    
    .package-gig-title h3 {
        font-size: 12px;
    }
    
    ul.compare-package-list {
        padding: 20px 4px;
    }
    
    ul.compare-package-list li, ul.compare-package-list p {
        font-size: 11px;
        line-height: 15px;
        padding-left: 5px;
        padding-bottom: 10px;
    }
    
    ul.compare-package-list li:before, ul.compare-package-list p:before {
        width: 3px;
        height: 3px;
        top: 7px;
        left: -2px;
    }
    
    .price-column-bottom.price-compare-bottom {
        min-height: 55px;
        padding-top: 9px;
    }
    
    .btn-reg.btn-black {
        font-size: 12px;
        max-width: 80px;
        padding: 3px 5px;
    }
    
    .mb-100 {
        margin-bottom: 40px;
    }
    
    .package-border {
        padding: 10px 0px;
    }
    
    .package-gig-active {
        padding: 10px;
    }
    
    .user-personal-info {
        padding: 10px;
    }
    
    .user-from-inner:last-child {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .user-about p {
        line-height: 18px;
        padding-top: 10px;
        padding-right: 0px;
    }
    
    .online-border {
        font-size: 12px;
        padding: 4px 12px 4px 18px;
    }
    
    .online-border:before {
        left: 9px;
    }
    .btn-reg.btn-black {
        bottom: -13px;
    }
    .fa-36 {
        font-size: 22px;
    }
    
    .lh-54 {
        line-height: 30px;
    }
    
    .banner-highlight {
        padding: 5px 20px;
    }
    
    .banner-highlight .fa-20 {
        font-size: 14px;
    }
    
    .mw-340 {
        max-width: 1005;
    }
    
    .mw-340.banner-highlight {
        max-width: max-content;
    }
    .privacy-section2 .fa-20 {
        font-size: 14px;
        line-height: 26px;
    }
    
    .privacy-ul li {
        padding-left: 20px;
    }
    
    .privacy-ul li:before {
        width: 4px;
        height: 4px;
        top: 12px;
        left: 5px;
    }
    .form-group-custom textarea, .form-group-custom input, .form-group-custom select {
        min-height: 44px;
        padding: 8px;
        font-size: 12px;
    }
    
    .ip-form .fa-20 {
        font-size: 14px;
        line-height: 26px;
    }
    
    .form-group textarea {
        height: 110px;
    }
    
    .ip-section2  .fa-20 {
        font-size: 15px;
        line-height: 22px;
    }
    
    .form-radio-custom [type="radio"]:checked + label:before, .form-radio-custom [type="radio"]:not(:checked) + label:before {
        width: 16px;
        height: 16px;
    }
    
    .form-radio-custom [type="radio"]:checked + label:after, .form-radio-custom [type="radio"]:not(:checked) + label:after {
        width: 6px;
        height: 6px;
        top: 5px;
        left: 5px;
    }
    
    .form-radio-custom [type="radio"]:checked + label, .form-radio-custom [type="radio"]:not(:checked) + label {
        line-height: 17px;
    }
    .box-design {
        margin-bottom: 40px;
        padding: 25px 10px 35px;
        border-radius: 15px;
        border-width: 4px;
    }
    
    .profile-picture img {
        width: 90px;
        height: 90px;
    }
    
    .mw-153 {
        max-width: 90px;
    }
    
    .tag-new {
        font-size: 12px;
        padding: 1px 10px;
    }
    
    .mt-62 {
        margin-top: 35px;
    }
    
    .item-info-personal {
        padding: 15px 0px;
    }
    
    .item-info-personal h3 {
        font-size: 12px;
    }
    
    .boxes-items-skill {
        padding: 20px 0px;
    }
    
    .btn-edit-btn-description .btn-reg {
        font-size: 13px;
        padding: 5px 10px;
    }
    
    .item-show-with-icon {
        padding: 5px 8px;
    }
    
    .item-show-with-icon > p {
        font-size: 10px;
    }
    
    .mw-33-percent {
        max-width: 100%;
    }
    
    .mw-67-percent {
        max-width: 100%;
    }
    
    .pb-50 {
        padding-bottom: 0px !important;
    }
    
    .create-your-first-gig {
        padding: 30px 20px 30px;
    }
    
    .fa-48 {
        font-size: 22px;
    }
    
    .btn-reg {
        padding: 7px 18px;
    }
    
    form#sort-form {
        width: 100%;
    }
    
    .main-right-box-profile > .d-flex {
        flex-wrap: wrap;
        row-gap: 10px;
    }
    
    .main-right-box-profile > .d-flex > * {
        max-width: 100%;
    }
    
    .sort-rating {
        padding: 8px 30px 8px 10px;
    }
    .forms-gig-title ul li a {
        font-size: 12px;
    }
    
    .forms-gig-title ul {
        gap: 15px;
    }
    
    .overview-items-make-a-gig {
        padding: 15px;
    }
    .form-group-custom.select2pillscustomStyling .select2-container--default .select2-selection--multiple {
        padding: 5px 10px;
        font-size: 12px;
    }
    
    .select2-container .select2-selection--multiple {
        min-height: 25px;
    }
    
    .select2-results__option {
        font-size: 12px;
    }
    .error-message {
        font-size: 12px;
    }
    
    .gig-title-error .error-message {
        bottom: 7px;
    }
    .w-33 {
        width: 100%;
    }
    
    .columns-3-description {
        display: block;
    }
    body {
        font-size: 12px;
    }
    .mt-60 {
        margin-top: 30px;
    }
    .questions-items, .question-added-by-freelancer {
        padding: 10px;
    }
    
    .btn-questions {
        font-size: 13px;
        padding: 6px 14px;
    }
    
    .question-adding-tab {
        padding: 15px 10px;
    }
    #fileUploadContainer .col-lg-4 {
        max-width: 100%;
        margin-bottom: 10px;
    }
    
    #fileUploadContainernotrequired .col-lg-4 {
        max-width: 100%;
        margin-bottom: 10px;
    }
    .mt-40 {
        margin-top: 20px;
    }
    .switch label {
        width: 40px;
        height: 20px;
    }
    
    .switch label::after {
        width: 10px;
        height: 10px;
    }
    
    .switch input:checked ~ label::after {
        translate: 20px 0px;
    }
    .mt-50 {
        margin-top: 30px;
    }
    
    .active-gig-item {
        max-width: 100%;
        flex: 0 0 100%;
    }
    
    .more {
        font-size: 18px;
    }
    .add-gig {
        width: 50px;
        height: 50px;
    }
    #freelancer-wallet-tabs {
        max-width: 100%;
        gap: 10px;
    }
    
    #task-project-tabs .nav-tabs .nav-link {
        padding: 10px 15px;
    }
    
    #task-project-tabs .nav-tabs .nav-link.active:before {
        height: 3px;
    }
    
    /* .progress-status.wallet-status {
        width: 82px;
        height: 82px;
    } */
    
    /* .progress-status:before {
        inset: -3px;
    } */
    
    .mw-142 {
        width: unset;
    }
    
    .gap-170 {
        gap: 60px;
    }
    
    .btn-reg.btn-done {
        font-size: 12px;
        padding: 8px;
    }
    
    .task-project-table-wrapper.wallet-table table th, .task-project-table-wrapper.wallet-table table td {
        min-width: 150px;
        padding: 12px 14px;
    }
    
    .task-project-table-wrapper thead th {
        font-size: 12px;
    }
    
    .mt-70 {
        margin-top: 30px;
    }
    
    .task-project-table-wrapper table {
        margin: 20px 0px 0px;
    }
    .bank-detail-form .label-parent label {
        font-size: 14px;
        line-height: 30px;
    }
    
    .bank-detail-form .input-fields select, .bank-detail-form .input-fields textarea, .bank-detail-form .input-fields input {
        min-height: 30px;
        padding: 8px;
        font-size: 13px;
    }
    .freelancer-bank-details .form__radio-label-text {
        font-size: 14px;
    }
    
    #task-project-tabs h1 {
        margin-bottom: 20px;
    }
    .wallet.freelancer-wallet {
        padding-bottom: 40px;
    }
    .pt-60 {
        padding-top: 40px;
    }
    
    .support-section1 {
        padding-bottom: 40px;
    }
    .blog-item-client {
        max-width: 100%;
    }
    .client-home1 {
        padding-top: 40px;
        padding-bottom:50px !important;
    }
    
    .wave-img {
        width: 30px;
        height: 30px;
    }
    
    .client-card-items {
        padding: 15px 10px;
        border-radius: 8px;
    }
    
    .client-card-img.post-gig img {
        height: 30px;
    }
    
    .fa-38 {
        font-size: 20px;
    }
    
    .client-card-img {
        display: none !important;
    }
    
    .btn-reg.get-started {
        padding: 6px 28px;
    }
    
    .mw-265 {
        max-width: 100%;
    }
    
    .project-types-items {
        padding: 15px;
        border-radius: 8px;
    }
    
    .project-types-img {
        height: 55px;
        width: 55px;
    }
    
    .ongoing-projects {
        width: 25px;
        height: 30px;
    }
    
    .manage-gig-f {
        width: 30px;
        height: 30px;
    }
    
    .wallet-f {
        width: 30px;
        height: 30px;
    }
    
    .support-ticket-c {
        width: 30px;
        height: 28px;
    }
    
    .ratting-f {
        width: 30px;
        height: 25px;
    }
    .client-card-items > .d-flex {
        gap: 10px;
    }

    .adding-phone-number-modal-main-content {
        padding: 20px 10px;
        border-radius: 8px;
    }
    
    .icon-success span {
        width: 50px;
        height: 50px;
    }
    
    .icon-success span img {
        max-width: 20px;
    }
    
    .mw-745 {
        max-width: 90%;
    }
    
    .modal-content .btn-reg {
        font-size: 14px;
    }
    
    .mw-280 {
        max-width: 90px;
    }
    
    .congrats-success .btn-reg {
        margin-bottom: 10px;
    }
    .calendar-icon svg {
        width: 20px;
    }
    .let-bid {
        padding: 40px 20px;
    }
    .created-brief.mb-40 {
        margin-bottom: 30px;
    }
    .modal-dialog.partnership-dialog {
        max-width: 100%;
    }
    
    .partnership-content {
        padding: 25px 15px;
    }
    
    .mw-266 {
        max-width: 100%;
    }
    
    .contact-field.partnership-field, .partnership-textarea.contact-field {
        padding: 5px 10px;
    }
    
    .partnership-select.contact-subject {
        height: 39px;
    }
    
    .contact-subject {
        background-size: 11px;
    }
    
    .partnership-select.contact-subject {
        background-position: 96%;
    }
    .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: 150px;
    }
    .search-result-header {
        flex-direction: column;
    }
    
    .result-icon svg {
        width: 30px;
        height: 30px;
        padding: 7px;
    }
    
    .fa-43 {
        font-size: 25px;
    }
    .client-home5 .breirf-item-client {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .breirf-item-client {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .show-all-bid-messages-main .mw-369 {
        flex: 0 0 200px;
        min-width: 200px;
    }
    
    .show-all-bid-messages-main .mw-1031 {
        flex: 0 0 400px;
        min-width: 400px;
    }

    .show-all-bid-notification-user-container-main {
        padding: 8px;
    }

    .brief-notification-user-name.fa-14 {
        font-size: 12px;
        line-height: 14px;
    }

    .brief-notification-user-name.show-all-bid-notification-user-name {
        width: 140px;
    }

    .fa-8 {
        font-size: 7px;
    }

    .show-all-project-notification-left .show-all-bid-notification-time {
        bottom: 3px;
    }

    /* .breif-notification-time {
        right: 4px;
    } */

    .brief-notification-user.show-all-bid-notification-user {
        padding: 8px;
        border-radius: 5px;
    }

    .bid-message-header {
        padding: 10px;
        flex-wrap: wrap;
        gap: 10px;
    }
    .bid-message-header > * {
        flex: 0 0 100%;
    }
    .bid-message-desc {
        padding: 10px;
    }
    .detail-table-row {
        padding: 10px;
    }
    
    .bid-message-btns {
        padding: 0px 10px 20px;
    }

    .bid-message-user-img img {
        width: 45px;
        height: 45px;
    }

    .bid-message-user-info-main {
        gap: 10px;
    }
    .brief-chat.show-all-bid-chat {
        padding-bottom: 50px;
    }
    .brief-chat-header-inner .fa-30 {
        font-size: 15px;
    }
    .brief-chat {
        padding-bottom: 40px;
    }
    .brief-notification-user {
        padding: 13px 8px;
    }
    .article-topic h2:before {
        margin-right: 5px;
    }
    
    .article-bullet-text:before {
        width: 7px;
        height: 7px;
        left: 0;
    }
    
    .article-bullet-text {
        padding-left: 22px;
    }
    .user-info-inner-left .profile-picture img {
        width: 50px; 
        height: 50px; 
   }
   .modal-dialog.mw-557 {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .support-content {
        padding: 25px 15px;
    }

    .btn-close-modal {
        right: 10px;
        top: 10px;
        width: 20px;
        height: 20px;
    }

    .btn-close-modal img {
        width: 20px;
        height: 20px;
    }

    .input-fields select, .input-fields textarea, .input-fields input {
        min-height: 40px;
        padding: 6px;
        font-size: 12px;
    }

    .btcd-f-wrp>button {
        padding: 5px 18px 5px 15px;
    }

    .input-fields .support-message {
        min-height: 100px;
        font-size: 12px;
    }
    .uploaded-file-wrap {
        padding: 6px 8px;
    }
    .ratings-item {
        padding: 12px;
    }
    
    .sort-rating {
        padding: 10px 28px 10px 12px;
    }
    .main-right-box-profile .gap-24 {
        gap: 10px;
    }
    .post-btn {
        max-width: 110px;
    }
    .border-radius-30 {
        border-radius: 15px;
    }
    .task-project-table-wrapper table td {
        font-size: 12px;
    }
    .invoices-main-container .mw-480 {
        flex: 0 0 200px;
        min-width: 200px;
    }
    
    .invoice-number.fa-14 {
        font-size: 10px;
    }
    
    .invoice-status p {
        font-size: 8px;
        padding: 1px 5px;
        line-height: 11px;
    }
    .invoices-main-container .mw-920 {
        flex: 0 0 380px;
        min-width: 380px;
    }
    
    .description .fa-16 {
        font-size: 12px;
    }
    
    .invoice-table table td.description {
        padding: 10px;
    }
    
    .invoice-table table td {
        padding: 10px;
    }
    
    .amount .fa-40 {
        font-size: 18px;
    }
    
    .invoice-info .fa-14 {
        font-size: 12px;
    }
    
    .client-info .fa-14 {
        font-size: 12px;
    }
    
    .btn-reg.invoice-pay-now {
        font-size: 12px;
        min-width: 110px;
        padding: 5px;
    }
    .project-addional-fields .col-lg-6 {
        margin-bottom: 10px;
    }
    .brief-items-make-a-gig-inner {
        padding: 10px;
    }
    .min-height-54 #briefcharcount {
        right: 10px;
    }
    
    .items-row-project-form .form-group-custom.min-height-54 textarea {
        padding: 10px 60px 10px 10px;
    }
    
    .text-area-80-max p {
        font-size: 10px;
    }
    
    .btcd-f-wrp>button {
        margin-right: 5px;
    }
    
    .f-max.fa-12, .btcd-f-title.fa-16 {
        font-size: 10px;
    }

    .save-btn-milestone {
        flex: 0 0 100%;
    }
    
    .editable-item {
        flex-wrap: wrap;
        gap: 5px;
        margin-bottom: 10px;
    }
    
    .editable-item 
    input {
        width: calc(100% - 25px);
    }
    
    .remove-checkbox:checked + .custom-checkbox::after {
        top: 2px;
    }
    
    .btn-reg.btn-green.save-btn-milestone, .btn-reg.cancel-btn-milestone {
        padding: 3px 10px;
    }
    .items-row-brief-form {
        margin-top: 0px;
    }
    .brief-items-summary {
        padding: 10px;
    }
    .brief-notification-user-container h4 {
        font-size: 16px;
    }
    .chat-messages-main .mw-330 {
        padding: 20px 10px 20px 0px;
    }
    .knowledge-archive-section2 {
        padding-bottom: 40px;
    }
    .knowledge-related-article {
        padding: 25px 15px;
    }
    .mw-96 {
        max-width: 75px;
    }
    
    .height-96 {
        height: 75px;
    }
    
    .project-progress-chat .progress-status {
        height: 75px;
        width: 75px;
    }
    
    .gap-115 {
        gap: 60px;
    }
    
    .project-progress-chat .progress-arrow:after {
        width: 45px;
        height: 14px;
        right: -54px;
    }
    .milestone-stepss {
        text-align: center;
    }
    .welcome-message.freelancer-contarct {
        padding: 15px;
    }
    
    .brief-notification-user-icon.freelance-image {
        display: none;
    }
    .contract-signature-content {
        padding: 20px;
    }
    .user-profile-preview-details {
        flex-wrap: wrap;
    }
    
    .user-status-active {
        padding: 10px;
    }
    
    .user-active-online.preview-gig-profile-picture:before {
        width: 10px;
        height: 10px;
    }
    
    .user-active-online:before {
        width: 10px;
        height: 10px;
    }
    .top-freelancer-575 .mw-262 {
        max-width: 85%;
    }
    .show-all-bid-bid-notification-left .brief-notification-user.show-all-bid-notification-user {
        padding: 15px 10px;
    }
    .brief-notification-user.show-all-bid-notification-user {
        padding: 16px 10px;
        border-radius: 5px;
    }
    .prelaunch-bottom {
        margin-bottom: 20px;
    }
    .freelancer-location, .freelancer-member-since {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .modal-text-items-parent {
        padding: 20px 10px;
    }
    
    .modal-text-items-parent > h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .modal-text-items > img {
        display: none;
    }
    
    .modal-text-items-text {
        max-width: 100%;
    }
    
    .modal-text-items-text:after {
        width: 100%;
    }
    
    .ml-44 {
        margin-left: 0px;
    }
    .home-section9 .mw-664 {
        max-width: 100%;
        text-align: center;
    }
    /*  */
    /* a.dmca-badge {
        display: flex;
        padding-top: 15px;
    }
    a.dmca-badge img {
        max-width: unset;
    } */
    .col-logo-footer {
        display: flex;
        flex-flow: column;
        align-items: center;
    }
    .gig-content ul {
        margin-bottom: 10px;
    }
    .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: 12px;
    }
    .fa-400 {
        font-size: 80px;
    }
    
    .back-icon {
        width: 35px;
        height: 35px;
    }
    
    .back-icon svg {
        width: 12px;
        height: 12px;
    }
    .gig-gallery-item video {
        height: 110px; 
    }
    .item-info-personal svg {
        width: 14px;
        height: 14px;
    }
    
    .item-info-personal .gap-10 {
        gap: 5px;
    }
    #gig_category_tabs {
        max-width: 114px;
    }
    
    .home-categories.justify-content-between {
        justify-content: flex-start;
        height: auto;
    }
    .home-cat-img img {
        height: auto;
        width: 45px;
    }
    .explore-gig-arrow .explore-prev {
        left: 15px;
    }
    
    .explore-gig-arrow .explore-next {
        right: 15px;
    }
    #gig_category_tabs .slick-list {
        padding: 10px 0px;
    }
    
    .home-categories:before {
        width: 90px;
        height: 104px;
        filter: blur(9px);
    }
    .recent-view-tabs .recent-view-item {
        max-width: calc(50% - 4px);
    }
    
    .recent-view-tabs .fa-18 {
        font-size: 9px;
    }
    
    .recent-view-tabs .fa-12 {
        font-size: 9px;
    }
    
    .recent-view-tabs .recent-delivery svg {
        width: 9px;
        height: 9px;
    }
    
    .recent-view-tabs .fa-14 {
        font-size: 7px;
    }
    
    .recent-view-tabs .recent-user-img {
        width: 15px;
        height: 15px;
    }
    
    .recent-view-tabs .fa-21 {
        font-size: 9px;
    }
    
    .recent-view-tabs .recent-img {
        height: 70px;
    }
    .home-cat-img img {
        width: 35px;
    }
    #gig_category_content .recent-view-item:nth-child(n+5) {
        display: none;
    }
    .recent-view-tabs .recent-user {
        max-width: 81px;
    }
    .custom-checkbox-project-proposal {
        width: 20px;
        height: 15px;
    }
    .recent-img-container video {
        height: 70px;
    }
    .active-paused-tabs {
        gap: 0px 25px;
    }
    .project-progress-auto > * {
        flex: 0 0 125px;
        max-width: 125px;
        padding: 8px;
        border-radius: 5px;
    }
    
    .progress-arrow-wallet .mt-10 {
        margin-top: 5px;
    }
    
    .gap-92 {
        gap: 40px;
    }
    
    .progress-arrow.progress-arrow-wallet:after {
        width: 18px;
        right: -38px;
    }
    .mh-85 {
        min-height: 50px;
    }
    .congrats-success h3 {
        font-size: 30px;
        margin: 20px 0 20px;
    }
    
    .congrats-success p {
        margin-bottom: 30px;
    }
    .brief-chat-mb .brief-notification-left-header h3 {
        font-size: 18px;
    }
    
    .message-tabs-chat .nav-tabs .nav-item .color-fff {
        font-size: 13px;
    }
    
    #chat-project-search-input {
        font-size: 12px;
        padding: 6px 30px 6px 10px;
    }
    
    .pt-60 {
        padding-top: 25px;
    }
    .brief-notification-user-container.chat-only-screen {
        padding: 0px 8px;
    }
    
    .brief-chat-mb .brief-notification-left-header {
        padding: 0px 16px 0px 10px;
    }
    
    .chat-messages-main-inner .brief-notification-user {
        padding: 10px;
        min-height: 64px;
    }
    .emojionearea .emojionearea-editor, .emojionearea.focused .emojionearea-editor {
        padding: 10px 63px 10px 25px;
        min-height: 40px;
        max-height: 40px;
    }
    
    .chat-upload {
        left: 4px;
    }
    
    #chat-text-area-submit {
        right: 5px;
    }
    
    .emojionearea .emojionearea-button {
        right: 43px;
    }
    .items-login-gfe a {
        font-size: 14px;
    }
    .login-via-gfe {
        margin: 30px 0 0;
    }
    .items-login-gfe a {
        padding: 11.5px 15px;
    }

    .client-signup-right {
        padding: 0px 20px 40px;
    }

    .items-login-gfe a > span {
        left: 10px;
        max-width: 20px;
    }
    .contract-creation-content, .wallet-update-status-content, .create-term-content {
        padding: 30px 20px;
      }
      
      .contract-creation-fields .input-fields select, .contract-creation-fields .input-fields textarea, .contract-creation-fields .input-fields input, .wallet-update-status-content .input-fields select, .wallet-update-status-content .input-fields input, .wallet-update-status-content .input-fields textarea {
        padding: 7px 10px;
        min-height: 35px;
        font-size: 12px;
        height:35px;
      }
      
      .contract-creation-sub-category .select2-selection.select2-selection--multiple {
        height: 35px;
        min-height: 35px;
        padding: 0px;
      }
      .contract-creation-category .select2-container--default .select2-selection--single{
        height: 35px !important;
        min-height: 35px;
        padding: 0px 10px;
      }
      .contract-creation-category .select2-container--default .select2-selection--single .select2-selection__rendered{
        line-height: 35px !important;
        font-size: 12px;
      }
      .contract-creation-category .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 35px !important;
      }
      .contract-content {
        padding: 20px 10px;
    }
    .dashboard__promo__row {
        margin-bottom: 20px;
    }
    .dashboard__promo__row h4 {
        font-size: 16px;
    }
    .contract-detail-form .gap-20 {
        gap: 10px;
    }
    .contract-detail-form .gap-20 {
        gap: 10px;
    }
    .mw-110 {
        max-width: 100%;
    }
    .mw-435 {
        max-width: 100%;
    }
        .contract-detail-form .contract-fields {
        flex-wrap: wrap;
    }
    .contract-detail-form .input-fields select, .contract-detail-form .input-fields textarea, .contract-detail-form .input-fields input {
        min-height: 35px;
        font-size: 12px;
    }
    #contractView .contract-view-content-inner {
        padding: 20px 10px;
    }
    .contract-creation-content{
        padding: 30px 20px;
    }
    a.create-contract {
        font-size: 12px;
    }
    .wallet-update-status-dialog .view-status table tr td {
        min-width: unset;
        padding-right: 7px;
    }
}