.form-group,.checkbox{text-align: left;}
.error{color: red !important;}
.loading-cntant {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    text-align: center;
    display: table;
    background: url(../images/taskers1-hub-logo.svg) center center no-repeat rgba(0, 0, 0, .8);
    z-index: 999999;
    left: 0;
    background-size: 65px
}
.loader,header.dtp-header {position: absolute}
.loader {
    margin: auto;
    font-size: 10px;
    border-top: 8px solid #0033A0;
    border-right: 8px solid #0033A0;
    border-bottom: 8px solid #0033A0;
    border-left: 8px solid #fff;
    -webkit-animation: 1s linear infinite spin;
    animation: 1s linear infinite spin;
    display: table-cell;
    vertical-align: middle;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999
}
.loader,.loader:after {border-radius: 50%;width: 130px;height: 130px}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.product-listing-pagination .pagination li.active .page-link{background-color: #02A6E5;color: #fff;}
.userprofilebox figure{padding: 0px;}
.profile-sidebar ul li.success a {color: #08A522;}
.profile-sidebar ul li.active a {color: #fff;}

.subscribe-form #subscriber{margin-bottom:0px;}
.subscribe-form .subscribe-btn{margin-top:20px;}
.subscribe-form .subscriber_data_email_error{display:flex;}



/* 08-02-2024 */

.login-user-detail{
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0;
}
.login-user-detail .user-img{
    width: 50%;
    padding-right: 50px;
}
.login-user-detail .account-form-area{
    width: 50%;
    background-color: #FAFAFA;
    padding: 55px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 10px;
}
.login-user-detail .account-form-area h3.title{
    font-size: 35px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 15px;
}
.login-user-detail .account-form-area p{
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 30px;
}
.login-user-detail .account-form-area .form-group .form-control{
    color: #000000;
}
.login-user-detail .account-form-area .verification-code{
    height: 70px;
}
.login-user-detail .account-form-area .verification-code::after{
    background-color: #FAFAFA;
}
.login-user-detail .account-form-area .verification-code .form-control{
    height: 70px;
    width: 100%;
    letter-spacing: 88px;
    text-indent: 10px;
}
.login-user-detail .account-form-area .verification-code span{
    height: 70px;
    width: calc(100% / 8);
    background-color: #fff;
    border: 1px solid #5B5B5B;
    border-radius: 8px;
    line-height: 60px;
}
.login-user-detail .account-form-area  .resend-otp{
    text-align: center;
    margin-top: 40px;
    font-size: 17px;
    font-weight: 600;
}
.login-user-detail .account-form-area  .resend-otp a{
    color: #02A6E5;
    font-weight: 700;
}
.login-user-detail .account-form-area  .resend-otp a:hover{
    text-decoration: underline;
}

.login-user-detail .account-form-area .password-reset-error{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.login-user-detail .account-form-area .password-reset-error p{
    margin-bottom: 1px;
    color: red;
    font-size: 13px;
    font-weight: 500;
    padding-right: 2px;
}

.no-record-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5;
    padding: 40px 20px 50px;
    border-radius: 10px;
    margin-top: 30px;
    text-align: center;
}
.no-record-box figure{
    max-width: 85px;
    margin: 0 auto;
}
.no-record-box p{
    font-size: 27px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 15px;
}
.no-record-box .btn{
    min-width: 250px;
    /* font-size: 18px; */
}

@media (max-width:1421px){
    .login-user-detail .account-form-area .verification-code .form-control{
        letter-spacing: 77px;
    }
}
@media (max-width:1399px){
    .login-user-detail .account-form-area .verification-code .form-control{
        letter-spacing: 63px;
        text-indent: 7px;
    }
}
@media (max-width:1199px){
    .login-user-detail .account-form-area .verification-code .form-control{
        letter-spacing: 48px;
        text-indent: 0px;
    }
}
@media (max-width:991px){
    .login-user-detail .user-img{
        display: none;
    }
    .login-user-detail .account-form-area{
        width: 100%;
    }
    .login-user-detail .account-form-area .verification-code .form-control {
        letter-spacing: 87px;
        text-indent: 13px;
    }
}
@media (max-width:767px){
    .login-user-detail .account-form-area{
        padding: 25px 10px;
    }
    .login-user-detail .account-form-area h3.title{
        font-size: 26px;
    }
    .login-user-detail .account-form-area .verification-area>.form-group{
        max-width: 300px;
        margin: 0 auto;
    }
    .login-user-detail .account-form-area .verification-code{
        height: 55px;
    }
    .login-user-detail .account-form-area .verification-code .form-control{
        letter-spacing: 40px;
        text-indent: 0;
        height: 55px;
    }
    .login-user-detail .account-form-area .verification-code span{
        height: 55px;
        line-height: 45px;
    }
    .login-user-detail .account-form-area .verification-code .form-control{
        font-size: 22px !important;
    }
    .login-user-detail .account-form-area p{
        font-size: 16px;
    }
    .login-user-detail .account-form-area .resend-otp{
        font-size: 15px;
        margin-top: 35px;
    }
    .no-record-box{
        padding: 30px 10px 30px;
    }
    .no-record-box figure{
        max-width: 70px;
    }
    .no-record-box p{
        font-size: 20px;
    }
    .no-record-box .btn{
        min-width: 100%;
        font-size: 16px;
    }
}
@media (max-width:576px){
    .login-user-detail .account-form-area .verification-area>.form-group{
        max-width: 250px;
    }
    .login-user-detail .account-form-area .verification-code .form-control{
        letter-spacing: 30px;
    }
    .login-user-detail .account-form-area .password-reset-error p{
        font-size: 12px ;
    }
    .login-user-detail .account-form-area .verification-code{
        height: 45px;
    }
    .login-user-detail .account-form-area .verification-code .form-control{
        height: 45px;
    }
    .login-user-detail .account-form-area .verification-code span{
        height: 45px;
        line-height: 35px;
    }

}


/* 08-02-2024 */
.top-skills-search button {
    position: relative;
    top: 0%;
    left: 0;
    transform: translateY(-0%);
    -webkit-transform: translateY(-0%);
    border: none;
    background-color: transparent;
}

.top-skills-search button.search_button{
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    border: none;
    background-color: transparent;
}
 
  
  
  
  /* 12-02-2024 */

  .client-verification ul li a.user_verified{
    border-color: #0033A0;
    box-shadow: rgb(0 51 160 / 30%) 0px 4px 12px;
    background-color: #0033A0;
  }
  .client-verification ul li a.user_verified img {
      filter: grayscale(1) brightness(5);
  }
  .job-detail-section .job-detail-box {
      margin-bottom: 20px;
  }
  .job-detail-section .job_milestones-table table.table-bordered{
    border-color: #b9b9b9;
  }
  .job-detail-section .job_milestones-table table tr th{
    background-color: #ddd;
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 700;
    color: #000;
  }

  .job-detail-section .job_milestones-table table tr td{
    padding: 10px 16px !important;
    font-size: 14px;
    font-weight: 600;
    color: #000;
  }
  .job-detail-section .jobpost-detail-data span{
    font-size: 15px;
  }


  /* 13-02-2024 */

  .profile-dropdown{
    width: fit-content;
  }
  .profile-dropdown .dropdown-toggle{
    width: 182px;
    height: auto;
    background-color: transparent;
    border: none;
    color: #000;
    text-align: start;
    justify-content: start;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .profile-dropdown .dropdown-toggle::after{
    background-image: url(../images/down_arrow.svg);
    border: none;
    width: 11px;
    height: 11px;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 9px;
    position: absolute;
    right: 0;
  }
  .profile-dropdown .dropdown-toggle figure{
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 10px;
    flex: 0 0 auto;
    border: 4px solid #fff;
  }
  .profile-dropdown .dropdown-toggle img{
    filter: none;
    max-width: 100%;
  }
  .profile-dropdown .dropdown-toggle div{
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .profile-dropdown .dropdown-toggle h2{
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #000000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 1px;
  }
  .profile-dropdown .dropdown-toggle p{
    font-size:  16px;
    line-height: 20px;
    font-weight: 500;
    color: #000000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .menu-bar{
    flex: 0 0 auto;
  }
  .blog-listing figure img{
    width: 100%;
  }
  .recent-box-listing li figure img{
    width: 100%;
    aspect-ratio: 2.13 / 1;
    object-fit: cover;
  }


  @media(max-width:991px){
    .profile-dropdown .dropdown-toggle h2{
        color: #fff;
    }
    .profile-dropdown .dropdown-toggle p{
        color: #fff;
    }
    .profile-dropdown .dropdown-toggle::after{
        filter: invert(1) brightness(5);
    }
    .profile-dropdown .dropdown-menu{
        top: 15px !important;
    }
    .profile-dropdown .dropdown-menu a{
        color: #000000 !important;
    }
    .profile-dropdown .dropdown-menu a:hover{
        color: #fff !important;
    }
  }
  @media(max-width:767px){
      .job-detail-section .job_milestones-table table{
          white-space: nowrap;
        }
        .job-detail-section .job_milestones-table table tr th{
            padding: 10px 10px !important;
        }
        .job-detail-section .job_milestones-table table tr td{
            padding: 10px 10px !important;
        }
        .job-detail-section .jobpost-detail-data span{
            font-size: 14px;
        }
    }
  


.btn-disabled{
  opacity: .4;
  cursor: default !important;
  pointer-events: none;
}

.finance-row .col-left .subcategory .filter-checkbox{
    padding-bottom: 29px;
    border-bottom: 1px solid rgb(112 112 112 / 20%);
    margin-bottom: 20px;
}

.tasker-listing li .inner-box .img-box .country-img {
    width: 24px;
    height: 24px;
    border-radius: 0%;
    overflow: hidden;
    box-shadow: none;
    border: 0px solid #FFFFFF;
    display: flex;
}
.profile_skill{pointer-events: none;}

.job-bid-modal .login-form h3{
    margin-bottom: 30px;
}
.job-bid-modal.login-form.modal .modal-dialog{
    max-width: 700px ;
}
.job-bid-modal .login-form{
    max-width: 100%;
    width: 100%;
    padding: 45px 15px 20px;
} 
.job-bid-modal textarea.form-control{
    /* height: 350px !important; */
}
.job-bid-modal select.form-control{
    padding-right: 30px;
}


.comment-form .rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: 20px;
  }
  
  .comment-form .rating:not(:checked)>input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
  }
  
  .comment-form .rating:not(:checked)>label {
    width: 1em;
    padding: 0 .1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 200%;
    line-height: 1.2;
    color: #ddd;
  }
  
  .comment-form .rating:not(:checked)>label:before {
    content: '★';
    border: none;
  }
  
  .comment-form .rating>input[type="radio"]:checked+label:before {
    border-color: transparent;
    background-color: transparent;
  }
  
  .comment-form .rating>input:checked~label {
    color: #f70;
  }
  
  .comment-form .rating:not(:checked)>label:hover,
  .comment-form .rating:not(:checked)>label:hover~label {
    color: gold;
  }
  
  .comment-form .rating>input:checked+label:hover,
  .comment-form .rating>input:checked+label:hover~label,
  .comment-form .rating>input:checked~label:hover,
  .comment-form .rating>input:checked~label:hover~label,
  .comment-form .rating>label:hover~input:checked~label {
    color: #ea0;
  }
  
  .comment-form .rating>label:active {
    position: relative;
    top: 2px;
    left: 2px;
  }

  /* 21-02-2024 */

.about-me-section .right-box .user-review p{
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    display: flex;
    align-items: center;
}
.about-me-section .right-box .user-review .rating-text-bg{
    width: 30px;
    height: 30px;
    background-color: #ffc107;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 2px;
}
.about-me-section .right-box .user-price-graph p{
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}
  
.refr-link { 
	border: 1px solid #5B5B5B26;
    border-radius: 5px;
    box-shadow: 0px 2px 10px #0000000F;
    background-color: #fff;
    padding: 10px 20px 10px 10px;
    overflow: hidden;
    z-index: 0;
}

.collapsesidebar .accordion .subcategry li a.active {
    background-color: #fff;
    padding: 10px 15px;
    color: #02A6E5;
    font-weight: 600;
}
.finance-tasks-listing li .inner-listing p.main-price{
    font-size: 22px;
    font-weight: 800;
    color: #000;
    margin-bottom: 5px;
}
.height-auto{height:auto !important;}
.chatWrraper .profile-fixed-section .left-section .user-img span.offline{background-color: #7f7f7f;}



/* 22-02-2024 */

.loading {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 5px;
  }
  
  .loading__dot {
    animation: dot ease-in-out 1s infinite;
    background-color: grey;
    display: inline-block;
    height: 7px;
    margin: 4px;
    width: 7px;
    border-radius:50%;
  }
  
  .loading__dot:nth-of-type(2) {
    animation-delay: 0.2s;
  }
  
  .loading__dot:nth-of-type(3) {
    animation-delay: 0.3s;
  }
  
  @keyframes dot {
    0% { background-color: lightgray; transform: scale(1); }
    50% { background-color: #02A6E5; transform: scale(1.3); }
    100% { background-color: lightgray; transform: scale(1); }
  }
  #load_more_button_message{
    display: flex;
    align-items: center;
    color: #02A6E5;
    font-weight: 700;
    padding: 12px 20px;
  }
  #load_more_button_message img{
    padding-left: 5px;
    width: 20px;
  }
  #load_more_button_message::before{
    display: none !important;
  }
  .profile-fixed-section{
    z-index: 1;
  }
  .chatWrraper .message-box-start .user-section .user-profile li a{
    position: relative;
  }
  .chatWrraper .message-box-start .user-section .user-profile li a .unseen-message-count{
    position: absolute;
    top: 10px;
    right: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #02A6E5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
  }
  .chatWrraper .message-box-start .user-section .user-profile li .user-content{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .chatWrraper .message-box-start .user-section .user-profile li .user-content .top-head{
    flex-direction: column;
}
.chatWrraper .message-box-start .user-section .user-profile li .user-content .top-head h4{
    width: 100%;
    padding-right: 35px;
  }
  .chatWrraper .message-box-start .user-section .user-profile li .user-content .top-head span{
    text-align: left;
    width: 100%;
  }
  .bottom-fixed-typetext{
    z-index: 1;
  }
  .top-skills-search .select2-container{
    width: 100% !important;
  }
  .top-skills-search .select2-container--default .select2-selection--multiple{
    padding:10px 15px 10px 50px;
    font-size: 18px;
    font-weight: 500;
    color: rgb(91, 91, 91,0.50);
    border-radius: 5px;
    height: 60px;
    background-color: #FFFFFF !important;
    text-overflow: ellipsis;
    border: 1px solid #D5D5D5 !important;
    overflow: auto;
  }
  .top-skills-search button.search_button{
    transform: none;
    -webkit-transform: none;
    top: 15px;
  }

  .hiring-detail-tab .nav-tabs{
    border: none;
    justify-content: center;
  }
  .hiring-detail-tab .nav-tabs .nav-link{
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    border: 1px solid #0033A0;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
  }
  .hiring-detail-tab .nav-tabs .nav-item:not(:last-child){
    margin-right: 10px;
  }
  .hiring-detail-tab .nav-tabs .nav-link.active{
    margin-bottom: 0;
    color: #0033A0;
    border-color: #0033A0;
    padding-bottom: 18px;
    border-bottom-color: transparent;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .hiring-detail-tab .tab-content>.tab-pane{
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px;
    transition: all 0.1s ease-in-out;
  }
  .hiring-detail-tab .tab-content>.tab-pane.active{
    border-color: #0033A0;
    margin-top: -2px;
  }
  .hiring-detail-tab #hiring-tab-pane ul{
    padding:0;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #ddd;
  }
  .hiring-detail-tab #hiring-tab-pane ul li{
    background-color: transparent;
    font-size: 15px;
    font-weight: 600;
    color: #000000;
    padding: 0;
    border-radius: 0;
  }
  .hiring-detail-tab #hiring-tab-pane ul li:nth-child(even){
    background-color: #F0F3FA;
  }
  .hiring-detail-tab #hiring-tab-pane ul li p{
    width: 20%;
    padding: 12px 12px;
  }
  .hiring-detail-tab #hiring-tab-pane ul li span{
    width: 80%;
    padding: 12px 12px;
    border-left: 1px solid #ddd;
  }
  .hiring-detail-tab #hiring-tab-pane ul li span a{
    color: #02A6E5;
  }
  .chatWrraper.hiring-chatwrap .user-chat-view{
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
  }
  .comment-form.row p{
    font-size: 16px;
    font-weight: 600;
    color: #000000;
  }
  .dashboard-table tr td.milestone_description{
    min-width: 280px;
  }


  /* 26-02-2024 */
  .review-data-box p{
    font-size: 17px;
    font-weight: 600;
    color: #000000;
  }
  .no-review-wrap{
    padding: 40px 0;
  }
  .no-review-wrap img{
    max-width: 150px;
    width: 100%;
    opacity: 0.4;
  }
  .no-review-wrap p{
    font-size: 22px;
    font-weight: 700;
    color: #000000;
    margin: 15px 0 0;
  }
  .dropdown .dropdown-menu{
    padding: 8px 0 !important;
    border-radius: 5px !important;
    border: inherit;
  }
  .dropdown .dropdown-menu button {
    width: 100%;
    display: block;
    padding: 4px 10px;
    font-size: 15px;
    font-weight: 600;
    color: #000000;
  }
  .dashboard-table tr td.milestone_description p a{
    color: #02A6E5;
  }
  .description-modal .modal-title{
    font-size: 21px;
    font-weight: 700;
    color: #000000;
  }
  .description-modal .modal-body p{
    font-size: 17px;
    font-weight: 500;
    color: #5a5a5a;
    line-height: 25px;
  }
  .portfolio-section .certification-detail ul li{
    display: flex;
    flex-wrap: wrap;
    margin-right: 0 !important;
  }
  .portfolio-section .certification-detail ul li p{
    width: 115px;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
  }
  .portfolio-section .certification-detail ul li a{
    width: calc(100% - 115px);
    max-width: fit-content;
  }
  .about-me-section .left-box .job-status-datawrap{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .about-me-section .left-box .job-status-datawrap li{
    display: flex;
    align-items: center;
    width: 100%;
    padding-bottom: 15px;
  }
  .about-me-section .left-box .job-status-datawrap li figure{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #F0F3FA;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .about-me-section .left-box .job-status-datawrap li figure img{
    width: 28px;
  }
  .about-me-section .left-box .job-status-datawrap li p{
    font-size: 16px;
    font-weight: 600;
    color: #5B5B5B;
    padding-left: 7px;
  }
  .about-me-section .left-box .job-status-datawrap li span{
    font-size: 16px;
    font-weight: 700;
    color: #5B5B5B;
    padding-left: 5px;
  }

  .disputeShow{
    font-size: 13px;
    padding: 8px 11px;
    font-style: normal;
  }
  .chat-welcome-box{
    padding: 120px 0;
    height: 100%;
  }
  .chat-welcome-box figure{
    max-width: 120px;
    margin: 0 auto;
  }
  .chat-welcome-box h3{
    font-size: 27px;
    color: #000000;
    font-weight: 700;
    margin: 15px 0 5px;
    text-align: center;
  }
  .chat-welcome-box p{
    font-size: 17px;
    color: #5B5B5B;
    font-weight: 500;
    text-align: center;
  }
  .profile-wrap-right{
    height: auto;
  }
  .profile-wrap-right .chatWrraper{
    height: 100%;
  }
  .chatWrraper .message-box-start{
    height: 100%;
  }
  span.text-red{
    color: #ea5455;
  }
  span.text-green{
    color: #28c76f;
  }

  /* 28-02-2024 */

.bottom-fixed-typetext{
  /* position: relative; */
  display: block;
}
.bottom-fixed-typetext .chat_message_error{
  display: block;
}
.bottom-fixed-typetext button.send-btn{
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
  @media(max-width:1199px){

  }
  @media(max-width:991px){
  .description-modal .modal-dialog{
    max-width: 100%;
    padding: 0 6px;
  }
  }

  @media(max-width:767px){
    .top-skills-search .select2-container--default .select2-selection--multiple{
        padding: 10px 15px 10px 30px;
    }
    .top-skills-search button.search_button{
        left: 10px;
    }
    .hiring-detail-tab .tab-content>.tab-pane.active{
       margin: 20px 0 0;
    }
    .hiring-detail-tab .tab-content>.tab-pane:first-child{
      border-radius: 10px;
    }
    .hiring-detail-tab .nav-tabs .nav-link.active{
      padding:8px 16px ;
      border: 1px solid #0033A0;
      border-radius: 10px;
      background-color:  #0033A0;
      color: #fff; 
    }
    .hiring-detail-tab .nav-tabs .nav-item{
      width: 50%;
      padding: 0 5px 10px;
    }
    .hiring-detail-tab .nav-tabs .nav-link{
      width: 100%;
      font-size: 14px;
      padding: 8px 10px;
      margin-bottom: 0;
      height: 100%;
    }
    .hiring-detail-tab .nav-tabs .nav-item:not(:last-child){
      margin: 0;
    }
    .hiring-detail-tab .tab-content>.tab-pane{
      padding: 20px 10px;
    }
    .hiring-detail-tab #hiring-tab-pane ul{
      flex-wrap: nowrap;
      overflow-x: auto;
    }
    .hiring-detail-tab #hiring-tab-pane ul li p{
      width: 50%;
      font-size: 13px;
    }
    .hiring-detail-tab #hiring-tab-pane ul li span{
      width: 50%;
      font-size: 13px;
    }
    .comment-form.row p{
      font-size: 15px;
    }
    .no-review-wrap{
      padding: 20px 0;
    }
    .no-review-wrap img{
      max-width: 100px;
    }
    .no-review-wrap p{
      font-size: 18px;
    }
    .description-modal .modal-title{
      font-size: 18px;
    }
    .description-modal .modal-body p{
      font-size: 15px;
      line-height: 22px;
    }
    .about-me-section .left-box .job-status-datawrap li figure{
      width: 40px;
      height: 40px;
    }
    .about-me-section .left-box .job-status-datawrap li figure img{
      width: 25px;
    }
    .about-me-section .left-box .job-status-datawrap li p{
      font-size: 14px;
    }
    .about-me-section .left-box .job-status-datawrap li span{
      font-size: 14px;
    }
    .bottom-fixed-typetext input{
      padding-right: 45px;
    }
    .chat-welcome-box figure{
      max-width: 80px;
    }
    .chat-welcome-box h3{
      font-size: 22px;
    }
    .chat-welcome-box p{
      font-size: 15px;
    }
}

.popular-tags-list li{
    margin-bottom: 10px;
}

/* 08-03-2024 */


.email-prefernce-list ul{
  padding:0;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #ddd;
}
.email-prefernce-list ul li{
  background-color: transparent;
  font-size: 15px;
  font-weight: 600;
  color: #000000;
  padding: 0;
  border-radius: 0;
  text-align: left;
}
.email-prefernce-list ul li:nth-child(even){
  background-color: #F0F3FA;
}
.email-prefernce-list ul li p{
  width: 100%;
  padding: 15px 12px;
  padding-left: 45px;
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  position: relative;
}
.email-prefernce-list ul li p::before{
  position: absolute;
  left: 12px;
  top: 15px;
  content: "";
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(../images/checks.svg);
}
.email-prefernce-list ul li span a{
  color: #02A6E5;
}
.quick-delivery-toogle p{
  font-size: 16px;
  color: #000000;
  font-weight: 600;
}
.quick-delivery-toogle input[type="checkbox"]{
  position: relative;
  width: 50px;
  height: 25px;
  -webkit-appearance: none;
  appearance: none;
  background: #ddd;
  outline: none;
  border-radius: 2rem;
  cursor: pointer;
  margin-left: 15px;
}
.quick-delivery-toogle input[type="checkbox"]:before{
  content: "";
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #888888;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
}
.quick-delivery-toogle input[type="checkbox"]:checked::before{
  transform: translateX(100%);
  background: #0033A0;
}
 .form-group .password{
  position: relative;
}
 .form-group .password .visibility-icon{
  position: absolute;
  top: 16px;
  right: 20px;
}
.form-group .password:has(.visibility-icon) input{
  padding-right: 43px;
}
.other-option-login .signup-btn a{
  color: #02A6E5;
}

.about-me-section .left-box .profile-messagebtn{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 30px -5px 0;
}
.about-me-section .left-box .profile-messagebtn li{
  width: 33.33%;
  padding: 0 5px;
}
.about-me-section .left-box .profile-messagebtn li a{
  display: flex;
  align-items: center;
  justify-content: center;
}


@media(max-width:991px){
  .header-section .nav{
    top: 52px;
  }
}
@media(max-width:767px){
  .form-group .password .visibility-icon{
    top: 12px;
  }
  .about-me-section .left-box .profile-messagebtn{
    margin-top: 20px;
  }
  .about-me-section .left-box .profile-messagebtn li{
    width: 100% !important;
    margin-bottom: 15px;
  }
  
}
@media(max-width:576px){
  .header-section .nav{
    top: 47px;
  }
  .email-prefernce-list ul li p{
    font-size: 14px;
    padding-left: 40px;
  }
}

.login-form .login-form p.file_name{
  margin-bottom: 0px;
  font-size: unset; 
  line-height: unset; 
  font-weight: unset; 
  color: unset;
}

.tasker-listing li .inner-box{
  height: 100%;
  display: flex;
  flex-direction: column;
}
.tasker-listing li .inner-box .btn{
  margin-top: auto;
}
.tasker-listing li .inner-box p{
  /* max-height: 48px; */
  height:48px;
}


/* 05-04-2024 */

.userprofilebox figure{
  display: flex;
  /* align-items: center; */
}
.userprofilebox figure img{
  object-fit: cover;
}
.profile-wrap-right .info-box .left-content{
  width: 180px;
}
.profile-wrap-right .info-box .right-content{
  width: calc(100% - 180px);
}
.form-group label{
  font-size: 15px;
}
.profile-dropdown .dropdown-toggle h2{
  width: 110px;
}
.finance-row .col-left .sidebar-head .right-box a{
  font-size: 16px;
  font-weight: 600;
  color: #02A6E5;
  border: 1px solid #02A6E5;
  padding: 5px 10px;
  background-color: #fff;
  border-radius: 5px;
}

.finance-row .col-left .sidebar-head .right-box a:hover{
  color: #fff;
  background-color: #02A6E5;
}
.finance-row .col-right .product-heading .form-select{
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 5px 30px 5px 15px;
}
.btn-outline--danger{
  color: #ea5455;
  font-weight: 700;
  border-radius: 30px;
}
.btn-outline--danger:hover{
  color: #fff;
  /* text-decoration: underline; */
  background-color: #ea5455;
}
@media (max-width: 991px){
.finance-row .col-left .filter-sidebar {
    padding-top: 8px;
}
}
@media(max-width:767px){
  .profile-wrap-right .info-box .left-content{
    width: 100%;
  }
  .profile-wrap-right .info-box .right-content{
    width: 100%;
  }

}


.login-user-detail .account-form-area .verification-code .form-control:where([autocomplete=one-time-code]) {
  --otp-digits: 6;
  --otp-ls: 6ch;
  --otp-gap: 0.67;
  --_otp-bgsz: calc(var(--otp-ls) + 1ch);
	--_otp-digit: 0;
	/* private consts */

	all: unset;
  inline-size: calc(var(--otp-digits)* var(--_otp-bgsz));
  letter-spacing: calc(var(--otp-ls) - 0px);
  padding-block: var(--otp-pb, 1ch);
  padding-inline-start: calc(((var(--otp-ls) - 1ch) / 2)* var(--otp-gap));
}

/* For this demo */
.login-user-detail .account-form-area .verification-code label span {
  display: block;
  margin-block-end: 1ch;
}
/* .login-user-detail .account-form-area .verification-code .verify-main-start{
  max-width: 589px;
  width: 100%;
  
} */
.login-user-detail .account-form-area .verification-code::after{
  display: none;
}
.file_name{overflow: hidden;}
.my-plan-section span{margin-bottom: 0px;}

#apply_coupon.btn-fill{margin-top: 0px;}
#remove_coupon.btn-fill{margin-top: 0px;}
 
.hiring-detail-tab .note_message{ position: relative;  top: 5px;  padding: 5px 0px 9px 17px;font-size: 12px;font-style: italic;color: red !important;}
.note_message{  font-size: 12px;font-style: italic;color: red !important;}
.footer_border{border-top: 1px solid rgb(112 112 112 / 20%)}
.landing-page-section.banner-section.inner-banner .img-box .form-start .btn-fill.disabled{color:#fff !important}
.blog-detail-box{padding: 0px 10px 30px;}
.input_coupon{    color: #0033A0;
  border: 1px dashed #0033A0;
  border-radius: 5px;
  display: inline-block;
  width: fit-content;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  background-color: #f0f3fa;
  padding: 5px 10px;}

.input_coupon:focus-visible{
    outline: none;
  }

  .phone-number-field .dropdown.mm-dropdown{
    width: 85px !important;
    padding: 0 10px !important;
    height: 35px;
    font-size: 18px;
    font-weight: 600;
    color: #5B5B5B;
    padding: 0 20px;
  }
  .phone-number-field .dropdown.mm-dropdown span img{
    filter: none;
    max-width: 24px;
  }
  .phone-number-field .dropdown.mm-dropdown .dropdown-toggle{
    width: 100%;
    /* width: 105px; */
    height: 100%;
    border-radius: 0;
    border:none;
    background-color:none;
    color: #5B5B5B;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
  }
  .phone-number-field .dropdown.mm-dropdown .dropdown-toggle::after{
    display: none;
  }
  .phone-number-field .dropdown.mm-dropdown .dropdown-menu{
    border: 1px solid #ddd;
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    left: -10px !important;
  }
  .phone-number-field .dropdown.mm-dropdown .dropdown-menu .dropdown-item{
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .phone-number-field .dropdown.mm-dropdown span.img-tag{
    margin-right: 10px;
  }
  .phone-number-field .dropdown.mm-dropdown .dropdown-toggle img{
    filter: none;
    max-width: 24px;
  }
  .chatWrraper .chat-box-start {
    padding: 103px 20px 96px 20px;
  }
  .chatWrraper:has(.bottom-fixed-typetext .chat_message_error[data-fv-result="INVALID"]) .chat-box-start{
    padding: 103px 20px 145px 20px;
  }
  .bottom-fixed-typetext .chat_file-btn {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
  }
.bottom-fixed-typetext .chat_file-btn:hover{
  background-color: #000000;

}
.bottom-fixed-typetext .chat_file-btn input{
  width: 40px;
  height: 40px;
  opacity: 0;
  padding: 0 !important;
  font-size: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
}
.bottom-fixed-typetext .chat_file-btn label{
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.bottom-fixed-typetext .chat_file-btn label img{
  max-width: 21px;
}
.bottom-fixed-typetext .chat_file-btn:hover label img{
  filter: invert(1) brightness(5);

}
.bottom-fixed-typetext .note_message{
  padding-left: 0;
}
.chatWrraper .bottom-fixed-typetext input{
  padding-right: 100px;
}
.bottom-fixed-typetext button.send-btn{
  right: 0;
}
.attched-file-name{
  font-size: 14px;
  font-weight: 700;
  color: #000000;
}
.attched-file-name span{
  font-weight: 500;
}
@media (max-width: 991px){
  .chatWrraper .chat-box-start{
    padding: 85px 10px 145px 10px;
  }
  .phone-number-field .dropdown.mm-dropdown .dropdown-menu{
    max-width: 273px;
    left: 0 !important;
  }
}






.nationality-field .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#5B5B5B; font-weight:600;}
.nationality-field .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 55px;}
.nationality-field .select2-container--default .select2-selection--single .select2-selection__arrow{top: 16px;}
.nationality-field .select2-container .select2-selection--single{height:auto;}




/* Hyper-Pay Page Style */
*{
  box-sizing: border-box;
}
body.payment-page-body{margin:0}
.payment-page{
  min-height:100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5B5B5B08;
  
  font-family: 'Mulish', sans-serif;
}
.payment-page .payment-box{
  max-width:600px;
  width:100%;
  padding: 30px 10px;
}
.payment-page .payment-box figure{
  margin:0 0 20px 0;
  text-align:center
}
.payment-page .payment-box .wpwl-form{
  background-color: #fff;
  border: 0;
  box-shadow: none;
  padding: 30px;
  background: rgb(2, 166, 229);
  background: linear-gradient(90deg, rgba(2, 166, 229, 1) 0%, rgba(2, 166, 229, 1) 11%, rgba(2, 166, 229, 1) 21%, rgba(1, 147, 218, 1) 34%, rgba(1, 127, 206, 1) 45%, rgba(1, 88, 182, 1) 62%, rgba(0, 51, 160, 1) 71%);
  background-repeat: no-repeat;
  margin:0;
  box-shadow: 0px 2px 6px #0000001A;
  min-width:100%!important;
  max-width:600px!important;
  width:100%!important;
}
.payment-page .payment-box .wpwl-label{
  color:#fff;
  margin-bottom:5px
}
.payment-page .payment-box .wpwl-control{
  height: 40px;
  border: 0;
  border-radius: 6px;
  padding: 0 15px;
}
.payment-page .payment-box .wpwl-button-pay.wpwl-button{
  background-color: #fff;
  border-color: #fff;
  color: #0033A0;
  max-width: 250px;
  width: 100%;
  font-size: 18px;
  line-height: 24px;
  padding: 10px 21px;
  width: 100%;
  border-radius:50px;
  font-weight:bold;
  transition:0.4s all
}
.payment-page .payment-box .wpwl-group.wpwl-group-submit{
  margin-bottom:0;
  margin-top: 15px;
}
.payment-page .payment-box .wpwl-button-pay.wpwl-button:hover{
  background-color: #02a6e5;
  border-color: #02a6e5;
  color: #fff;
}
.payment-page .payment-box .wpwl-group.wpwl-group-brand{
  display: flex;
  align-items: center;
}
.payment-page .payment-box .wpwl-group.wpwl-group-brand .wpwl-brand-card{
  margin-right:0
}
.payment-page .payment-box .wpwl-label.wpwl-label-brand{
  padding-right: 10px;
  margin:0
}
.amount__box{
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 15px;
  min-width:100%;
  max-width:600px;
  width:100%;
}
.amount{
  display:flex;
  justify-content: space-between;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.amount:last-child{
  margin:0;
  padding:0;
  border:0
}

@media(max-width:479px){
  .payment-page .payment-box .wpwl-form{
      padding: 30px 15px
  }
  .payment-page .payment-box .wpwl-button-pay.wpwl-button{
      max-width:100%
  }
  .amount__box{
      padding: 10px;
  }
  .amount{
      margin-bottom: 10px;
      padding-bottom: 10px;
      font-size:14px
  }
}
/* Hyper-Pay Page Style */


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



.taskers_job_skills{
  display: block !important;
  border-radius: 40px !important;
  border: 1px solid #fff !important;
  transition: all 0.2sease-in-out !important;
  background-color: #02A6E508 !important;
  border: 1px solid #02A6E5 !important;
  color: #02A6E5 !important;
  font-size: 14px !important;
  padding: 4px 10px !important;
  font-weight: 500 !important;
}

.taskers_job_skills:hover {
  background-color: #02A6E5 !important;
  color: white !important;
  border: 1px solid #0287C9 !important;
}