@media  (min-width: 992px){ 
    input:-webkit-autofill {
        -webkit-box-shadow:0 0 0 2.6vw 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.6vw white inset;/*your box-shadow*/
        -webkit-text-fill-color: #333;
    } 

    /* Login-Page */
    .container-mw-90{
        max-width: 75vw;
        width: 100%;
        margin: 0 auto;
    }

    .centering-items-flex{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .fa-12{
        font-size: 0.63vw;
    }

    .fa-14{
        font-size: 0.73vw;
    }
    .autocomplete-suggestion,
    .fa-16{
        font-size: 0.83vw;
    }

    .fa-20{
        font-size: 1.04vw;
    }

    .fa-34{
        font-size: 1.77vw;
    }

    .mb-12{
        margin-bottom: 0.63vw;
    }

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

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

    .login-via-gfe {
        display: flex;
        flex-direction: column;
        gap: 0.94vw;
        margin: 2.45vw 0;
    }

    .items-login {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        max-width: 28.65vw;
    }

    .main-sign-up-area {
        margin: auto 0;
    }

    .items-login-gfe a {
        display: flex;
        align-items: center;
        width: 100%;
        border: 0.05vw solid #BEBEBE;
        font-size: 0.94vw;
        letter-spacing: -0.02vw;
        color: var(--black);
        padding: 0.6vw 3.75vw;
        text-decoration: none;
        border-radius: 0.26vw;
        position: relative;
        justify-content: center;
        transition: 0.3s ease-in-out;
    }

    .items-login-gfe a:hover {
        background: rgb(47 47 49/20%);
    }

    .logo-main img{
        max-width: 6.15vw;
        width: 100%;
        height: auto;
    }

    .items-login-gfe a > span {
        position: absolute;
        left: 1.67vw;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        max-width: 1.46vw;
    }

    .items-login-gfe a > span img {
        width: 100%;
        object-fit: scale-down;
        height: auto;
    }

    .fa-14{
        font-size: 0.73vw;
    } 

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

    .py-40{
        padding-top: 2.08vw;
        padding-bottom: 2.08vw;
    }

    .mt-50{
        margin-top: 2.6vw;
    }

    .mt-38{
        margin-top: 1.98vw;
    }

    .ls-03{
        letter-spacing: -0.02vw;
    }

    .fa-18{
        font-size: 0.94vw;
    }

    .input-item label {
        margin-bottom: 0.52vw;
    }

    .input-item input {
        width: 100%;
        height: 2.81vw;
        border: 0.05vw solid #BEBEBE;
        background: #fff;
        border-radius: 0.26vw;
        padding: 0.52vw 2.6vw 0.52vw 1.15vw;
        font-size: 0.83vw;
    }

    .password-input {
        position: relative;
    }

    .password-input .image-eye {
        position: absolute;
        right: 0.89vw;
        top: 50%;
        transform: translateY(-50%);
        max-width: 0.83vw;
        width: 100%;
        cursor: pointer;
        background: transparent;
        border: none;
    }

    .input-item {
        margin-bottom: 0.94vw;
    }

    .submit-btn button {
        min-height: 2.81vw;
        background: transparent;
        border-radius: 0.26vw;
        color: #fff;
        font-size: 0.94vw;
        border: 0.05vw solid #BEBEBE;
        background: var(--black);
        transition: 0.3s ease-in-out;
    }

    .submit-btn button:disabled {
        color: #BEBEBE;
        background: transparent;
    }
    .btn-icon-inside-input,
    .caution {
        position: absolute;
        top: 50%;
        right: 1.15vw;
        background: transparent;
        border: none;
        width: 100%;
        max-width: 1.25vw;
        transform: translateY(-50%);
        opacity: 0;
        visibility: hidden;
        transition: 0.3s ease-in-out;
    }

    .incorrect-text{
        display: none;
    }

    .incorrect .incorrect-text {
        display: block;
    }

    .incorrect.input-item input {
        border-color: var(--red);
    }

    .incorrect .caution {
        visibility: visible;
        opacity: 1;
    }

    .list-of-requirements {
        margin: 1.04vw 0;
        display: none;
    }

    .list-of-requirements li {
        position: relative;
        padding-left: 1.56vw;
        font-size: 0.83vw;
        margin-bottom: 0.78vw;
        color: #37C047;
        filter: grayscale(1);
        transition: 0.3s ease-in-out;
    }

    .list-of-requirements li.fulfilled {
        filter: none;
        text-decoration: line-through;
    }

    .list-of-requirements li:before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background-image: url(../images/icons/check-icon.png);
        width: 0.94vw;
        height: 0.94vw;
        background-size: contain;
    }

    /* Account Setup */
    .username-input.incorrect input {
        border-color: var(--red);
    }
    .username-input.correct input {
        border-color: var(--green);
    }

    .username-input.correct .check-icon {
        opacity: 1;
        visibility: visible;
    }
    /* Account Setup */

    /* OTP */
    .mw-54{
        max-width: 2.81vw;
    }
    .gap-28{
        gap: 1.46vw;
    }

    .otp-inputs.correct input.input-single-otp {
        border-color: var(--green);
    }

    .incorrect .validation-text {
        display: block !important;
    }
    .icon-added {
        padding-left: 1.82vw;
        position: relative;
    }

    .icon-added:before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background-image: url(../images/icons/tick.png);
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 1.25vw;
        background-position: left center;
    }

    /* OTP */

    /* Sign-in */
    .my-18{
        margin-top: 0.94vw;
        margin-bottom: 0.94vw;
    }
    /* Sign-in */
    /* Login-Page */

    /* Steps Forms */
    .step{
        display:none
    }
    .py-62{
        padding-top: 3.23vw;
        padding-bottom: 3.23vw;
    }
    .container-1500{
        max-width: 78.13vw;
        width: 100%;
        margin: 0 auto;
    }

    .fa-30{
        font-size: 1.56vw;
    }
    .mw-700{
        max-width: 36.46vw;
        width: 100%;
    }
    .mw-470{
        max-width: 24.48vw;
        width: 100%;
    }
    .lh-134{
        line-height: 134%;
    }
    .fa-22{
        font-size: 1.15vw;
    }
    .mb-60{
        margin-bottom: 3.13vw;
    }

    .gutter-x-60{
        --bs-gutter-x: 3.13vw;
    }

    .gutter-x-42{
        --bs-gutter-x: 2.19vw;
    }

    .row-gap-25{
        row-gap: 1.3vw;
    }
    .after-top-right-image:after{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../images/icons/after-top-right-image.svg);
        background-repeat: no-repeat;
        background-size: 15.99vw;
        background-position: calc(100% - 2.55vw) top;
        z-index: -1;
    }
    .z-index-1{
        z-index: 1;
    }

    .seller-buyer > label {
        border: 0.05vw solid #BEBEBE;
        border-radius: 0.94vw;
        display: block;
        padding: 1.51vw 3.65vw 1.51vw 2.6vw;
        background: #fff;
        filter: drop-shadow(0vw 0vw 0vw rgb(0,0,0,10%));
        transition: 0.3s ease-in-out;
        cursor: pointer;
    }

    .check-box-custom {
        display: block;
        width: 1.3vw;
        height: 1.3vw;
        background: transparent;
        position: relative;
        border-radius: 0.16vw;
        transition: 0.3s ease-in-out;
        border: 0.05vw solid #BEBEBE;
    }

    .check-box-custom:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url(../images/icons/tick-black.svg);
        background-repeat: no-repeat;
        background-position: center;
        transform: scale(0);
        transition: 0.3s ease-in-out;
        background-size: 50%;
    }

    .seller-buyer input[type="radio"]:checked ~ label .check-box-custom {
        background: #FFC531;
        border-color: transparent;
    }

    .seller-buyer input[type="radio"]:checked ~ label .check-box-custom:after {
        transform: scale(1);
    }

    .seller-buyer-items-inner-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-flow: wrap;
        margin: 1.56vw 0 3.65vw;
    }

    .seller-buyer-items-inner-content-text h3 {
        font-size: 2.08vw;
        font-weight: 500;
        line-height: 103%;
    }

    .seller-buyer-items-inner-content-text {
        padding-right: 1.56vw;
        max-width: 20.83vw;
    }

    .seller-buyer-items-inner-content-image {
        border: 0.1vw solid #EDEDED;
        width: 7.81vw;
        height: 7.81vw;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 1.2vw;
        position: relative;
        overflow: hidden;
        z-index: 1;
    }

    .seller-buyer > label p {
        font-size: 0.83vw;
        color: #BEBEBE;
    }


    .seller-buyer input[type="radio"]:checked ~ label .seller-buyer-items-inner-content-image:after {
        transform: scale(1);
    }

    .seller-buyer input[type="radio"]:checked ~ label .seller-buyer-items-inner-content-image img {
        filter: brightness(0) invert(1);
    }

    .seller-buyer-items-inner-content-image:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #FFC531;
        z-index: -1;
        transition: 0.3s ease-in-out;
        transform: scale(0);
    }

    .seller-buyer-items-inner-content-image img {
        transition: 0.3s ease-in-out;
        max-width: 65%;
        height: auto;
        max-height: 75%;
        object-fit: contain;
    }

    .seller-buyer input[type="radio"]:checked ~ label {
        border-color: #37C047;
        filter: drop-shadow(0vw 1.46vw 4.56vw rgb(0,0,0,5%));
        background-color: #37C047;
    }
    .seller-buyer input[type="radio"]:checked ~ label h3, .seller-buyer input[type="radio"]:checked ~ label p {
        color: #fff;
    }

    .btns-steps {
        margin-top: 3.65vw;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .btn-go-back,
    .btns-steps a {
        text-decoration: none;
    }

    .btn-go-back{
        display: flex;
        align-items: center;
        gap: 0.68vw;
    }

    .btn-go-back:hover img {
        filter: brightness(0.9) invert(1);
    }

    .btn-go-back:hover,
    .btns-steps a:hover {
        text-decoration: underline;
        color: var(--black);
    }

    .btn-reg {
        padding: 0.63vw 1.67vw;
        border: 0.05vw solid var(--black);
        background: #2F2F31;
        font-size: 0.94vw;
        color: #fff;
        border-radius: 0.26vw;
        font-weight: 500;
        text-decoration: none;
        transition: 0.3s ease-in-out;
    }

    .type-of-freelancer-two-steps {
        margin-top: 5.21vw;
    }
    /* 2nd Step */
    .seller-buyer.smaller-box > label {
        padding: 1.56vw 1.56vw 2.86vw;
    }

    .seller-buyer.smaller-box .seller-buyer-items-inner-content {
        display: block;
        margin: 0;
    }

    .seller-buyer.smaller-box .seller-buyer-items-inner-content .seller-buyer-items-inner-content-image {
        margin: 2.6vw 0;
        width: 6.51vw;
        height: 6.51vw;
    }

    .seller-buyer.smaller-box .seller-buyer-items-inner-content .seller-buyer-items-inner-content-text {
        padding: 0;
        max-width: 100%;
    }

    .seller-buyer.smaller-box .seller-buyer-items-inner-content .seller-buyer-items-inner-content-text h3 {
        font-size: 1.35vw;
    }
    /* 2nd Step */
    /* Steps Forms */

    /* Almost There */
    .fa-40{
        font-size: 2.08vw;
    } 
    .fa-60{
        font-size: 3.13vw;
    } 
    .mb-80{
        margin-bottom: 4.17vw;
    } 
    .fw-600{
        font-weight: 600;
    }
    .container-1750{
        max-width: 91.15vw;
        margin: 0 auto;
        width: 100%;
    }
    .gap-18{
        gap: 0.94vw;
    }
    .almost-there-text ul li {
        font-size: 1.35vw;
        font-weight: 500;
        margin-bottom: 2.08vw;
        position: relative;
        padding-left: 1.82vw;
    }

    .almost-there-text ul li:last-child {
        margin-bottom: 0;
    }

    .almost-there-text ul li:before {
        content: counter(my-counter) "-";
        counter-increment: my-counter;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        color: var(--green);
    }

    .almost-there-text ul {
        counter-reset: my-counter;
    }
    .btn-reg.btn-transparent,
    .btn-reg:hover {
        background: transparent;
        color: var(--black);
    }

    .btn-reg.btn-transparent:hover {
        background: var(--black);
        color: #fff;
    }

    /* Almost There */

    /* Seller Profile Page */
        .progress-bar-parent-text {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
        }

        .progress-bar-parent-text h3,.progress-bar-parent-text p {
            font-size: 0.83vw;
            color: var(--black);
            line-height: 188%;
        }

        .progress-bar-parent {
            max-width: 20.16vw;
            margin-left: auto;
        }

        .header-seller-profile {
            padding: 1.56vw 0 4.17vw;
        }
        .container-1400 {
            max-width: 72.92vw;
            width: 100%;
            margin: 0 auto;
        }
        .step.active {
            display: block;
        }
        #progress {
            width: 100%;
            background-color: rgb(190 190 190 / 50%);
            border-radius: 2.6vw;
            overflow: hidden;
        }
        #bar {
            width: 0;
            height: 0.89vw;
            background-color: #37C047;
            border-radius: 0.26vw;
            transition: width 0.3s ease;
        }
        .row-gap-56{
            row-gap:2.92vw
        }

        .form-area-show-all {
            padding: 1.46vw 2.24vw;
            background: transparent;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            flex-flow: wrap;
            border: 0.05vw solid #BEBEBE;
            border-radius: 0.94vw;
        }

        .items-form-area-all {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 1.51vw;
            padding-right: 4.27vw;
            position: relative;
            transition:0.3s ease-in-out;
        }

        .items-form-area-all span {
            width: 1.88vw;
            height: 1.88vw;
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--yellow);
            border: 0.05vw solid #BEBEBE;
            border-radius: 50%;
            color: #BEBEBE;
            font-weight: 600;
            transition:0.3s ease-in-out;
            position: relative;
            overflow: hidden;
            font-size: 0.94vw;
        }

        .items-form-area-all span:after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: url(../images/icons/tick-dark-green.png);
            background-color: #FFC531;
            background-position: center;
            background-size: 50%;
            background-repeat: no-repeat;
            transform: scale(0);
            transition:0.3s ease-in-out;
        }

        .items-form-area-all.active-items-area.process-completed span:after{
            transform: scale(1);
        }

        .items-form-area-all h3 {
            font-size: 0.94vw;
            color: #bebebe;
            transition:0.3s ease-in-out;
        }

        .items-form-area-all:after {
            content: '';
            position: absolute;
            right: 1.51vw;
            top: 50%;
            transform: translateY(-50%);
            width: 1.25vw;
            height: 100%;
            background-image: url(../images/icons/fe-arrow-right-grey.svg);
            background-repeat: no-repeat;
            background-position: center;
            transition:0.3s ease-in-out;
            background-size: 1.25vw;
        }

        .items-form-area-all:last-child {
            padding: 0;
        }

        .items-form-area-all:last-child:after {
            display: none;
        }

        .items-form-area-all.active-items-area span {
            background: #FFC531;
            color: #fff;
            border-color: #FFC531;
        }

        .items-form-area-all.active-items-area h3 {
            color: #000;
        }

        .items-form-area-all.active-items-area:after {
            filter: brightness(2) invert(1);
        }
        .color-BEBEBE{
            color: #BEBEBE;
        }
        .mb-25{
            margin-bottom: 1.3vw;
        }
        .color-red{
            color: #FF0000;
        }
        .fw-500{
            font-weight: 500;
        }
        .border-radius-5{
            border-radius: 0.26vw;
        }
        .border-1-bebebe{
            border:0.05vw solid #bebebe
        }
        .mw-447{
            max-width: 23.28vw;
            width: 100%;
        }
        .mw-1162{
            max-width: 60.52vw;
            width: 100%;
        }
        .mt-20{
            margin-top: 1.04vw;
        }
        .input-fields select,
        .input-fields textarea,
        .input-fields input{
            width: 100%;
            min-height: 2.81vw;
            border: 0.05vw solid #BEBEBE;
            border-radius: 0.26vw;
            padding: 0.73vw 0.78vw;
            font-size: 0.83vw;
            color: black;
            transition:0.3s ease-in-out;
        }
        .input-fields select{
            -webkit-appearance: none;
            -moz-appearance: none;
            text-indent: 0.05vw;
            text-overflow: '';
        }
        .input-fields select {
            background-image: url(../images/icons/chev-down-grey.png);
            background-repeat: no-repeat;
            background-position: calc(100% - 1.04vw) 50%;
            background-size: 0.83vw;
            padding-right: 2.08vw;
        }
        .input-fields textarea{
            resize: none;
        }
        ::placeholder {
            color:#bebebe
        }
        .label-parent label{
            font-size: 1.15vw;
            color: #000;
            font-weight:600;
            line-height:2.81vw;
        }
        .gap-30{
            gap: 1.56vw;
        }
        .mb-70{
            margin-bottom: 3.65vw;
        }
        .mb-90{
            margin-bottom: 4.69vw;
        }
        .mb-20{
            margin-bottom: 1.04vw;
        }
        .lh-113p{
            line-height: 5.89vw !important;
        }
        .lh-86p{
            line-height: 4.48vw !important;
        }
        .input-field-profile-picture {
            display: flex;
            gap: 1.82vw;
        }

        .profile-picture-image {
            width: 5.89vw;
            height: 5.89vw;
            border-radius: 50%;
            overflow:hidden
        }

        .profile-picture-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .label-profile {
            max-width: 16.67vw;
            margin-top: 1.56vw;
        }

        .label-profile > label {
            border: 0.05vw solid #37C047;
            color: #37C047;
            display: block;
            text-align: center;
            max-width: 6.93vw;
            border-radius: 0.26vw;
            padding: 0.42vw 0.26vw;
            font-size: 0.83vw;
            font-weight: 500;
            cursor: pointer;
        }
        .pb-100{
            padding-bottom: 5.21vw;
        }
        .mw-490{
            max-width:25.52vw;
            width: 100%;
        }
        .p-15{
            padding: 0.78vw;
        }
        .add-more[disabled] {
            background: transparent;
            color: #bebebe;
            border-color: #bebebe;
        }
        .mw-172{
            max-width: 8.96vw;
            width: 100%;
        }
        .mw-119{
            max-width: 6.2vw;
            width: 100%;
        }
        .skills-checkbox label {
            padding-left: 1.82vw;
            position: relative;
            cursor: pointer;
            display: block;
            font-size: 0.73vw;
        }

        .skills-checkbox label:before,.skills-checkbox label:after {
            content: '';
            position: absolute;
            left: 0;
            top: 0.1vw;
            width: 1.04vw;
            height: 1.04vw;
            border: 0.05vw solid #bebebe;
            border-radius: 0.16vw;
            transition: 0.3s ease-in-out;
        }

        .skills-checkbox label:after {
            background-image: url(../images/icons/tick-dark-green.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 0.57vw;
            transform: scale(0) rotate(360deg);
            border: none;
        }

        .skills-checkbox {
            width: 25%;
            padding-left: 0.52vw;
            padding-right: 0.52vw;
        }

        .row-skills-checkbox {
            display: flex;
            flex-flow: wrap;
            row-gap: 0.94vw;
            margin: 0 -0.52vw;
        }

        .skills-checkbox input[type="checkbox"]:checked ~ label:after {
            transform: scale(1) rotate(0deg);
        }
        .row-gap-20{
            row-gap: 1.04vw;
        }
        .mw-160{
            max-width: 8.33vw;
            width: 100%;
        }
        .mw-132{
            max-width: 6.88vw;
            width: 100%;
        }
        .flex-1-1-auto{
            flex: 1 1 auto;
        }
        .half {
            flex-basis: calc(50% - 0.78vw);
        }

        .quarter {
            flex-basis: calc(25% - 0.78vw);
        }

        .full {
            flex-basis: 100%;
        }
        .btn-reg.btn-transparent-green:hover,
        .btn-reg.btn-green{
            background:var(--green);
            border-color:var(--green);
            color: #fff;
        }
        .btn-reg.btn-transparent-green,
        .btn-reg.btn-green:hover{
            background:transparent;
            color: var(--green);
            border-color:var(--green);
        }
        /* Modal */
        .mw-745{
            max-width: 38.8vw;
            width: 100%;
        }
        .adding-phone-number-modal-main-content {
            border: none;
            border-radius: 0.94vw;
            padding: 3.39vw 4.27vw 1.56vw 3.33vw;
        }

        .adding-phone-number-modal-main {
            position: relative;
        }

        .btn-close-modal {
            position: absolute;
            right: 1.04vw;
            z-index: 9;
            top: 1.04vw;
            background: transparent;
            border: none;
            font-weight: 700;
            transition: 0.3s ease-in-out;
        }
        .btn-close-modal:hover {
            transform: rotate(180deg);
        }
        .mb-30{
            margin-bottom: 1.56vw;
        }
        .lh-222{
            line-height: 222%;
        }
        .mt-30{
            margin-top: 1.56vw;
        }
        .mb-6{
            margin-bottom: 0.31vw;
        }
        .mb-25{
            margin-bottom: 1.3vw;
        }
        .mb-50{
            margin-bottom: 2.6vw;
        }
        .btn-phone-modal-wrapper .btn-reg[disabled]:hover,
        .btn-phone-modal-wrapper .btn-reg[disabled]{
            background:#bebebe;
            border-color: transparent;
            color:#fff;
        }
        .mh-77{
            min-height:4.01vw;
        }
        .fa-25{
            font-size: 1.3vw;
        }
        .modal-phone-input input[type="number"] {
            padding-left: 4.17vw;
        }

        .country-code {
            position: absolute;
            top: 50%;
            left: 1.04vw;
            transform: translateY(-50%);
        }
        .mw-280{
            max-width: 14.58vw;
            width: 100%;
        }
        .mt-65{
            margin-top: 3.39vw;
        }

        .mb-65{
            margin-bottom: 3.39vw;
        }
        .mh-85{
            min-height: 4.43vw;
        }
        .fa-24{
            font-size: 1.25vw;
        }
        .fa-38{
            font-size: 1.98vw;
        }
        .mw-320{
            max-width: 16.67vw;
            width: 100%;
        }
        .mb-80{
            margin-bottom: 4.17vw;
        }
        .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;
        }
        @keyframes popuprotate{
            0%{
                transform:scale(0) rotate(0deg);
            }
            50%{
                transform:scale(1.3) rotate(0deg);
            }
            75%{
                transform:scale(1) rotate(0deg);
            }
            100%{
                transform:scale(1) rotate(360deg);
            }
        }

        .congrats-success h3 {
            margin: 2.97vw 0 2.03vw;
            font-size: 4.48vw;
            letter-spacing: -0.02vw;
            color: var(--black);
            line-height: 95%;
            font-weight: 600;
        }

        .congrats-success {
            text-align: center;
        }

        .congrats-success p {
            margin-bottom: 3.65vw;
        }

        .congrats-success .btn-reg {
            margin-bottom: 1.72vw;
        }

        .item-active-modal-form-verify-mobile{
            display:none;
        }
        
        .item-active-modal-form-verify-mobile.active{
            display:block;
        }
        

        .autocomplete-suggestions { text-align: left; border: 0.05vw solid #bebebe; border-bottom-left-radius: 0.16vw; border-bottom-right-radius: 0.16vw; background: #FFF; overflow: auto; }
        .autocomplete-suggestion { padding: 0.26vw 0.26vw; white-space: nowrap; overflow: hidden; cursor: pointer;}
        .check-box-custom:after {
            display: none;
        }
        
        .check-box-custom {
            display: none;
        }
        .type-of-freelancer-two-steps .btns-steps .btn-reg {
            display: none;
        }
        /* .autocomplete-suggestions strong { font-weight: normal; color: var(--green); } */
        /* Modal */
    /* Seller Profile Page */
    .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;
    }
    .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;
    }
    
    .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-reg.btn-join-team {
        border: 0.052vw solid #37c047;
        background: transparent;
        color: #000;
    }
    
    .btn-reg.btn-join-team:hover {
        background: #37c047;
        color: #fff;
    }
    .gap-20{
        gap:1.042vw;
    }
    .mw-1400 {
        width: 100%;
        max-width: 72.917vw;
    }
    
    .mw-685 {
        max-width: 35.677vw;
        width: 100%;
    }
    
    .mw-165 {
        max-width: 8.594vw;
    }
    .hourly-rate .example {
        position: absolute;
        top: 50%;
        left: 0.781vw;
        transform: translateY(-50%);
        font-size:0.833vw;
    }
    
    .hourly-rate {
        position: relative;
    }
    
    #ratepkr {
        padding-left: 2.083vw;
    }

    .available-hours-main sub {
        font-size: 0.521vw;
        font-weight: 400;
    }
    .project-resource-edit {
        gap: 0.26vw;
    }
    .seller-buyer-regular .seller-buyer-items-inner-content-text h3 {
        font-size: 0.833vw;
    }
    
    .seller-buyer.seller-buyer-regular > label {
        padding: 0.781vw 1.146vw 1.094vw 1.042vw;
    }
    
    .seller-buyer-regular .seller-buyer-items-inner-content-text {
        max-width: unset;
        padding: 0;
    }
    
    .seller-buyer-regular .seller-buyer-items-inner-content-image {
        width: 3.125vw;
        height: 3.177vw;
        border-radius: 0.417vw;
    }
    
    .seller-buyer-regular .seller-buyer-items-inner-content {
        margin: 0;
    }
    
    .seller-buyer-regular.seller-buyer input[type="radio"]:checked ~ label {
        background-color: #37C047;
    }
    
    .seller-buyer-regular.seller-buyer input[type="radio"]:checked ~ label h3 {
        color: #fff;
    }
    
    .seller-buyer-regular .seller-buyer-items-inner-content-image:after {
        background: #FFC531;
    }
    
    .seller-buyer-regular.seller-buyer input[type="radio"]:checked ~ label:after {
        content: "✔";
        background-color:#fff;
        font-size:0.521vw;
        position: absolute;
        top: 0.625vw;
        left: 0.938vw;
        width: 0.677vw;
        height: 0.677vw;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.156vw;
    }
    .regular-options span {
        margin-bottom: 0.521vw;
    }
    input#terms_condition {
        max-width: 7.292vw;
    }
    .message-loader {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(255, 255, 255, 0.8);
    }
    .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;
    }
}

@media all and (min-width: 51.67vw) and (orientation:portrait) {
    
}

@media(max-width:991px){
    .mb-absolute {
        display:none;
    }
    #phone_number_div .iti {
        width: 100%;
        max-width: 100%;
    }
    .form-control-custom-signing-up-new .input-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .form-control-custom-signing-up-new form > .d-flex{
        flex-wrap:wrap;
    }
}
@media(max-width:575px){
    
}