html {
    overflow-x: hidden;
    font-family: 'Barlow', sans-serif
}

input {
    color: #000 !important
}

h3.page-heading {
    color: #2386EE
}

.subadmin-form {
    width: 60%
}

.sf-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    width: 60%
}

.sf-row .sfbox input {
    width: 100%;
    height: 36px;
    background: #F1F1F1;
    border: 0;
    padding: 15px
}

table.sub-modules {
    width: 60%;
    margin-top: 25px
}

table.sub-modules th {
    font-size: 14px
}

table.sub-modules th:nth-child(2) {
    font-weight: 400
}

.login_signup_menu ul li span img {
    width: 22px
}

.asabox {
    width: 60%;
    border: 1px solid #1c1c1c;
    padding: 10px;
    margin-top: 45px
}

.asabox-head {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr;
    align-items: center;
    margin-bottom: 15px;
    padding: 6px 10px
}

.asabox-head .ash1 {
    display: flex;
    gap: 18px;
    align-items: center
}

.asabox-head .ash2,
.asabox-head .ash3 {
    text-align: left
}

.asabox-row {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr;
    margin-bottom: 10px;
    padding: 6px 10px
}

.asabox-row .ash2,
.asabox-row .ash3 {
    text-align: center
}

.asabox-row .ash1 {
    display: flex;
    gap: 15px
}

.asabox-row.grey-strip {
    background: #f5f5f5;
    padding: 6px 10px;
    margin-bottom: 15px
}

.chk-container {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
    margin: 0
}

.chk-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #ccc
}

.chk-container:hover input~.checkmark {
    background-color: #ccc
}

.chk-container input:checked~.checkmark {
    background-color: #2196F3
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.chk-container input:checked~.checkmark:after {
    display: block
}

.chk-container .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

ul.asa-submenu {
    margin-left: 30px
}

ul.asa-sub-submenu li.asabox-row {
    grid-template-columns: 2.8fr 1fr 1fr
}

ul.asa-submenu li .ash1 span {
    font-weight: 500
}

ul.asa-sub-submenu li.asabox-row div span {
    font-weight: 400
}

ul.asa-sub-submenu {
    position: relative;
    padding-left: 20px
}

ul.asa-sub-submenu:before {
    content: "";
    position: absolute;
    background: #ccc;
    width: 1px;
    height: 94%;
    top: 10px;
    left: 12px
}

ul.asabox-container li.dropdown {
    margin-left: 20px
}

.sal-btnbox {
    display: flex
}

.sal-btnbox label.chk-container span.checkmark {
    background: transparent;
    border: 0;
    width: 150px;
    margin-left: 15px;
    color: #2F8EFA;
    font-weight: 500
}

.sal-btnbox label.chk-container span.checkmark:after {
    display: none
}

.asabox-row.profile-page .ash2 {
    margin-left: -7px
}

.asabox-row.profile-page .ash3 {
    margin-left: -3px
}

ul.asa-submenu.mediabox .ash2 {
    margin-left: -16px
}

ul.asa-submenu.mediabox .ash3 {
    margin-left: -8px
}

ul.asa-submenu.physical-atribute .ash2 {
    margin-left: -18px
}

ul.asa-submenu.physical-atribute .ash3 {
    margin-left: -8px
}

ul.asa-submenu.social-stats .ash2 {
    margin-left: -16px
}

ul.asa-submenu.social-stats .ash3 {
    margin-left: -6px
}

li.asabox-row.dashboard .ash2 {
    margin-left: 8px
}

li.asabox-row.dashboard .ash3 {
    margin-left: 5px
}

li.dropdown.activebox .ash2 {
    margin-left: -12px
}

.asabox-row.active-strip .ash2 {
    margin-left: 0 !important
}

li.asabox-row.vd-strip .ash2 {
    margin-left: -8px
}

li.asabox-row.vd-strip .ash3 {
    margin-left: -4px
}

li.asabox-row.postjob-strip .ash2 {
    margin-left: -12px
}

li.asabox-row.postjob-strip .ash3 {
    margin-left: -7px
}

.asabox-row.active-strip .ash3 {
    margin-left: 2px !important
}

#custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #F5F5F5
}

#custom-scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 5px;
    background-color: #F5F5F5
}

#custom-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #151925;
    height: 10px
}

.custom_new_select {
    width: 100% !important;
    margin-top: 20px;
    margin-bottom: 0
}

p.sign_up_here_btn a {
    color: #6ebfff
}

.current_password {
    display: grid;
    width: auto;
    grid-template-columns: 1fr 3fr
}

.custom_new_select {
    width: 180px
}

.ssp-middle-content {
    padding-top: 60px;
    background: url(../images/success-stories-bg.jpg);
    width: 100%;
    background-size: cover !important
}

.banner-content {
    position: absolute;
    bottom: 25px;
    left: 70px;
    z-index: 9
}

.banner-content h2 {
    margin: 0
}

.ssp-banner {
    position: relative
}

.ssp-banner img {
    width: 100%
}

.ssp-banner .banner-content h2 {
    color: #fff
}

.ssp-middle-content .story-box {
    display: grid;
    align-items: center;
    gap: 50px;
    margin-bottom: 65px
}

.ssp-middle-content .row .col-lg-12 .story-box.left-align-box {
    grid-template-columns: 1fr 2fr 2fr
}

.ssp-middle-content .row .col-lg-12 .story-box.right-align-box {
    grid-template-columns: 2fr 2fr 1fr
}

.ssp-middle-content .row .col-lg-12 .story-box.right-align-box .tlnt-detail {
    border-left: 1px solid #ddd;
    border-right: 0
}

.story-box .videobx span,
.story-box .videobx a {
    display: block;
    z-index: 99;
    position: relative;
    width: 255px;
    height: 300px;
    background: #ccc;
    border-radius: 25px 82px 25px 82px;
    overflow: hidden
}

.story-box .videobx img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: center
}

.videobx {
    position: relative
}

.videobx:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #67b2ff;
    left: -14px;
    top: -14px;
    border-radius: 33px 86px 0 90px
}

.videobx:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #67b2ff;
    right: -15px;
    border-radius: 47px 90px 30px 90px;
    bottom: -13px
}

.tlnt-detail span.tlnt-name {
    font-weight: 600;
    border: 3px solid #000;
    padding: 5px 18px;
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
    background: #fff;
    min-width: 150px;
    text-align: center
}

.tlnt-detail span.tlnt-name:before {
    content: '';
    position: absolute;
    width: 110%;
    height: 114%;
    border: 3px solid #afacac;
    left: -8px;
    top: -2px;
    transform: rotate(-6deg);
    z-index: -1
}

.tlnt-detail {
    border-right: 1px solid #ddd;
    padding: 0 30px
}

.tlnt-review p {
    margin: 0;
    position: relative
}

.tlnt-review p span,
.tlnt-review p strong {
    color: #000;
    font-weight: 600;
    position: absolute;
    right: 20px;
    bottom: -30px
}

.story-box .videobx span.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: #0007d;
    width: 100% !important
}

.story-box .videobx span.video-overlay img {
    width: 70px;
    height: auto;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.story-box .tlnt-detail .tlnt_name {
    font-size: 26px;
    padding: 0;
    border: 0;
    margin: 0 0 5px 0;
    text-align: left;
    min-width: max-content !important;
    font-family: 'Barlow Semi Condensed', sans-serif
}

.story-prfl-btn {
    border: 0;
    font-size: 16px;
    font-family: 'Barlow Semi Condensed', sans-serif;
    background: #4DAFFB;
    color: #fff;
    line-height: 30px;
    display: inline-block;
    padding: 0 15px;
    border-radius: 5px;
    margin-left: 10px;
    letter-spacing: .5px
}

.primium-storybx img {
    width: 130px;
    margin-left: 15px
}

.dragdropgallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px
}

.dragdropgallery.sortable .card-sub {
    cursor: move;
    border: 0
}

.dragbox {
    padding: 10px;
    box-shadow: 0 0 5px #e1e1e1;
    border-radius: 8px;
    position: relative;
    background: #fff
}

.talent-share {
    display: flex;
    gap: 20px;
    align-items: center;
    margin: 15px 0
}

.talent-share span {
    font-size: 18px;
    font-weight: 600;
    color: #2386EE
}

.talent-share button.tshare-btn {
    width: 120px;
    background: transparent;
    border: 2px solid #2386EE;
    height: 30px;
    border-radius: 4px;
    color: #2386EE;
    font-weight: 500
}

.arange-talents {
    display: flex;
    align-items: center;
    margin: 20px 0;
    justify-content: end
}

.arange-talents button.arrange-btn {
    background: #fff;
    border: 2px solid #2386ee;
    width: 165px;
    height: 30px;
    border-radius: 4px;
    color: #2386ee;
    font-weight: 500
}

.arange-talents .confirmation-box {
    display: flex;
    gap: 15px;
    position: absolute;
    left: -90px;
    display: none
}

.arange-talents .confirmation-box button {
    width: 85px
}

.arange-talents .confirmation-box button {
    width: 90px;
    background: #fff;
    border: 1px solid #6e6e6e
}

.si-head {
    padding-bottom: 8px;
    display: grid;
    gap: 15px;
    grid-template-columns: .9fr 0fr;
    align-items: center;
    border-bottom: 1px solid #dbdbdb
}

.si-head ul {
    display: flex;
    gap: 6px
}

.sharebx-inner {
    width: 380px;
    padding: 15px;
    background: #fff;
    box-shadow: 0 0 4px #ccc;
    margin-top: 14px;
    border-radius: 26px;
    position: absolute;
    top: 60px;
    display: none;
    z-index: 99
}

.si-head ul li {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 20px
}

span.sbhead {
    margin: 0;
    font-weight: 600;
    color: #000;
    font-size: 16px
}

.share-link {
    margin-top: 15px
}

.enterlink input {
    width: 80%;
    margin-top: 12px;
    height: 35px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 12px
}

.share-link ul {
    display: flex;
    gap: 15px
}

.share-link ul li a i {
    font-size: 30px
}

.share-link {
    margin-top: 15px
}

.share-link span {
    display: inline-block;
    margin-bottom: 14px
}

.copy-link span.sbhead {
    margin-bottom: 15px;
    display: inline-block
}

.copy-link {
    margin-top: 15px
}

.copy-link form input {
    width: 100%;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    border: 0
}

.copy-link form {
    display: grid;
    grid-template-columns: 3fr 1fr;
    border: 1px solid #ccc;
    padding: 3px
}

input.copy-btn {
    background: #2386EE;
    color: #fff
}

.sharebx-inner:before {
    content: '';
    position: absolute;
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    background: #f7f7f7;
    width: 25px;
    height: 25px;
    top: -25px;
    left: 50px;
    box-shadow: 3px 6px 9px #ccc
}

.dragbox .dbright {
    position: absolute;
    right: 18px;
    top: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
    z-index: 9
}

.dragbox .dbright span.move-patch img {
    width: 35px
}

span.move-patch {
    display: none
}

.dragbox.ui-sortable-handle span.move-patch {
    display: block
}

span.heart {
    cursor: pointer
}

img.heart-1,
img.heart-2 {
    width: 30px
}

.card-sub {
    position: relative;
    overflow: hidden
}

.card-sub h5 {
    position: absolute;
    bottom: 0;
    left: 10px;
    z-index: 9;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: .5px
}

.card-sub:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(0, rgba(0, 0, 0, .4906337535014006)0, rgba(0, 0, 0, .16010154061624648)61%, rgba(0, 0, 0, .006039915966386533)100%)
}

.db-left {
    position: absolute;
    z-index: 9;
    top: 20px;
    left: 16px
}

.db-left input[type="checkbox"] {
    width: 20px;
    height: 20px
}

.dragbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.dragbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 2px solid #67AA1B
}

.dragbox:hover input~.checkmark {
    background-color: #ccc
}

.dragbox input:checked~.checkmark {
    background-color: #fff
}

.dragbox .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.dragbox input:checked~.checkmark:after {
    display: block
}

.dragbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #67AA1B;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.animated-search input[type=text] {
    width: 46px;
    box-sizing: border-box;
    border: 0;
    font-size: 13px;
    background-color: white;
    background-image: url(../images/search.png);
    background-position: 14px 4px;
    background-repeat: no-repeat;
    padding: 12px 20px 12px 26px;
    -webkit-transition: width .4s ease-in-out;
    transition: .4s ease-in-out;
    height: 30px;
    border-radius: 50px;
    display: inline-block
}

.animated-search input[type=text]:focus {
    width: 200px;
    border: 2px solid #ccc;
    padding-left: 40px
}

button.done-btn {
    background: #67AA1B !important;
    color: #fff;
    border-radius: 5px;
    border: 0 !important;
    padding: 3px 0
}

button.cancle-btn {
    border-radius: 5px;
    border: 0 !important;
    box-shadow: 0 0 4px #ccc;
    padding: 3px 0
}

button.done-btn i {
    margin-right: 4px
}

.search-filter {
    display: flex;
    align-items: center;
    z-index: 999;
    justify-content: end;
    margin-bottom: 25px;
    gap: 10px;
    position: relative
}

.nice-select.sort-select {
    border: 1px solid #ccc;
    height: 38px;
    line-height: 36px;
    padding-left: 45px
}

.nice-select.sort-select ul.list {
    right: 0;
    left: auto
}

.nice-select.sort-select:before {
    position: absolute;
    content: '';
    width: 26px;
    height: 17px;
    left: 12px;
    background: url(https://www.alltalent.com/alltalent_v1/images/barline.png);
    background-repeat: no-repeat;
    top: 11px;
    background-size: contain
}

.talent_list_new_sec_body_right_single_cont_sec {
    height: 88px !important
}

.share_talents_sec_inner_filter .search_loc_sec i.fas.fa-map-marker-alt {
    left: 12px;
    top: 9px;
    font-size: 14px
}

.share_talents_sec_inner_filter .sel_Box_new,
.share_talents_sec_inner_filter .search_loc_sec input {
    height: 30px;
    font-size: 12px;
}

.share_talents_sec_inner_filter .search_loc_sec .fa-times {
    right: -12px !important;
    top: 6px !important
}

.share_talents_sec_inner_filter ul li select {
    background: url(../images/sel-bg-blue.png)no-repeat !important;
    background-position: 96% 55% !important;
    background-size: 11px 11px !important;
    position: relative
}

.career_admin_dashboard_right_cont_car_grid.verification-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px
}

.career_admin_dashboard_right_cont_car_grid.verification-grid .career_admin_dashboard_right_cont_car_grid_single h5 {
    font-size: 16px
}

.verification-filter-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.verification-filter-bar .grey-bg {
    background: #F6F6F6;
    width: 100%;
    padding: 15px;
    display: flex;
    gap: 16px;
    margin-right: 15px
}

.verification-filter-bar .grey-bg .search-box {
    display: flex;
    align-items: center;
    gap: 15px
}

.verification-filter-bar .grey-bg .search-box label {
    margin: 0
}

.verification-status {
    display: flex;
    gap: 15px;
    align-items: center
}

.verification-status label {
    margin: 0
}

.verification-filter-bar .grey-bg .search-box input[type="text"] {
    border: 1px solid #ccc;
    padding: 4px 15px 4px 30px;
    width: 160px;
    border-radius: 4px
}

.verification-filter-bar .grey-bg .search-box input[type="text"]::placeholder {
    color: #ccc
}

.verification-status label span {
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    display: inline-block
}

.verification-status label input[type="checkbox"] {
    margin: 4px 4px 0 0;
    display: inline-block
}

.date-of-request {
    display: grid;
    align-items: center;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr
}

.date-of-request .verification-date input {
    height: 30px;
    padding: 0 6px 0 30px;
    width: 140px;
    font-size: 14px;
    color: rgb(0, 0, 0);
    background: #F9F9F9;
    border: 1px solid #BBB;
    border-radius: 0
}

.date-of-request label {
    margin: 0
}

.date-of-request .verification-date span.input-group-addon {
    position: absolute;
    top: 3px;
    left: 9px
}

.date-of-request .verification-date span.input-group-addon img {
    width: 14px
}

.date-of-request .verification-date .input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.date-of-request .verification-date .input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: initial
}

.search-by-name i {
    position: absolute;
    top: 7px;
    left: 9px;
    font-size: 15px;
    color: #ccc
}

.search-by-name {
    position: relative
}

.verification-results {
    display: flex;
    align-items: center
}

.verification-results p {
    margin: 0;
    font-size: 14px;
    position: relative
}

.verification-results p i {
    color: red;
    margin-left: 5px;
    position: absolute;
    right: -20px;
    top: 3px
}

.verification-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 25px
}

.requestbox .dragbox img {
    height: 350px;
    object-fit: cover;
    width: 100%
}

.requestbox .dragbox img {
    height: 350px;
    object-fit: cover;
    width: 100%;
    object-position: top
}

button.view-request-btn {
    width: 100%;
    margin-top: 20px;
    background: #2386EE;
    border: 0;
    height: 36px;
    color: #fff;
    font-size: 16px;
    border-radius: 6px
}

.talntinfo h5 {
    position: relative;
    left: 0;
    margin: 0 0 10px 0
}

.talntinfo {
    position: absolute;
    top: 90%;
    z-index: 99;
    left: 12px;
    transition: .5s ease-in-out
}

ul.talnt-skills {
    display: flex;
    gap: 14px
}

ul.talnt-skills li {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    position: relative
}

ul.talnt-skills li:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 18px;
    background: #a7a7a7;
    right: -7px;
    top: 2px
}

ul.talnt-skills li:last-child:after {
    display: none
}

p.talnt-address {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    margin: 5px 0 0 0;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    width: 99%
}

.dragbox .card-sub:hover .talntinfo {
    top: 75%;
    margin-bottom: 10px
}

p.talnt-address i {
    margin-right: 6px
}

.verification-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 25px
}

.verification-row-list .requestlist-box {
    display: grid;
    grid-template-columns: 1fr .8fr .5fr .5fr;
    gap: 20px
}

.verification-row-list .requestlist-box .request-thumb {
    display: flex;
    gap: 15px
}

.verification-row-list .requestlist-box p {
    margin: 0
}

.rt-details {
    display: flex;
    align-items: center
}

.rt-details p {
    font-size: 15px;
    line-height: 22px
}

.request-date-time {
    display: flex;
    align-items: center
}

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

.request-status span {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #000
}

.verification-row-list .requestlist-box p span#unique-id {
    font-weight: 600
}

span.text-highlight {
    color: #2386ee;
    font-weight: 600
}

.rtdinner span {
    font-weight: 600;
    margin-bottom: 3px;
    display: block
}

.request-status button {
    display: block;
    width: 180px;
    color: #fff;
    height: 36px;
    border: 0;
    border-radius: 5px;
    font-size: 14px
}

.request-status button.resolved {
    background: #39AA27
}

.request-status button.pending {
    background: #E5E5E5;
    color: #000
}

.viewbtn button.veiw-request-btn {
    background: #888;
    width: 150px;
    height: 40px;
    border: 0;
    color: #fff;
    border-radius: 6px
}

.requestlist-box {
    border: 2px solid #ccc;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 1px 5px 5px #c5c5c5;
    margin-bottom: 20px
}

.request-thumb span.thumb-number {
    display: flex;
    align-items: center;
    border-right: 1px solid #ccc;
    padding-right: 15px;
    font-weight: 600
}

.select_clarification_body_main ul.details-list {
    display: flex;
    gap: 30px;
    margin-bottom: 16px
}

.select_clarification_body_main ul.details-list li span {
    font-weight: 600;
    margin-right: 14px;
    color: #000
}

.change-file-wrap {
    background: #DEF;
    border: 2px dashed;
    padding: 15px;
    border-radius: 10px;
    width: 100%;
    height: 150px;
    position: relative
}

.change-file-wrap .input-file input[type=file] {
    visibility: hidden;
    width: 1px;
    height: 1px
}

.change-file-wrap .input-file .btn {
    background-color: #2386EE;
    border-color: #2386EE;
    color: #fff;
    position: absolute;
    bottom: -48px;
    font-size: 14px;
    right: 0
}

.change-file-wrap .input-file .file-selected {
    font-size: 13px;
    text-align: left;
    align-items: center;
    background: #fff;
    overflow: hidden;
    height: 100%;
    padding: 0;
    display: flex;
    position: absolute;
    right: 13px;
    width: 75%;
    align-items: center;
    border-radius: 15px
}

.proof-box {
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr 1fr
}

.change-file-wrap .input-file {
    background: #fff;
    position: relative;
    height: 60px;
    display: flex;
    align-items: center;
    border-radius: 15px;
    border: 2px solid #dfdfdf
}

.change-file-wrap .input-file:before {
    content: '';
    position: absolute;
    width: 35px;
    background-image: url(../images/pdf-icon.png);
    left: 15px;
    top: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    height: 35px
}

h4.vstep-head {
    margin: 0 0 12px 0
}

.vstep-1,
.vstep-3 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
    margin-bottom: 25px
}

.change-video-box video#theVideo {
    height: 200px;
    width: 450px;
    background: #ebebeb
}

.change-video-box video#theVideo {
    height: 200px;
    width: 450px;
    background: #ebebeb
}

.change-video-box span.file-selected {
    display: none
}

.change-video-box .input-file {
    position: absolute;
    bottom: 0;
    right: 0
}

.change-video-box .input-file input#myFile {
    position: fixed;
    right: 99999999999999px !important
}

.change-video-box .input-file span.btn {
    background-color: #2386EE;
    border-color: #2386EE;
    color: #fff;
    position: absolute;
    font-size: 14px;
    bottom: 21px;
    width: 130px;
    right: -160px
}

.vstep-inner {
    display: flex;
    gap: 20px
}

.change-video-box {
    position: relative
}

.vstep-inner .refer-code p {
    font-size: 14px;
    color: #a9a9a9
}

.vstep-inner .refer-code img {
    width: 190px
}

ul.payment-verification {
    background: #F8F8F8;
    border: 1px solid #9d9d9d;
    margin-top: 20px;
    padding: 15px 15px 0 15px;
    height: 150px
}

ul.payment-verification li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

ul.payment-verification li span {
    font-weight: 600
}

ul.payment-verification li.discount span {
    color: #429B16
}

ul.payment-verification li.total {
    border-top: 1px solid #ccc;
    padding-top: 9px
}

.verification-doc-steps .col-lg-8 {
    border-right: 1px solid #ccc
}

.vstep-4 .correct-details {
    display: flex;
    gap: 15px;
    align-items: center
}

.cd-btns {
    text-align: center;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    gap: 15px
}

.cd-btns button.clarify {
    background: #fff;
    width: 150px;
    height: 34px;
    border: 1px solid #c3c3c3;
    border-radius: 6px;
    color: #c3c3c3;
    cursor: pointer
}

.cd-btns button.verify {
    background: #2386EE;
    width: 150px;
    height: 34px;
    border: 1px solid #2386EE;
    border-radius: 6px;
    color: #fff;
    cursor: pointer
}

.vstep-4 .correct-details label {
    margin: 0
}

div#verification-request .modal-content {
    background: #fff
}

div#verification-request .modal-content .modal-body span {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #000
}

div#verification-request .modal-content .modal-body img {
    width: 175px;
    margin: 20px auto 25px;
    display: block
}

div#verification-request .modal-body button.close {
    background: #ccc;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    font-weight: normal
}

div#verification-request .modal-body button.close span {
    font-weight: normal;
    color: #000
}

.datepicker.dropdown-menu table.table-condensed thead tr:first-child {
    background: #2386ee !important;
    color: #fff
}

.datepicker.dropdown-menu table.table-condensed thead tr:first-child th {
    border-radius: 0 !important
}

.datepicker.dropdown-menu table.table-condensed thead tr:nth-child(2) {
    background: #f3f6fa
}

.datepicker.dropdown-menu table.table-condensed thead tr:nth-child(2)th {
    border-radius: 0;
    font-size: 12px
}

td.today.day {
    color: #fff !important;
    background: #2386ee !important
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
    background: #747474 !important
}

.verify-select-box .vsb-dropdown {
    position: absolute;
    background: #fff;
    width: 100%;
    padding: 8px;
    z-index: 9;
    display: none
}

.verify-select-box {
    position: relative
}

.verify-select-box span.vsb-title {
    font-size: 13px;
    font-weight: 600;
    background: #fff;
    width: 220px;
    display: block;
    padding: 5px 0 5px 26px;
    letter-spacing: .5px;
    cursor: pointer
}

.vsb-container {
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px !important;
    cursor: pointer;
    user-select: none;
    font-size: 13px;
    display: block;
    line-height: 26px
}

.vsb-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.vsb-checkmark {
    position: absolute;
    top: 4px;
    left: 6px;
    height: 20px;
    width: 20px;
    background: #F0F0F0;
    border: 1px solid #dfdfdf
}

.vsb-container:hover input~.vsb-checkmark {
    background-color: #ccc
}

.vsb-container input:checked~.vsb-checkmark {
    background-color: #2196F3
}

.vsb-checkmark:after {
    content: "";
    position: absolute;
    opacity: 0;
    transition: .3s ease-in-out
}

.vsb-container input:checked~.vsb-checkmark:after {
    opacity: 1
}

.vsb-container .vsb-checkmark:after {
    left: 7px;
    top: 2px;
    width: 5px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.verify-select-box span.vsb-title i {
    position: absolute;
    right: 10px;
    top: 3px;
    font-size: 22px;
    transition: .5s ease-in-out
}

span.vsb-title.angle-up i {
    transform: rotate(-180deg)
}

.verification-filter-bar .verify-select-box .vsb-dropdown .btn-grp.report button {
    font-size: 13px;
    width: 75px;
    height: 28px
}

.profile-report {
    position: absolute;
    top: 10px;
    right: 16px
}

.profile-report span i {
    font-size: 24px;
    color: #959595
}

span.report-bar {
    cursor: pointer
}

.profile-report .report-btn {
    position: absolute;
    z-index: 9;
    width: 120px;
    right: 0;
    background: #fff;
    padding: 0 12px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    display: none
}

.report-btn.show-btn {
    display: flex
}

.profile-report .report-btn button {
    background: transparent;
    border: 0;
    font-size: 16px;
    position: relative
}

.profile-report .report-btn button i {
    position: absolute;
    left: -15px;
    top: 6px
}

div#talent-report-popup .modal-content,
div#success-report .modal-content {
    background: #fff;
    border-radius: 22px
}

.trp-inner h6 {
    font-size: 18px;
    margin-left: 6px;
    font-weight: 600
}

.trp-inner {
    box-shadow: 0 0 5px #ccc;
    border-radius: 8px;
    padding: 25px 15px;
    margin: 0 40px 20px
}

div#talent-report-popup .modal-dialog .modal-body h5 {
    text-align: center;
    font-size: 20px;
    font-weight: 700
}

.talent-trport-form textarea {
    width: 100%;
    height: 110px;
    margin: 15px 0 15px 0;
    padding: 5px 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    resize: none
}

button.submit-report {
    width: 115px;
    height: 30px;
    border: 0;
    background: #227BDC;
    color: #fff;
    font-size: 13px;
    border-radius: 4px;
    margin: 0 auto;
    display: block
}

.talent-trport-form .vsb-container .vsb-checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px
}

.talent-trport-form .vsb-container input:checked~.vsb-checkmark {
    background-color: #dfdfdf
}

.talent-trport-form .vsb-container .vsb-checkmark:after {
    border: solid black;
    border-width: 0 2px 2px 0
}

.sr-inner h4 {
    margin: 0 0 10px 0;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #000
}

.sr-inner p {
    margin-bottom: 0;
    line-height: 22px;
    letter-spacing: .4px;
    font-weight: 300
}

.sr-inner {
    padding: 10px 0 20px 0;
    text-align: center;
    width: 45%;
    margin: 0 auto
}

.sr-inner img {
    margin-bottom: 18px
}

.talent-trport-form .vsb-checkmark {
    width: 16px;
    height: 16px
}

span.blue-text {
    color: #2386ee;
    font-weight: 600
}

.report-slider-bottom {
    display: flex;
    justify-content: space-between
}

.report-date-time {
    display: flex;
    gap: 11px;
    align-items: center
}

.report-ip-address {
    display: flex;
    gap: 10px
}

.report-slider-inner.slick-slide.slick-current.slick-active {
    background: #F5F5F5
}

.report-slider-inner {
    background: #F5F5F5;
    padding: 20px 45px
}

.report-slider button.slick-prev.slick-arrow {
    position: absolute;
    left: -10px;
    z-index: 9;
    top: 40%;
    transform: translate(-50%, -50%);
    font-size: 0;
    border: 0
}

button.slick-next.slick-arrow {
    position: absolute;
    right: 0;
    z-index: 9;
    top: 40%;
    transform: translate(-50%, -50%);
    font-size: 0;
    border: 0
}

.report-slider button.slick-prev.slick-arrow:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #ccc;
    font-size: 0;
    background-image: url(../images/arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    left: 0
}

.report-slider button.slick-next.slick-arrow:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #ccc;
    background-image: url(../images/arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(180deg)
}

.report-slider-inner p {
    margin: 0
}

.reports-details {
    margin-bottom: 15px
}

.report-date-time span,
.report-ip-address span {
    font-weight: 600;
    font-size: 13px
}

.report-date-time p,
.report-ip-address p {
    font-size: 14px
}

.report-btns-row {
    display: flex;
    justify-content: space-between;
    margin: 20px 0
}

button.report-history-btn {
    width: 175px;
    height: 34px;
    border: 1px solid #ccc;
    background: transparent;
    border-radius: 4px;
    color: #979797;
    font-weight: 500
}

.done-clarification {
    display: flex;
    gap: 15px
}

.grey-btn {
    background: #D1D1D1;
    font-weight: 500
}

.done-clarification button,
.done-clarification a {
    width: 165px;
    border: 0;
    border-radius: 5px;
    height: 34px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center
}

.done-clarification a:hover {
    color: #fff
}

.blue-btn {
    background: #2196f3;
    color: #fff
}

.history-box {
    display: grid;
    grid-template-columns: 3fr 2fr 1fr;
    gap: 45px;
    background: #fff;
    border: 1px solid #d1d1d1;
    padding: 15px 15px;
    border-radius: 8px;
    margin-bottom: 15px;
    box-shadow: 0 4px 6px #e5e5e5
}

.history-box p {
    margin: 0
}

.history-box .history-details p {
    margin-bottom: 20px
}

.report-date-time p {
    margin: 0
}

.history-box .history-details .report-date-time p {
    margin: 0
}

.staus-ip .status {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    margin-bottom: 10px
}

.staus-ip .status button.resolved {
    width: 155px;
    background: #77A717;
    color: #fff;
    border: 0;
    height: 26px
}

.staus-ip,
.history-details {
    position: relative
}

p.ip-address {
    position: absolute;
    bottom: 0;
    font-size: 14px
}

.history-details .report-date-time {
    position: absolute;
    bottom: 0
}

.staus-ip .status span {
    font-weight: 600;
    font-size: 15px
}

.report-history-box {
    height: 420px;
    overflow-y: scroll;
    display: none
}

.send-clarification-box {
    display: flex;
    align-items: center;
    background: #F5F5F5;
    padding: 15px 20px;
    gap: 25px;
    position: relative;
    display: none;
    margin-bottom: 20px
}

.send-clarification-box p {
    margin: 0
}

.send-clarification-box span.closebtn {
    position: absolute;
    right: 10px;
    top: 20px;
    cursor: pointer
}

.send-clarification-box span.closebtn i {
    color: #E82222;
    font-size: 24px
}

.send-clarification-box.show {
    display: flex
}

#custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #F5F5F5
}

#custom-scrollbar::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5
}

#custom-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #151925;
    height: 10px
}

.custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.custom-scrollbar::-webkit-scrollbar {
    height: 4px;
    width: 2px;
    background-color: #F5F5F5
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #151925;
    height: 10px
}

.select_clarification_head h5 {
    display: flex;
    gap: 15px
}

.new-reports {
    font-size: 12px;
    color: #E82222;
    border: 2px solid #E82222;
    padding: 0 12px;
    background: #FFF1F1;
    border-radius: 6px
}

.modal-body button.delete-picture-btn {
    position: absolute;
    bottom: 34px;
    left: 30px
}

.modal-body button.delete-picture-btn {
    position: absolute;
    bottom: 34px;
    left: 30px;
    width: 170px;
    height: 36px;
    border: 0;
    font-size: 16px
}

.modal-body button.delete-picture-btn i {
    margin-right: 7px
}

div#ask-delete .modal-body {
    background: #fff;
    text-align: center
}

div#ask-delete .modal-body p {
    font-size: 20px;
    margin-bottom: 13px;
    display: block;
    font-weight: 600
}

div#ask-delete .modal-body .delete-cancle button {
    width: 120px;
    height: 34px;
    border-radius: 5px;
    border: 0
}

.delete-cancle {
    display: flex;
    justify-content: center;
    gap: 15px
}

div#ask-delete .modal-body .delete-cancle button.delete {
    background: #2386EE;
    color: #fff
}

div#ask-delete .modal-body .delete-cancle button.cancle {
    background: #fff;
    border: 1px solid #a7a7a7
}

div#successfully-deleted .modal-content {
    background: #fff;
    text-align: center
}

div#successfully-deleted .modal-body img {
    width: 80px;
    margin-bottom: 10px
}

div#successfully-deleted .modal-body p {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 7px
}

div#successfully-deleted .modal-body span {
    color: #838383
}

.report-pic a.btn,
.report-pic a.btn:focus {
    outline: 0;
    box-shadow: none
}

.career_admin_dashboard_right_cont_car_grid_single.approval-box span p {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px
}

.career_admin_dashboard_right_cont_car_grid_single.approval-box {
    padding: 38px 25px
}

.verification-filter-bar.approval-filter-bar .grey-bg .search-box input[type="text"] {
    width: 270px;
    height: 34px;
    font-size: 16px;
    line-height: 22px
}

.verification-filter-bar.approval-filter-bar .grey-bg .search-box input[type="text"] {
    width: 270px;
    height: 34px;
    font-size: 16px;
    line-height: 22px
}

.verification-filter-bar.approval-filter-bar .search-by-name i {
    font-size: 16px;
    color: #000;
    top: 9px
}

.verification-filter-bar.approval-filter-bar .verify-select-box span.vsb-title {
    width: 300px;
    height: 34px;
    border: 1px solid #ccc;
    border-radius: 5px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 600
}

.verification-filter-bar.approval-filter-bar .verify-select-box span.vsb-title i {
    top: 6px
}

.verification-filter-bar.approval-filter-bar .verification-results p {
    font-size: 16px;
    font-weight: 600
}

.verification-results span.reset {
    color: #F01111;
    font-weight: 500;
    margin-left: 8px
}

.verification-row-list.approval-row-list .request-status button {
    font-size: 16px
}

.request-status button.unapproved {
    background: #D9D9D9;
    color: #000
}

.request-status button.approved {
    background: #39AA27
}

.verification-row-list.approval-row-list .viewbtn button.veiw-request-btn {
    width: 185px;
    height: 46px;
    border-radius: 0;
    font-size: 16px
}

.verification-row-list.approval-row-list .requestlist-box .r-border {
    position: relative
}

.verification-row-list.approval-row-list .requestlist-box .r-border:after {
    content: '';
    width: 1px;
    height: 100%;
    right: -4px;
    position: absolute;
    background: #ccc
}

.verification-filter-bar.approval-filter-bar .verification-status label {
    font-size: 16px;
    line-height: 28px
}

.verification-filter-bar.approval-filter-bar .vsb-checkmark {
    height: 24px;
    width: 24px
}

.verification-filter-bar.approval-filter-bar .vsb-container .vsb-checkmark:after {
    left: 9px;
    top: 4px
}

.verification-filter-bar.approval-filter-bar .vsb-container {
    line-height: 34px !important;
    padding-left: 45px;
    display: block
}

.vsb-dropdown .btn-grp {
    padding: 6px 8px;
    display: flex;
    gap: 15px
}

.vsb-dropdown .btn-grp button.apply {
    background: #2386EE;
    color: #fff;
    border: 0
}

.vsb-dropdown .btn-grp button {
    border: 0;
    width: 100px;
    height: 34px;
    border-radius: 6px;
    font-size: 16px
}

.vsb-dropdown .btn-grp button.cancle {
    background: transparent;
    border: 1px solid #000
}

.job-approval-job-details {
    margin-top: 30px
}

.job-approval-job-details h2 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px
}

.job-type,
.preffered-language,
.looking-for,
.talent-payment {
    margin-bottom: 24px;
    font-size: 20px
}

.job-approval-job-details .description {
    border-top: 1px solid #ccc;
    padding-top: 20px
}

.desvription-box strong {
    font-size: 18px;
    color: #000
}

.desvription-box .description {
    margin-bottom: 20px
}

.desvription-box .description .head {
    margin-bottom: 10px
}

.audition-details .head,
.audition-attachement .head {
    display: inline-block;
    margin-right: 5px
}

.desvription-box .description p,
.audition-details p,
.audition-attachement p {
    font-size: 18px;
    line-height: 32px;
    color: #888
}

.desvription-box .description ol {
    list-style: decimal;
    margin-left: 16px
}

.desvription-box .description ol li {
    margin-bottom: 16px;
    font-size: 18px;
    color: #888
}

.audition-required {
    display: flex;
    gap: 21px;
    margin-bottom: 15px
}

.audition-attachement-1 strong {
    display: block
}

.audition-attachement-1 a {
    border: 1px solid #000;
    padding: 10px 15px;
    display: inline-block;
    margin-top: 15px
}

.audition-attachement-1 a img {
    width: 20px;
    margin-right: 5px
}

.audition-attachement-1 a i {
    margin-left: 10px
}

.select_clarification.action-on-job {
    padding: 20px 25px
}

.select_clarification.action-on-job .select_clarification_head {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.sac-box {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.select_clarification.action-on-job .status {
    text-align: center
}

.select_clarification.action-on-job .request-approval p {
    font-size: 16px;
    font-weight: 600
}

.select_clarification.action-on-job .request-approval p span {
    color: #2386EE
}

.select_clarification.action-on-job .status {
    display: flex;
    justify-content: center;
    gap: 12px;
    align-items: center;
    position: relative
}

.select_clarification.action-on-job .status button.unapproved {
    width: 130px;
    height: 34px;
    background: #BFBFBF;
    border: 0;
    color: #000;
    font-size: 16px
}

.select_clarification.action-on-job .approve-cancle {
    text-align: center;
    display: flex;
    gap: 15px
}

.select_clarification.action-on-job .approve-cancle button {
    width: 134px;
    border: 0;
    height: 38px;
    font-size: 16px;
    border-radius: 5px
}

.select_clarification.action-on-job .approve-cancle button.job-approve {
    background: #39AA27;
    color: #fff
}

.select_clarification.action-on-job .approve-cancle button.job-cancle {
    background: transparent;
    border: 1px solid #000
}

.select_clarification.action-on-job .status:after {
    content: "";
    position: absolute;
    background: #ccc;
    width: 1px;
    height: 90px;
    right: 30px
}

.select_clarification.action-on-job .report-date-time span {
    font-size: 14px
}

.select_clarification.action-on-job .report-date-time p {
    font-size: 14px;
    font-weight: 300
}

.select_clarification.action-on-job .status span {
    font-weight: 600
}

label.cont_sec.public-profile.active,
label.cont_sec.private-profile.active {
    color: #000
}

div#privatemodal .modal-body,
div#publicmodal .modal-body {
    background: #fff
}

div#privatemodal .modal-body p,
div#publicmodal .modal-body p {
    margin: 0
}

div#ml-nav-tab {
    background: #F9F9F9;
    display: inline-flex;
    padding: 15px 15px;
    border: 1px solid #BABABA;
    border-radius: 6px
}

div#ml-nav-tab .nav-link {
    background: transparent
}

div#ml-nav-tab .nav-link.active {
    color: #0166FF
}

div#ml-nav-tab a {
    font-weight: 500;
    position: relative
}

div#ml-nav-tab a:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    background: #bababa
}

div#ml-nav-tab a:last-child:after {
    display: none
}

table.table.master-listing-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 1.5em
}

table.table.master-listing-table thead tr th:first-child,
table.table.master-listing-table tbody tr th {
    text-align: center
}

table.table.master-listing-table thead th {
    font-weight: 500;
    font-size: 18px;
    color: #000;
    letter-spacing: .5px;
    border: 0;
    padding: 0 0 0 0;
    text-align: left
}

table.table.master-listing-table th,
table.table.master-listing-table td {
    padding: 22px;
    vertical-align: middle;
    background: #F0F6FF;
    border: 0
}

table.table.master-listing-table th:first-child,
table.table.master-listing-table td:first-child {
    text-align: center
}

table.table.master-listing-table span.talent-name,
table.table.master-listing-table span.talent-id {
    display: block;
    line-height: 30px
}

table.table.master-listing-table span.talent-id {
    font-weight: 600
}

span.talent-mail-registered button {
    display: block;
    margin-top: 10px;
    background: #0166FF;
    color: #fff;
    border: 0;
    height: 30px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 300;
    padding: 0 15px
}

table.table.master-listing-table button.notes {
    border: 1px solid #000;
    text-align: center;
    line-height: normal;
    display: block;
    border-radius: 5px;
    background: #fff;
    font-size: 16px;
    width: 120px;
    height: 30px
}

table.table.master-listing-table button.notes span.notes-counts {
    background: #0166FF;
    color: #fff;
    width: 20px;
    height: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    margin-left: 4px;
    font-size: 14px
}

div#allnotes-popup .modal-content {
    background: #fff;
    border-radius: 15px;
    padding: 20px 25px
}

div#allnotes-popup .modal-content .modal-header,
div#allnotes-popup .modal-content .modal-body {
    padding: 0
}

div#allnotes-popup .modal-footer {
    justify-content: start;
    border: 0;
    padding-top: 0
}

div#allnotes-popup .notes-box {
    display: grid;
    grid-template-columns: 1.5fr 4fr;
    background: #F0F6FF;
    padding: 15px 20px;
    border: 0;
    border-radius: 10px;
    gap: 15px;
    margin-bottom: 15px
}

div#allnotes-popup .notes-box .notes-details p {
    margin: 0
}

div#allnotes-popup .notes-bucket {
    height: 240px;
    overflow-y: scroll;
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 15px
}

div#allnotes-popup .notes-bucket .userdetails .date-time span {
    font-size: 14px;
    display: inline-block;
    margin-top: 6px
}

div#allnotes-popup .modal-title {
    font-size: 18px;
    margin-bottom: 10px
}

div#allnotes-popup .modal-title img {
    width: 18px;
    margin-right: 8px
}

div#allnotes-popup .modal-content .modal-header button.close span {
    font-weight: 400;
    width: 25px;
    height: 25px;
    border: 1px solid #000;
    display: inline-block;
    border-radius: 50px
}

div#allnotes-popup .modal-footer button.btn.notes-submit-btn {
    background: #0166FF;
    color: #fff;
    width: 125px;
    border-radius: 5px;
    height: 36px;
    line-height: 18px
}

div#allnotes-popup .modal-footer button.btn.notes-cancle-btn {
    background: #fff;
    color: rgb(0, 0, 0);
    width: 125px;
    border-radius: 5px;
    height: 36px;
    line-height: 18px;
    border: 1px solid #000;
    margin-left: 15px
}

.ml-tabs-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.nice-select.sortby-select ul.list {
    right: 0;
    left: auto
}

.nice-select.sortby-select:before {
    position: absolute;
    content: '';
    width: 26px;
    height: 14px;
    left: 9px;
    top: 13px;
    background: url(../images/master-listing/barline.png);
    background-repeat: no-repeat;
    background-size: contain
}

.nice-select.sortby-select {
    min-width: 120px;
    padding-left: 45px
}

.masterlisting-searchbar {
    display: flex;
    gap: 20px;
    margin: 20px 0
}

.masterlisting-searchbar .searchbox {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #F9F9F9;
    width: fit-content;
    padding: 10px 15px 10px 15px;
    position: relative;
    height: 40px
}

.masterlisting-searchbar .searchbox input {
    border: 0;
    background: transparent;
    font-size: 14px
}

.masterlisting-searchbar .searchbox i {
    position: relative
}

.masterlisting-searchbar .searchbox i.fa-search:after {
    content: '';
    position: absolute;
    width: 1px;
    background: #d1d1d1;
    height: 23px;
    right: -12px;
    top: 0
}

.masterlisting-searchbar .searchbox i.fa-search {
    margin-right: 5px;
    font-size: 22px
}

button.ml-search-btn {
    width: fit-content;
    border: 0;
    padding: 0 25px;
    background: #0166FF;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    height: 40px
}

button.ml-clear-filters {
    width: fit-content;
    background: #fff;
    border: 1px solid #000;
    padding: 0 20px 0 40px;
    font-size: 16px;
    border-radius: 5px;
    position: relative;
    height: 40px
}

button.ml-clear-filters i {
    position: absolute;
    left: 12px;
    top: 11px;
    font-size: 20px
}

span.search-dropdwn-arrow {
    cursor: pointer
}

.masterlisting-searchbar .searchbox .search-adlist {
    position: absolute;
    top: 44px;
    background: #f1f1f1;
    left: 0;
    width: 100%;
    padding: 15px;
    box-shadow: 0 2px 5px #e3e3e3;
    display: none;
    z-index: 9
}

.masterlisting-searchbar .searchbox .search-adlist ul li {
    font-size: 14px;
    margin-bottom: 10px
}

.masterlisting-searchbar .searchbox .search-adlist ul li:last-child {
    margin: 0
}

.results-found {
    margin-bottom: 15px
}

.sort-filter {
    display: flex;
    gap: 15px
}

button.ml-filters-btn {
    width: 120px;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    letter-spacing: .5px;
    padding-left: 25px;
    border-radius: 8px;
    position: relative
}

button.ml-filters-btn i {
    position: absolute;
    left: 14px;
    top: 12px;
    font-size: 18px
}

table.table.master-listing-table thead tr th {
    background: #fff
}

table.master-listing-table .modal-content {
    background: #fff;
    padding: 15px;
    border-radius: 25px
}

#ml-filters-popup .modal-footer {
    justify-content: flex-start;
    gap: 10px
}

div#ml-filters-popup h5.modal-title {
    font-size: 20px;
    font-weight: 500
}

div#ml-filters-popup h5.modal-title span {
    font-size: 16px;
    color: #7E7E7E
}

#ml-filters-popup h5.modal-title span {
    font-size: 16px;
    color: #7E7E7E;
    margin-left: 20px
}

.ml-check {
    display: flex;
    gap: 14px;
    align-items: center
}

.mlf-row,
.mlf-row-2 {
    display: flex;
    gap: 40px;
    margin-bottom: 20px
}

.masterlisting-filters .mlf-row {
    display: flex;
    align-items: center
}

.masterlisting-filters .mlf-row .nice-select.mlf-select {
    width: 33%;
    background: #F3F3F3;
    border: 0;
    padding-left: 40px
}

.mlf-row-2 .ml-check {
    background: #F3F3F3;
    padding: 15px 30px;
    border-radius: 5px
}

.mlf-row-2 .nice-select.mlf-select {
    background: #F3F3F3;
    border: 0
}

.mlf-row-3 {
    display: flex;
    gap: 40px
}

.mlf-row-3 input {
    width: 200px;
    height: 42px;
    padding: 0 10px;
    background: #f3f3f3;
    border: 0;
    border-radius: 8px;
    padding-left: 34px;
    font-size: 13px;
    letter-spacing: .5px
}

.masterlisting-filters .mlf-row .nice-select.mlf-select span {
    font-size: 13px
}

.mlf-row-3 .ml-check {
    background: #f3f3f3;
    padding: 0 30px;
    border-radius: 5px
}

.mlf-row-2 .nice-select.mlf-select span {
    font-size: 13px
}

.mlf-row-2 .ml-check label.chk-container {
    font-size: 13px
}

.mlf-row-2 .ml-check span {
    font-size: 14px;
    font-weight: 500
}

.mlf-row-3 .ml-check span {
    font-size: 14px;
    font-weight: 500
}

.masterlisting-filters .mlf-row .nice-select.mlf-select ul.list {
    width: 100%;
    margin-top: 1px
}

ul.userchecklist {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 0 25px
}

.userchecklist-box {
    width: max-content;
    border: 1px solid #ccc;
    border-radius: 8px
}

ul.userchecklist label.chk-container {
    font-weight: 500;
    color: #000;
    font-size: 14px;
    padding-left: 30px
}

ul.userchecklist span.checkmark {
    background-color: #E3E3E3;
    border-radius: 2px;
    width: 15px;
    height: 15px;
    top: 2px;
    left: 4px
}

ul.userchecklist li {
    position: relative;
    padding: 15px 0
}

ul.userchecklist li:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 76%;
    background: #ccc;
    top: 6px;
    right: -9px
}

ul.userchecklist li:last-child:after {
    display: none
}

.users-checklist-filter {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 20px
}

.user-searchfilter {
    display: flex;
    gap: 15px
}

.user-searchfilter .inputbox {
    background: #F4F4F4;
    align-items: center;
    display: flex;
    gap: 4px;
    padding: 7px 14px
}

.user-searchfilter .inputbox input {
    background: #F4F4F4;
    border: 0;
    padding-left: 10px
}

button.search-btn {
    display: block;
    background: #0166FF;
    color: #fff;
    border: 0;
    height: auto;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 300;
    padding: 0 15px;
    width: 120px
}

ul.userchecklist span.checkmark::after {
    width: 5px;
    height: 9px;
    left: 4px;
    border-width: 0 2px 2px 0;
    top: 1px
}

table.table.master-listing-table .unapproved {
    background: transparent;
    border: 0;
    color: #000
}

.talent-name-id img {
    width: 50px;
    border-radius: 50px
}

.talent-name-id {
    display: flex;
    align-items: center;
    gap: 15px
}

.talent-name-id .detail span:first-child {
    font-weight: 600;
    margin-bottom: 5px;
    display: block
}

table#le-Table-1 button.action-btn {
    width: 120px;
    height: 30px;
    border: 0;
    background: #0166FF;
    color: #fff;
    border-radius: 8px;
    font-size: 16px
}

div#take-action-popup .modal-dialog {
    max-width: 50%
}

div#take-action-popup .modal-title h5 {
    margin: 0;
    font-size: 18px;
    margin-bottom: 5px
}

div#take-action-popup .modal-title h5 {
    margin: 0;
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 600
}

div#take-action-popup .modal-title h5 span {
    color: #BBB;
    font-size: 16px;
    font-weight: 400;
    margin-left: 8px
}

div#take-action-popup .modal-title p {
    margin: 0
}

div#take-action-popup .modal-title p {
    margin: 0
}

div#take-action-popup .modal-dialog .modal-header {
    border: 0;
    padding-bottom: 5px
}

.action-btn-box .btn-row-1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
    margin-bottom: 15px
}

.action-btn-box .btn-row-1 button {
    height: 34px;
    border: 0;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 300;
    position: relative
}

.action-btn-box .btn-row-1 button i {
    position: absolute;
    left: 8px;
    top: 10px;
    font-size: 14px
}

.action-btn-box button.send-sms-btn {
    background: #0166FF;
    color: #fff
}

.action-btn-box button.send-mail-btn {
    background: #E09B3D;
    color: #fff
}

.action-btn-box button.deactivate-profile-btn {
    background: #F94C4C;
    color: #fff;
    font-size: 11px;
    padding-left: 25px
}

.action-btn-box button.whatsapp-btn {
    background: transparent;
    border: 2px solid #53E030;
    color: #53E030;
    font-weight: 500;
    padding-left: 20px;
    width: 100%
}

.action-btn-box button.whatsapp-btn i {
    font-size: 20px;
    top: 5px;
    left: 10px
}

.action-btn-box .btn-row-2 {
    display: flex;
    gap: 15px
}

.btn-row-2 button {
    background: #9F5EF3;
    border: 0;
    color: #fff;
    padding: 8px 18px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 300
}

div#subcription-plan-tabs {
    border: 1px solid #ccc;
    width: max-content;
    margin-bottom: 20px;
    display: inline-flex
}

div#subcription-plan-tabs button.active {
    background: #fff;
    color: #2196F3;
    padding: 10px
}

div#subcription-plan-tabs button {
    padding: 0 25px;
    font-size: 16px;
    width: 220px
}

div#subcription-plan-tabs button:first-child {
    position: relative
}

div#subcription-plan-tabs button:first-child {
    position: relative;
    border-right: 1px solid #ccc
}

.collab-pack-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px
}

.collab-pack-box .collab-pack {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 20px
}

.collab-pack-box .collab-pack h6 {
    margin: 0;
    font-size: 14px
}

.collab-pack-box .collab-pack h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 0
}

.collab-pack-box .collab-pack .buynow-box {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.buy-quantity button.by-btn {
    width: max-content;
    height: 30px;
    border: 0;
    background: #2196F3;
    color: #fff;
    font-size: 16px;
    padding: 0 15px;
    border-radius: 5px
}

.cart-quantity {
    display: flex;
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 4px #a1a1a1;
    display: none
}

.cart-quantity input {
    width: 48px;
    text-align: center;
    border: 0;
    height: 30px
}

.cart-quantity button {
    border: 0;
    padding: 0 8px;
    background: #fff
}

.collab-pack-box .collab-pack .description span {
    font-size: 14px
}

.collab-pack-box .collab-pack .description p {
    font-size: 12px;
    line-height: 18px
}

.collab-pack-box .collab-pack span.rupees {
    font-size: 18px;
    font-weight: 600
}

.additional-plan-topup div#nav-tabContent {
    min-height: auto;
    margin-bottom: 40px
}

.membership-strip {
    background: #fff;
    padding: 24px 0;
    position: relative;
    margin-bottom: 40px
}

.membership-strip:before {
    content: "";
    background: #fff;
    left: -82px;
    width: 99999px;
    height: 100%;
    position: absolute;
    top: 0
}

.membership-strip h2 {
    margin-bottom: 10px;
    position: relative;
    font-size: 30px;
    font-weight: 400
}

.membership-strip p {
    margin: 0;
    position: relative;
    font-size: 18px;
    font-weight: 300
}

.membership-strip h2 span {
    color: #2196F3;
    font-weight: 600;
    margin-left: 14px
}

body.inner_body.subscription-talent-page {
    background: #f4f4f4
}

.subscription-talent-section .additional-plan-topup h2 {
    display: inline-flex;
    margin-right: 20px
}

.package-details {
    text-align: left;
    padding: 0 25px
}

.package-details p {
    margin: 0;
    font-size: 12px;
    font-weight: 400
}

table.table.primium-head-table tr th {
    height: 50px;
    vertical-align: middle;
    text-align: center;
    color: #2196F3;
    font-weight: 600;
    width: 33%
}

table.sub-membership-table thead tr th:nth-child(3) {
    padding: 0
}

table.table.primium-head-table {
    margin: 0
}

table.sub-membership-table thead tr th:nth-child(2) {
    vertical-align: middle;
    text-align: center
}

table.sub-membership-table {
    background: #fff;
    box-shadow: 0 0 10px #6664f;
    border-radius: 20px;
    border-collapse: collapse;
    border-style: hidden
}

table.table.primium-head-table tr:nth-child(2)th {
    border-bottom: 0
}

table.sub-membership-table tbody th:nth-child(3)span.month,
table.sub-membership-table tbody th:nth-child(4)span.month,
table.sub-membership-table tbody th:nth-child(5)span.month {
    font-size: 12px;
    text-transform: capitalize
}

table.sub-membership-table tr th,
table.sub-membership-table tr td {
    padding: 15px 0
}

button.active-btn {
    background: #F2F9FF;
    color: #2196F3;
    font-weight: 600;
    border: 1px solid #2196F3;
    width: 160px;
    height: 36px;
    border-radius: 5px
}

button.upgrade-btn,
a.upgrade-btn {
    font-size: 13px;
    background: #2196F3;
    color: #fff;
    border: 0;
    width: 125px;
    height: 35px;
    border-radius: 5px;
    display: inline-block;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.applicant-box {
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 8px
}

.applicant-box .ab-head {
    background: #D9D9D9;
    padding: 5px 15px;
    text-align: right
}

.applicant-box .ab-head i {
    font-size: 28px
}

.applicant-box .ab-inner {
    padding: 20px;
    position: relative
}

.applicant-box .ab-inner .applicant-details img.applicant-pic {
    position: absolute;
    left: 0;
    width: 45px
}

.applicant-box .ab-inner .applicant-details {
    position: relative;
    padding-left: 60px
}

.applicant-box .ab-inner .applicant-details span.name {
    font-weight: 600
}

.applicant-box .ab-inner .applicant-details {
    position: relative;
    padding-left: 65px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 9
}

.applicant-box .ab-inner h6 {
    font-size: 14px;
    font-weight: 500
}

.subscription-talent-section {
    margin-top: 35px
}

.applicant-box .ab-inner .applicant-details .ad1 p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin: 0
}

.applicant-box .ab-inner ul li {
    margin-bottom: 25px
}

.applicant-box .ab-inner .applicant-details .ad1 {
    padding-right: 20px
}

.applicant-box .ab-inner li.active {
    background: linear-gradient(to right, #6200ff, #f454ff);
    position: relative;
    left: -80px;
    padding: 8px 17px;
    border-radius: 50px
}

.applicant-box .ab-inner .intro-arrow {
    position: absolute;
    left: -190px;
    top: 60px
}

.applicant-box .ab-inner li.active:before {
    background: #ccc;
    right: 0;
    top: 2px;
    left: 2px;
    bottom: 0;
    z-index: 1;
    position: absolute;
    content: "";
    border-radius: 50px;
    width: 99.2%;
    height: 57px
}

.applicant-box .ab-inner ul li.active .applicant-details .ad2 span {
    background: -webkit-linear-gradient(#396496, #BB1111);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 17px;
    font-weight: 600
}

.applicant-box .ab-inner .applicant-details .ad2 {
    color: #c5c5c5
}

.cp-head {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cp-head span.most-valued,
.cp-head span.most-purchased {
    background: -webkit-linear-gradient(#2386EE, #BB1111);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
    font-size: 13px
}

.pack-price {
    display: flex;
    gap: 12px;
    align-items: center
}

.price-tooltip {
    position: relative;
    cursor: pointer;
    display: inline-block
}

.price-tooltip .details {
    position: absolute;
    width: 200px;
    font-size: 12px;
    background: #efefef;
    padding: 10px;
    z-index: 9;
    border: 1px solid #2196f3;
    top: 22px;
    right: 0;
    display: none
}

.premium-plan-box {
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 0 10px #dfdfdf;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    margin-bottom: 40px
}

.premium-plan-box .plan-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px
}

.premium-plan-box .plan-head h2 {
    margin: 0;
    font-weight: 500;
    position: relative
}

.premium-plan-box .plan-head h2:before {
    content: "";
    position: absolute;
    width: 40%;
    height: 150%;
    background: #F2F9FF;
    top: -6px
}

.premium-plan-box span.tsh {
    position: relative;
    margin-left: 10px;
    font-size: 20px
}

.premium-plan-box .plan-head h2 span.month {
    color: #2196F3;
    border: 1px solid #2196F3;
    padding: 4px 17px;
    margin-left: 15px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400
}

.premium-plan-box .plan-head span.plan-label {
    border-radius: 5px;
    color: #2386EE;
    background: #F2F9FF;
    border: 1px solid #2196F3;
    width: 111px;
    text-align: center;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center
}

.premium-plan-box .pre-plan-details .detailbox-inner h6 {
    margin: 0;
    font-size: 13px;
    margin-bottom: 8px;
    font-weight: 300
}

ul.benifit-list li {
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative;
    font-weight: 500;
    font-size: 14px
}

ul.benifit-list li:before {
    content: '';
    position: absolute;
    background: #000;
    width: 12px;
    height: 12px;
    left: 0;
    top: 5px;
    border-radius: 4px
}

.pre-plan-details .detailbox-inner {
    margin-bottom: 20px
}

.pre-plan-details .detailbox-inner p {
    font-weight: 500;
    font-size: 14px
}

.pre-plan-details .detailbox-inner .details {
    width: 240px;
    top: 14px
}

.pre-plan-details .plan-price {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.pre-plan-details .plan-price span:first-child {
    font-weight: 500;
    font-size: 16px
}

.pre-plan-details .plan-price span:last-child {
    font-size: 14px;
    color: #636363;
    font-weight: 300
}

.pre-plan-cancel {
    display: flex;
    justify-content: flex-end
}

.plan-cancel {
    background: #8C8C8C;
    color: #fff;
    width: 125px;
    height: 35px;
    border: 0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.pre-plan-details .plan-price span:last-child img {
    margin-right: 4px
}

.premium-plan-box .billing-details .deails-inner-box span:first-child {
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    display: block;
    padding-bottom: 8px;
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 13px
}

.deails-inner-box p {
    font-size: 13px;
    margin: 0
}

.premium-plan-box h4 {
    color: #2196F3;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: .5px;
    margin-bottom: 20px
}

.deails-inner-box {
    margin-bottom: 12px
}

.my-plan-details h2 img {
    margin-left: 15px;
    margin-right: 5px
}

.premium-plan-box.cancel-plan .plan-head h3 {
    margin-bottom: 0;
    line-height: normal;
    padding-bottom: 10px;
    font-size: 22px
}

.premium-plan-box.cancel-plan .plan-head {
    display: block;
    border-bottom: 1px solid #c0c0c0
}

.premium-plan-box.cancel-plan .detailbox-inner:first-child p {
    font-size: 15px;
    font-weight: 600
}

.premium-plan-box.cancel-plan ul.benifit-list li {
    font-weight: 400;
    font-size: 14px;
    padding-left: 26px
}

.premium-plan-box.cancel-plan ul.benifit-list li:before {
    background: #2196F3;
    top: 3px
}

.detailbox-inner.cancel-reason h4 {
    color: #000;
    font-size: 14px;
    font-weight: 600
}

.detailbox-inner.cancel-reason textarea {
    width: 100%;
    padding: 10px;
    height: 120px;
    resize: none;
    margin-bottom: 14px;
    background: #F8F8F8;
    border: 1px solid #C1C1C1;
    font-size: 14px
}

.cancel-notice {
    display: flex;
    align-items: center;
    background: #F2FAFF;
    border: 1px solid #2196F3;
    padding: 15px 70px 15px 70px;
    position: relative;
    margin-bottom: 20px
}

.cancel-notice p {
    margin: 0;
    font-size: 14px;
    color: #2196F3;
    font-weight: 300;
    line-height: 25px
}

.cancel-notice img {
    width: 30px;
    position: absolute;
    left: 17px;
    height: 30px;
    object-fit: cover;
    top: 18px
}

.cancel-btn-box {
    display: flex;
    gap: 20px;
    align-items: center
}

.cancel-plan-btn {
    width: 220px;
    height: 36px;
    background: #2196F3;
    color: #fff;
    border: 0;
    border-radius: 7px;
    font-size: 16px
}

.premium-plan-box.you-should-try h4 {
    color: #000;
    font-size: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 14px;
    line-height: normal
}

.premium-plan-box.you-should-try .topbar {
    margin-bottom: 15px
}

.premium-plan-box.you-should-try .bestvalue {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.premium-plan-box.you-should-try h5 {
    margin: 0
}

.premium-plan-box.you-should-try .bestvalue h3 span {
    font-size: 14px;
    font-weight: 400;
    color: #2196F3;
    margin-left: 9px
}

.premium-plan-box.you-should-try .bestvalue h3 {
    margin: 0;
    font-size: 18px;
    position: relative
}

.premium-plan-box.you-should-try .bestvalue .best-value-btn {
    background: #CCE9FD;
    width: 130px;
    text-align: center;
    padding: 5px 12px;
    border-radius: 5px;
    border: 1px solid #2196F3;
    color: #2196F3;
    font-size: 14px
}

.premium-plan-box.you-should-try ul.benifit-list li:before {
    background: #fff;
    border: 1px solid #000;
    border-radius: 2px;
    top: 4px
}

.pre-plan-details .plan-price span.i-interested {
    display: block;
    margin-top: 15px
}

.premium-plan-box.you-should-try .pre-plan-details .plan-price {
    display: block
}

.pre-plan-details .plan-price span.i-interested a {
    background: #2196F3;
    display: inline-block;
    text-align: center;
    color: #fff;
    padding: 6px 40px;
    font-size: 16px;
    border-radius: 6px
}

.premium-plan-box.you-should-try .detailbox-inner:last-child {
    margin: 0
}

div#subscription-cancel-popup .modal-dialog {
    max-width: 650px
}

div#subscription-cancel-popup .cancellation-done img {
    margin: 0 auto 15px;
    display: block;
    width: 85px
}

div#subscription-cancel-popup .cancellation-done h4 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 15px
}

div#subscription-cancel-popup .cancellation-done p {
    font-size: 14px;
    text-align: center
}

div#subscription-cancel-popup .cancellation-done p {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .3px
}

div#subscription-cancel-popup button.close {
    font-size: 21px;
    border: 2px solid #000;
    width: 22px;
    height: 22px;
    border-radius: 50px;
    position: absolute;
    top: 0;
    right: 0
}

div#subscription-cancel-popup button.close span {
    font-weight: 500;
    margin-top: -1px;
    display: block
}

.subscription-premium-plan-popup .modal-dialog {
    max-width: 600px
}

.subscription-premium-plan-popup .header-inner {
    margin-bottom: 20px
}

.subscription-premium-plan-popup .header-inner h4 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px
}

.subscription-premium-plan-popup .header-inner p {
    font-size: 16px;
    margin-bottom: 0
}

.table.subscription-preminum-table thead tr:first-child th {
    border-bottom: 1px solid #ccc !important;
    font-weight: 500
}

.table.subscription-preminum-table thead tr:first-child th:first-child {
    border: 0 !important;
    border-right: 1px solid #ccc !important;
    font-size: 24px
}

.table.subscription-preminum-table thead tr th,
.table.subscription-preminum-table tbody tr td {
    border-right: 1px solid #ccc !important;
    text-align: center !important;
    font-size: 14px
}

.table.subscription-preminum-table thead tr th:first-child,
.table.subscription-preminum-table tbody tr td:first-child {
    text-align: left !important;
    font-size: 13px;
    padding: 5px 0
}

.subscription-premium-plan-popup .modal-header {
    border: 0;
    margin: 0;
    padding: 5px 0 0 20px
}

.table.subscription-preminum-table {
    border-bottom: 1px solid #ccc;
    width: 590px
}

.table.subscription-preminum-table thead tr:first-child th {
    vertical-align: middle;
    line-height: 8px;
    padding: 0
}

.table-borderless.subscription-preminum-table img.premium-plan-logo {
    width: 100px
}

.table.subscription-preminum-table span.active-label {
    background: #F2F9FF;
    border: 1px solid #2196F3;
    color: #2196F3;
    font-size: 14px;
    width: 100px;
    display: inline-block;
    height: 28px;
    line-height: 26px
}

.upgrade-to-premium .btn-box {
    text-align: right
}

.upgrade-to-premium .upgrade-btn {
    font-size: 16px;
    width: 160px;
    height: 40px;
    font-weight: 500;
    line-height: 16px;
    margin: 15px 0
}

.table.subscription-preminum-table tbody tr:first-child td {
    font-weight: 500;
    color: #000;
    font-size: 13px;
    vertical-align: middle;
    line-height: 5px
}

.table.subscription-preminum-table tbody tr:first-child td span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 15px
}

.table.subscription-preminum-table thead tr:first-child th:nth-child(2) {
    font-size: 14px
}

.success-stories-section.with-sub-upgrade-popup .success-stories-sliders .story-box {
    display: flex
}

.subscription-premium-plan-popup .modal-content {
    flex-wrap: nowrap;
    background: #fff;
    border-radius: 30px
}

div#stories_slide.owl-carousel .owl-stage-outer {
    padding: 20px 0;
    height: 280px !important
}

div#stories_slide .owl-nav {
    position: absolute;
    top: -50px;
    right: 0;
    display: flex;
    gap: 8px
}

div#stories_slide .owl-nav button {
    width: 20px;
    font-size: 26px;
    height: 24px;
    line-height: 8px;
    background: #2196f3;
    color: #fff;
    border: 0
}

.success-stories-section.with-sub-upgrade-popup h4 {
    font-size: 18px
}

.success-stories-section.with-sub-upgrade-popup h4 a {
    font-size: 12px
}

.upgrade-to-premium {
    display: block;
    gap: 20px;
    padding: 0 15px
}

div#subscription-compare-popup button.close {
    position: absolute;
    right: 17px;
    top: 78px;
    font-size: 20px;
    font-weight: 400;
    border: 2px solid #000;
    width: 22px;
    height: 22px;
    line-height: 20px;
    border-radius: 26px
}

.subscription-premium-plan-popup .modal-body {
    padding: 0
}

.subscription-planbox .sp-head,
.sprow-panel .sp-row {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr
}

.subscription-planbox .sp-head .activebx button {
    margin: 0
}

.subscription-planbox .sp-head .planheading span {
    position: relative;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 28px;
    color: #000
}

.subscription-planbox .sp-head .planheading,
.subscription-planbox .sp-head .activebx,
.subscription-planbox .sp-head .pre-logo {
    display: flex;
    align-items: center;
    justify-content: center
}

.subscription-planbox .sp-head .planheading {
    justify-content: flex-start
}

.subscription-planbox .sp-head .activebx {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.subscription-planbox .sp-head .pre-logo {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.sprow-panel {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.subscription-planbox .sp-head .pre-logo .premium-plan-logo {
    width: 105px
}

.sprow-panel .sp-row .sp-col-2,
.sprow-panel .sp-row .sp-col-3 {
    justify-content: center;
    text-align: center;
    padding: 15px 0 10px 0;
    border-left: 1px solid #ccc
}

.sprow-panel .sp-row .sp-col-1 {
    display: flex;
    align-items: center
}

.sprow-panel .sp-row .sp-col-1 b,
.sprow-panel .sp-row .sp-col-2 b,
.sprow-panel .sp-row .sp-col-3 b {
    font-size: 18px;
    font-weight: 600;
    color: #000
}

.sp-row span {
    color: #000;
    font-size: 16px
}

.up-months {
    position: relative;
    font-size: 10px;
    margin-bottom: 0
}

.sprow-panel .sp-row .sp-col-3 b span {
    font-size: 13px;
    display: block;
    font-weight: 300
}

div#stories_slide1.owl-carousel .owl-stage-outer {
    height: auto !important
}

.new_sub_compare_cls .modal-dialog {
    max-width: 1300px;
    margin: 10px auto
}

.right_slide_box_new {
    position: relative;
    width: 90%;
    margin: 0 auto
}

.new_inner_feature {
    position: relative
}

.new_inner_feature .featured_jobs_sec_single_web p {
    margin: 0 0 8px 0;
    font-size: 12px
}

.new_inner_feature.featured_jobs_sec_single h6 {
    font-size: 18px;
    margin-bottom: 8px
}

.new_inner_feature.featured_jobs_sec_single h5 {
    margin-bottom: 5px;
    font-size: 18px
}

.new_inner_feature .featured_disc h4 {
    font-size: 16px;
    margin: 0 0 10px 0
}

.featured_disc p {
    font-size: 12px;
    margin-bottom: 10px
}

.new_inner_feature .apply_now_new {
    width: 120px;
    height: 35px;
    font-size: 10px
}

.new_inner_feature .apply_now_new img {
    width: 20px
}

#stories_slide .story-box .videobx span {
    width: 150px;
    height: 200px
}

#stories_slide .videobx:before {
    width: 85%;
    height: 85%
}

#stories_slide .videobx:after {
    width: 85%;
    height: 85%
}

.span_bill_text {
    position: relative
}

.act_now_btn {
    position: relative;
    display: inline-block;
    background: #F2F9FF;
    border: 1.5px solid #2196F3;
    border-radius: 3px;
    color: #2196F3;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px;
    margin: 0;
    top: -4px
}

div#stories_slide2.owl-carousel .owl-stage-outer {
    padding: 20px 0 0 0;
    *height: 250px !important;
    height: auto
}

div#stories_slide2 .owl-nav {
    position: absolute;
    top: -50px;
    right: 0;
    display: flex;
    gap: 8px
}

div#stories_slide2 .owl-nav button {
    width: 20px;
    font-size: 26px;
    height: 24px;
    line-height: 8px;
    background: #2196f3;
    color: #fff;
    border: 0
}

div#stories_slide3.owl-carousel .owl-stage-outer {
    padding: 0 0 0 0;
    *height: 250px !important;
    height: auto
}

div#stories_slide3 .owl-nav {
    position: absolute;
    top: -50px;
    right: 0;
    display: flex;
    gap: 8px
}

div#stories_slide3 .owl-nav button {
    width: 20px;
    font-size: 26px;
    height: 24px;
    line-height: 8px;
    background: #2196f3;
    color: #fff;
    border: 0
}

.span_bill_text {
    position: relative;
    color: #646464;
    padding-bottom: 0;
    display: block !important;
    padding-top: 10px
}

.choose_btn_new_mod {
    position: relative;
    text-align: right
}

.choose_btn_new_mod li {
    display: inline-block;
    margin-left: 45px
}

.choose_btn_new_mod li:first-child {
    margin-left: 0
}

.new_cls_icn_close {
    position: absolute;
    right: 0;
    opacity: 1;
    z-index: 1
}

.new_cls_icn_close i {
    font-size: 20px
}

.payment_sec_new_body.payment-gridbox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px
}

.plan-yearbox {
    display: flex;
    gap: 10px;
    margin-bottom: 8px
}

.plan-yearbox h6 {
    margin: 0
}

.plan-yearbox select.select-pre-years {
    width: 85px;
    height: 26px;
    padding: 0 8px;
    border: 2px solid #000;
    border-radius: 5px
}

.plan-yearbox select.select-pre-years:focus {
    border: 2px solid #000
}

span.removecode {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    text-decoration-line: underline;
    color: #909090;
    margin: 0;
    cursor: pointer;
    top: -3px
}

span.removecode i {
    color: #000;
    border-radius: 50px;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    border: 1px solid #000;
    text-decoration: none
}

.apply-promocode {
    background: #fff;
    padding: 0 8px;
    display: flex;
    align-items: center;
    box-shadow: 0 0 10px #f2f2f2;
    border-radius: 6px
}

.applybox .promocode_sec_new_right {
    display: none
}

.apply-promocode input {
    border: 0;
    height: 38px;
    display: inline-block;
    width: 90%;
    font-size: 14px
}

.apply-promocode button {
    display: inline-block;
    background: #2196F3;
    color: #fff;
    font-size: 13px;
    border: 0;
    border-radius: 5px;
    padding: 2px 14px;
    line-height: 20px
}

.subscription_right_sec_plan_sec {
    background: #F6F7F9
}

.view_offer_dis a.emptycart {
    color: #000
}

.sub_total_sec span i {
    font-size: 22px
}

.promocode_sec_new.applybox-result,
.promocode_sec_new.applybox.hide {
    display: none
}

.promocode_sec_new.applybox-result.show {
    display: flex
}

.promocode_sec_inner_single p i {
    font-size: 20px
}

.payment_sec_new_body_right_single h6 {
    font-weight: 500;
    padding-bottom: 16px
}

.promocode_sec_new_left_flex h5 {
    margin: 0 !important
}

.promocode_sec_new_left_flex.promocode-box span {
    margin: 0 0 15px 0;
    font-size: 18px;
    text-decoration: underline;
    cursor: pointer
}

.promocode_sec_new.applybox {
    display: inline-block;
    width: 50%
}

.msg-template-box label.chk-container {
    margin-bottom: 20px
}

.msg-template-box label.chk-container input {
    top: 16px
}

.msg-template-box label.chk-container span.checkmark {
    top: 28px;
    position: absolute;
    background: #e9e9e9
}

.msg-template-box .chk-container input:checked~.checkmark:after {
    border-color: #0166FF
}

.msg-template-box label.chk-container .whatsapp-msg {
    position: relative
}

.msg-template-box label.chk-container .whatsapp-msg .msg-edit-btn {
    position: relative;
    right: 20px;
    color: #000;
    font-weight: 500;
    margin-top: 8px;
    display: none;
    background: transparent;
    border: 0;
    line-height: 13px
}

.msg-template-box .chk-container input:checked~.whatsapp-msg .msg-edit-btn {
    display: inline-flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 10px
}

.msg-template-box label.chk-container .whatsapp-msg p {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.msg-template-box label.chk-container .whatsapp-msg {
    background: #F0F6FF;
    border-radius: 5px;
    padding: 15px 10px;
    margin-right: 10px
}

.msg-template-box {
    height: 330px;
    overflow-y: scroll
}

.message-template-popup .modal-title h5 {
    margin: 0;
    font-size: 20px;
    letter-spacing: .5px;
    font-weight: 600
}

.select-proceed-btn {
    background: #0166FF;
    display: inline-block;
    text-align: center;
    padding: 8px 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px
}

.msg-template-box label.chk-container:last-child {
    margin-bottom: 0
}

.msg-template-box .chk-container input:checked~.whatsapp-msg a {
    display: block
}

.message-template-popup .custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.message-template-popup .custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5
}

.message-template-popup .custom-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #151925;
    height: 10px
}

.msg-edit-form .form-group:first-child {
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px
}

.msg-edit-form .form-group:first-child label {
    margin: 0;
    font-weight: 500
}

.msg-edit-form .form-group:first-child input {
    border: 0;
    font-size: 16px;
    font-weight: 600
}

.msg-edit-form .form-group:nth-child(2)textarea {
    width: 100%;
    padding: 8px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .5px;
    border: 0
}

.msg-edit-form .form-group:nth-child(2)label {
    font-size: 16px;
    font-weight: 500
}

label {}

.msg-edit-form .form-group:nth-child(3)p {
    font-size: 16px;
    line-height: 26px;
    display: block
}

.msg-edit-form .form-group:nth-child(3)p img {
    margin-top: 5px
}

.request-popup .modal-content {
    background: #fff
}

.request-popup .modal-header {
    padding: 0 6px 10px
}

.request-popup .modal-content .modal-header button.close span {
    font-weight: 400;
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    display: inline-block;
    border-radius: 50px;
    line-height: 17px;
    font-size: 20px
}

.request-popup .modal-title h5 {
    margin: 0;
    font-size: 20px
}

.chat-request-inner .user-details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
    margin-bottom: 15px
}

.request-popup .modal-dialog {
    max-width: 600px
}

.chat-request-inner .user-details span.line1,
.chat-request-inner .user-details span.line2,
.chat-request-inner .user-details span.line3 {
    position: absolute;
    width: 1px;
    height: 100%;
    background: #ccc
}

.chat-request-inner .user-details span.line1 {
    left: 115px
}

.chat-request-inner .user-details span.line2 {
    left: 250px
}

.chat-request-inner .user-details span.line3 {
    left: 375px
}

.chat-request-inner .user-details .ud-inner span:nth-child(2) {
    font-weight: 500;
    color: #000
}

.chat-request-inner .user-details .ud-inner.user-contact span:last-child {
    color: #E09B3D
}

.ud-inner.user-contact .contact-btnbox button.call-btn {
    background: #53E030;
    border: 0;
    color: #fff;
    padding: 3px 12px;
    display: inline-block;
    font-size: 14px;
    border-radius: 4px;
    box-shadow: 0 0 5px #53e03096
}

.chat-request-inner .user-details .ud-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 12px;
    font-size: 14px
}

.request-popup .modal-body .chat-request-inner {
    height: 400px;
    overflow-y: auto
}

.ud-inner.user-contact .contact-btnbox button.mail-btn {
    background: #fff;
    border: 1px solid #000;
    padding: 2px 12px;
    border-radius: 4px
}

.contact-btnbox {
    display: flex;
    gap: 15px
}

.profile-action-box {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 20px
}

.profile-action-box select.nice-select {
    border: 1px solid #000;
    height: auto;
    line-height: normal;
    width: 160px;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 14px
}

button.whatsapp-btn {
    background: #fff;
    border: 1.5px solid #53E030;
    width: 145px;
    height: 30px;
    color: #53E030;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px
}

button.whatsapp-btn i {
    margin-right: 2px;
    font-size: 22px
}

.request-popup.extra-style .chat-request-inner .user-details {
    grid-template-columns: 2fr 1fr
}

.request-popup.extra-style .user-details span.line3 {
    display: none
}

.request-popup.extra-style .user-details span.line1 {
    left: 155px
}

.request-popup.extra-style .user-details span.line2 {
    left: 335px
}

.request-popup.extra-style .ud-inner.user-contact .contact-btnbox button {
    padding: 0;
    height: 24px;
    width: 50px
}

.request-popup.extra-style .ud-inner.col-break {
    display: block !important
}

.request-popup.extra-style .ud-inner.col-break span {
    display: block;
    margin-bottom: 2px
}

.request-popup.extra-style .contact-btnbox {
    gap: 8px;
    margin-left: -15px
}

.request-popup button.unapproved-btn {
    background: #fff;
    border: 1.5px solid #E09B3D;
    width: 145px;
    height: 30px;
    color: #E09B3D;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px
}

.request-activity-log {
    background: #F0F6FF;
    padding: 20px;
    border-radius: 10px
}

.request-activity-log .head {
    margin-bottom: 14px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 11px
}

.request-activity-log .head h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 500
}

.chat-started {
    margin-bottom: 10px;
    display: flex;
    gap: 10px;
    align-items: center
}

.chat-started span.start {
    font-weight: 600
}

.chat-started .time {
    font-size: 13px;
    color: #919191
}

.activity-chat-box .chat-box .adminchat {
    background: #fff;
    padding: 13px;
    border-radius: 5px;
    margin-bottom: 15px
}

.activity-chat-box .chat-box .adminchat span {
    display: block;
    margin-bottom: 10px
}

.activity-chat-box .chat-box .adminchat span:last-child {
    margin: 0
}

.activity-chat-box .chat-box .adminchat .timebox {
    display: flex;
    gap: 11px;
    margin-bottom: 10px
}

.activity-chat-box .chat-box .adminchat .timebox span {
    margin: 0
}

.activity-chat-box .chat-box .adminchat .timebox span.by-admin {
    font-weight: bold
}

.activity-chat-box .chat-box .adminchat p {
    margin-bottom: 0
}

.activity-chat-box .chat-input input {
    width: 100%;
    border: 0;
    padding: 10px;
    border-radius: 7px
}

div#request-otp-popup .otp-btns-box {
    display: flex;
    gap: 15px
}

div#request-otp-popup .otp-btns-box button.enter-password-btn {
    background: #0166FF;
    color: #fff;
    padding: 6px 17px;
    border: 0;
    border-radius: 5px
}

div#request-otp-popup .otp-btns-box button.otp-btn {
    background: #fff;
    border: 1px solid #000;
    padding: 0 25px;
    border-radius: 5px;
    font-weight: 500
}

.enter-password-box .talntprofile {
    display: flex;
    align-items: center;
    gap: 15px
}

.enter-password-box .talntprofile img {
    width: 50px;
    border-radius: 50px
}

.enter-password-box .talntprofile .detail span {
    display: block
}

.enter-password-box .talntprofile .detail span:first-child {
    font-weight: 600;
    margin-bottom: 2px
}

.enter-password-box .talntprofile .detail span:last-child {
    font-size: 14px
}

.enterpass-form {
    padding: 24px 0 0
}

.enterpass-form label {
    font-size: 16px;
    font-weight: 500
}

.enterpass-form .inputbox {
    display: flex;
    align-items: center;
    background: #F1F1F1;
    margin-bottom: 25px;
    border-radius: 15px;
    position: relative;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px
}

.enterpass-form .inputbox input {
    width: 100%;
    height: 50px;
    padding: 15px;
    background: transparent;
    box-shadow: none;
    border: 0
}

.enterpass-form .inputbox span {
    position: absolute;
    /*right: 10px;*/
    right: 0px;
    top: 60px;
    /*top: 15px*/
}

.enterpass-form .btnbox button:first-child {
    width: 140px;
    border: 0;
    background: #0166FF;
    color: #fff;
    height: 36px;
    border-radius: 5px;
    font-size: 14px
}

.enterpass-form .btnbox button:nth-child(2) {
    width: 140px;
    border: 0;
    background: #fff;
    color: #000;
    height: 36px;
    border-radius: 5px;
    border: 1px solid #000;
    font-size: 14px
}

.enterpass-form .btnbox {
    display: flex;
    gap: 14px
}

.enter-password-box .head {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.enter-password-box .head button.request-otp-button {
    height: 34px;
    width: 147px;
    border: 2px solid #0166FF;
    background: #fff;
    color: #0166FF;
    font-weight: 600;
    border-radius: 5px
}

.enter-otp-box .enterpass-form input[type=number]::-webkit-inner-spin-button,
.enter-otp-box .enterpass-form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.enterpass-form .inputbox.otp {
    background: transparent !important;
    gap: 15px;
    margin-bottom: 4px
}

.enterpass-form .inputbox.otp input {
    border: 0;
    border-bottom: 2px solid #000;
    text-align: center;
    width: 30px
}

.enterpass-form button.resend-otp {
    background: transparent;
    border: 0;
    font-size: 12px;
    color: #898989;
    margin-bottom: 15px
}

.template-success-popup .modal-dialog .modal-header {
    border-bottom: 0 !important;
    padding-bottom: 0
}

.success-msg-detail {
    text-align: center
}

.success-msg-detail p {
    font-size: 22px;
    font-weight: 500
}

.success-msg-detail button.back-to-listing-btn {
    background: #0166FF;
    color: #fff;
    width: 150px;
    height: 36px;
    border: 0;
    font-size: 16px;
    border-radius: 5px
}

.request-popup .custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.request-popup .custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5
}

.request-popup .custom-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #151925;
    height: 10px
}

#table#le-Table-1.table.master-listing-table thead th:first-child,
table#le-Table-1.table.master-listing-table td:first-child {
    padding-left: 45px;
    position: relative
}

#table#le-Table-1.table.master-listing-table th:first-child .checkmark,
table#le-Table-1.table.master-listing-table td:first-child .checkmark {
    left: -30px
}

table#le-Table-1.table.master-listing-table thead th:first-child {
    padding-left: 40px
}

table#le-Table-1.table.master-listing-table thead th:first-child span.checkmark {
    left: -24px
}

.ck.ck-editor__main,
.ck.ck-editor__main .ck.ck-content {
    min-height: 50px
}

.ccbox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 8px 0;
    margin-bottom: 10px;
    text-align: center
}

.ccbox a,
.ccbox span {
    font-size: 14px;
    position: relative;
    font-weight: 500
}

.ccbox a i,
.ccbox span i {
    margin-right: 6px
}

.ccbox a:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: #ccc;
    right: 16px
}

.schedule-meeting-box .meeting-btn {
    display: flex;
    width: 100%;
    height: 35px;
    margin-bottom: 10px;
    background: #2386EE;
    border: 0;
    font-size: 16px;
    border-radius: 7px;
    box-shadow: 0 0 8px #dadada;
    align-items: center;
    justify-content: center;
    color: #fff !important
}

.view-meeting-box a {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 6px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    position: relative
}

.view-meeting-box a:last-child {
    border: 0;
    font-weight: 600
}

.schedule-meeting-popup .modal-content {
    padding: 0;
    border-radius: 10px;
    background: #fff
}

.schedule-meeting-popup .modal-body {
    padding: 0
}

.schedule-meeting-popup .modal-header {
    padding: 0;
    background: #F1F3F5
}

.schedule-meeting-popup .modal-header h4 {
    margin: 0;
    line-height: normal;
    padding: 12px 18px 12px 20px;
    font-size: 22px;
    font-weight: 500;
    position: relative;
    width: 100%
}

.schedule-meeting-popup .modal-header button.close {
    position: absolute;
    right: 28px;
    top: 32px;
    font-size: 20px;
    font-weight: 400;
    border: 1px solid #000;
    padding: 0;
    width: 20px;
    height: 20px;
    line-height: 18px;
    border-radius: 50px
}

#online-meeting-popup .maincontent article {
    background: rgb(255, 255, 255);
    display: none
}

#online-meeting-popup .maincontent article.on {
    display: block
}

.schedule-meeting-popup .meeting-tab-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 25px
}

.schedule-meeting-popup .maincontent {
    padding: 15px 20px
}

.schedule-meeting-box {
    position: relative
}

.rdo-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rdo-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.rdo-checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
    border: 1px solid #4CA853
}

.rdo-container:hover input~.rdo-checkmark {
    background-color: #ccc
}

.rdo-container input:checked~.rdo-checkmark {
    background-color: #fff
}

.rdo-checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.rdo-container input:checked~.rdo-checkmark:after {
    display: block
}

.rdo-container .rdo-checkmark:after {
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #4CA853
}

.view-meeting-details-box {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    padding: 20px
}

.view-meeting-details-box .right-box {
    display: flex;
    align-items: center;
    justify-content: center
}

a.meeting-details-btn {
    background: #2196F3;
    color: #fff;
    width: 200px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    border-radius: 8px;
    font-size: 14px;
    display: inline-block
}

.view-meeting-details-box span.online-meeting {
    font-size: 16px;
    color: #4CA853;
    font-weight: 300;
    margin-bottom: 6px;
    display: inline-block
}

.view-meeting-details-box span.in-office-meeting {
    color: #FA8F21;
    font-weight: 300
}

.view-meeting-details-box .left-box h3 {
    line-height: normal;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 12px
}

.ddbox {
    display: flex;
    gap: 15px
}

.ddbox span {
    font-size: 16px;
    color: #000
}

.modal-dialog.meeting-popup-width {
    max-width: 700px;
    background: transparent
}

div#custom-scrollbar.view-meeting-inner {
    overflow-y: scroll;
    height: 260px;
    padding: 15px
}

.ddbox span img {
    width: 14px;
    margin-right: 5px
}

.join-meeting-box {
    padding: 20px
}

.join-meeting-box span.label {
    margin-bottom: 15px;
    display: block;
    font-size: 20px;
    font-weight: 500
}

.join-meeting-box .ddbox {
    margin-bottom: 15px
}

.join-meeting-box .meeting-link {
    margin-bottom: 10px
}

.join-meeting-box .meeting-link strong {
    font-weight: 600;
    margin-right: 7px
}

.join-meeting-box .meeting-link a {
    color: #2196F3
}

.cancle-meeting-btn {
    border: 1px solid #000;
    padding: 0 14px;
    height: 36px;
    display: inline-block;
    line-height: 36px;
    border-radius: 5px;
    margin-left: 15px;
    font-size: 16px;
    background: #fff;
    width: 180px;
    text-align: center
}

.schedule-meeting-popup .modal-content .modal-footer {
    border: 0;
    padding-top: 20px;
    border-top: 1px solid #D9D9D9
}

span.branch-address img {
    width: 15px;
    margin-right: 5px
}

span.branch-address {
    color: #000;
    font-size: 14px
}

span.branch-address a {
    color: #2196f3;
    font-size: 12px;
    margin-left: 10px;
    border-bottom: 1px solid
}

div#meeting-date,
.meeting-time {
    display: grid;
    grid-template-columns: 1fr 1.8fr;
    align-items: center;
    gap: 10px
}

#meeting-date label,
.meeting-time label {
    margin: 0;
    font-size: 14px;
    font-weight: 500
}

#meeting-date input,
.meeting-time input {
    width: 170px;
    font-size: 12px;
    padding: 0 15px;
    height: 28px;
    background: #F8F8F8;
    border: 1px solid #ccc
}

#meeting-date input:focus,
.meeting-time input:focus {
    border: 1px solid #000
}

.meeting-date-time {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 10px
}

div#meeting-date img,
.meeting-time img {
    width: 20px;
    margin-right: 10px
}

.meeting-note span {
    font-weight: 500;
    display: inline-block
}

.meeting-note {
    margin: 30px 0
}

.meeting-note p {
    display: inline;
    font-size: 16px;
    color: #afafaf
}

.smb-box {
    margin-top: 15px;
    text-align: right
}

.smb-box .schedule-meeting-btn {
    background: #2196F3;
    color: #fff;
    width: 200px;
    text-align: center;
    line-height: 36px;
    border-radius: 8px;
    font-size: 14px;
    display: inline-block;
    border: 0
}

select.select-meeting-branch {
    border: 1px solid #ccc;
    width: 265px;
    margin-bottom: 20px;
    height: 35px;
    padding: 0 10px
}

.select-branch-box img {
    margin-right: 10px
}

.success-meeting-schedule-inner {
    text-align: center;
    padding: 30px 0;
    width: 70%;
    margin: 0 auto
}

.success-meeting-schedule-inner img {
    width: 90px;
    margin-bottom: 16px
}

.success-meeting-schedule-inner h4 {
    font-size: 22px;
    color: #000;
    margin-bottom: 10px
}

.success-meeting-schedule-inner p {
    margin-bottom: 0
}

div#success-meeting-schedule-popup button.close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 24px;
    font-weight: 400;
    border: 1px solid #000;
    width: 24px;
    height: 24px;
    line-height: 20px;
    border-radius: 50px
}

.modal-footer .reschedule-meeting-btn {
    width: 200px;
    background: #2196F3;
    border: 0;
    height: 35px;
    color: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.meeting-search-box select {
    width: 100%;
    height: 35px;
    padding: 0 10px;
    background: #f6f6f6;
    border: 1px solid #ccc
}

.schedule-meeting-popup .profile-box {
    padding: 15px 15px 0;
    display: grid;
    align-items: center;
    grid-template-columns: 2fr 1fr 1fr
}

.schedule-meeting-popup .profile-box .talent-prof {
    display: flex;
    align-items: center;
    gap: 18px
}

.schedule-meeting-popup .profile-box h5 {
    margin: 0
}

.schedule-meeting-popup .profile-box .talent-details span {
    font-size: 13px;
    color: #6A6A6A
}

.schedule-meeting-popup .profile-box .contact-details {
    display: flex;
    gap: 20px
}

.schedule-meeting-popup .profile-box .contact-details button {
    background: transparent;
    border: 0
}

.schedule-meeting-popup .profile-box .contact-details button img {
    width: 25px
}

.schedule-meeting-popup .profile-box .view-profile a {
    background: #2196F3;
    width: 140px;
    text-align: center;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #fff
}

.schedule-meeting-popup button.reshld-meeting-btn {
    background: #fff;
    border: 1px solid #000;
    height: 34px;
    border-radius: 5px;
    padding: 0 24px;
    font-size: 13px
}

.select-templates-list .whitebox {
    display: grid;
    grid-template-columns: 1fr 16fr 1fr;
    background: #fff;
    align-items: center;
    gap: 5px;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 14px
}

.select-templates-box {
    padding: 18px 0
}

.select-templates-box .select-templates-list {
    background: #F6F6F6;
    border: 1px solid #909090;
    padding: 15px;
    border-radius: 15px
}

.select-templates-box .select-templates-list #custom-scrollbar {
    height: 280px;
    overflow-y: scroll;
    padding-right: 10px
}

.select-templates-list .whitebox .tmplt-content {
    display: grid;
    align-items: center;
    gap: 14px;
    font-size: 14px;
    grid-template-columns: 1fr
}

.select-templates-list .whitebox .tmplt-content p {
    margin: 0;
    max-height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.select-templates-box .select-templates-list button.editbtn {
    background: transparent;
    border: 0
}

.select-templates-list .whitebox label {
    margin: 0;
    font-size: 14px;
    width: 125px
}

.select-templates-box span {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
    color: #000
}

.cstchk-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cstchk-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.cstchk-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #4CA853;
    background: #ebffed
}

.cstchk-container:hover input~.cstchk-checkmark {
    background-color: #EBFFED
}

.cstchk-container input:checked~.cstchk-checkmark {
    background-color: #EBFFED
}

.cstchk-checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.cstchk-container input:checked~.cstchk-checkmark:after {
    display: block
}

.cstchk-container .cstchk-checkmark:after {
    left: 7px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid #4CA853;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.schedule-meeting-popup .maincontent article {
    display: none
}

.schedule-meeting-popup .maincontent article.on {
    display: block
}

.schedule-meeting-popup .maincontent .search-box label {
    font-size: 14px;
    font-weight: 500;
    color: #909090
}

.schedule-meeting-popup .maincontent .search-box input {
    width: 100%;
    height: 36px;
    padding: 0 10px;
    background: #F6F6F6;
    border: 1px solid #BFBFBF
}

.schedule-meeting-popup .maincontent .search-box {
    margin-bottom: 20px
}

div#meeting-sms-templates-popup .modal-body {
    padding: 0 20px
}

.select-templates-list .whitebox .tmplt-content .edit-box textarea {
    width: 100%;
    min-height: 100px;
    resize: none;
    background: #F6F6F6;
    border-radius: 10px;
    padding: 8px;
    border: 0
}

.select-templates-list .whitebox .tmplt-content .edit-box {
    display: none;
    text-align: right
}

.select-templates-list .whitebox .tmplt-content .edit-box button.savebtn {
    width: 100px;
    height: 30px;
    background: #2196F3;
    border: 0;
    color: #fff;
    border-radius: 5px
}

.schedule-meeting-popup .modal-content .modal-footer .note {
    font-size: 12px;
    width: 46%
}

.schedule-meeting-popup .modal-content .modal-footer .note span {
    color: red
}

.schedule-meeting-popup .modal-content .modal-footer.with-note {
    justify-content: space-between
}

.schedule-meeting-popup .copy-btnbox input {
    background: transparent;
    display: flex
}

.schedule-meeting-popup .copy-btnbox input {
    width: auto !important;
    display: inline-block
}

.schedule-meeting-popup .copy-link form {
    width: 65%;
    border: 0;
    align-items: center;
    grid-template-columns: 2fr 1fr
}

.schedule-meeting-popup .copy-link form input.link {
    font-size: 16px;
    color: #2196F3 !important
}

.schedule-meeting-popup .join-meeting-box {
    padding: 20px 20px 10px
}

.schedule-meeting-box .view-meeting-box a:first-child {
    font-size: 16px;
    font-weight: 400;
    text-align: center
}

.schedule-meeting-box .view-meeting-box a:first-child i {
    font-size: 22px;
    position: absolute;
    right: -33px;
    top: -1px
}

.view-meeting-box {
    position: relative;
    text-align: center
}

.schedule-meeting-box .view-meeting-box a:nth-child(2) {
    font-weight: 400;
    color: #2386ee
}

#online-meeting-popup .modal-dialog.meeting-popup-width,
#view-meeting-popup .modal-dialog.meeting-popup-width {
    background: transparent
}

#online-meeting-popup .maincontent article.on span.input-group-addon {
    display: none
}

.schedule-meeting-popup .modal-header h4 img {
    margin-right: 10px;
    position: absolute;
    top: 16px;
    left: 14px
}

.schedule-meeting-popup .maincontent span.selectmeeting {
    display: block;
    border-bottom: 1px solid #C5C5C5;
    padding-bottom: 6px;
    font-size: 18px;
    margin-bottom: 20px
}

.ui-timepicker-wrapper {
    width: 170px !important
}

.input-group.timepicker select {
    display: block;
    width: 170px;
    padding: 2px 8px
}

.modal-dialog.modal-dialog-centered.past-meeting-popup-width {
    max-width: 70% !important
}

.modal-dialog.modal-dialog-centered.past-meeting-popup-width div#custom-scrollbar {
    height: 600px
}

.view-meeting-details-box .center-box {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px
}

.view-meeting-details-box .center-box span.attended {
    color: #32C03D
}

.view-meeting-details-box .center-box span.missed {
    color: #FF3030
}

.view-meeting-details-box .center-box span.reschedule {
    color: #E09B3D
}

.updated-meeting-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.updated-meeting-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px
}

.updated-meeting-box .updated-details {
    background: #fff;
    padding: 9px 10px;
    border: 1px solid #2196F3;
    border-radius: 7px;
    display: flex;
    justify-content: space-between;
    gap: 15px
}

.updated-meeting-box .updated-details span {
    line-height: normal;
    font-size: 14px;
    color: #2196F3
}

.updated-meeting-box {
    align-items: center
}

.updated-meeting-box .updated-details span:nth-child(2) {
    font-weight: 600
}

.editmeeting button.edit-meeting-btn {
    background: transparent;
    border: 0;
    font-size: 16px;
    line-height: normal
}

.editmeeting button.edit-meeting-btn i {
    font-size: 17px
}

.editmeeting button.edit-meeting-btn span {
    font-size: 17px
}

.editmeeting {
    position: relative
}

.editmeeting .reschedule-meeting {
    position: absolute;
    background: #fff;
    width: max-content;
    right: 0;
    z-index: 99;
    top: 40px;
    padding: 0 10px;
    display: none
}

.editmeeting .reschedule-meeting .meeting-reshcedule-btn,
.editmeeting .reschedule-meeting .cancel-btn {
    display: block;
    width: 100%;
    background: transparent;
    border: 0;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 7px 0;
    font-weight: 500
}

.editmeeting .reschedule-meeting .cancel-btn {
    border: 0
}

.editmeeting .reschedule-meeting button:last-child {
    border: 0
}

.cancle-meeting-inner {
    text-align: center;
    padding: 20px 0 30px
}

.cancle-meeting-inner p {
    font-size: 22px
}

.cancle-meeting-inner .yesnobtns .yesbtn,
.cancle-meeting-inner .yesnobtns .nobtn {
    border: 1px solid #000;
    padding: 8px 30px;
    font-size: 18px;
    border-radius: 7px;
    background: #fff
}

.cancle-meeting-inner .yesnobtns {
    display: flex;
    justify-content: center;
    gap: 14px
}

.meeting-cancled {
    text-align: center;
    padding: 15px 0;
    display: none
}

.meeting-cancled p {
    font-size: 24px;
    font-weight: 600
}

.meeting-cancled img {
    margin-bottom: 15px
}

.meeting-cancled a {
    font-size: 16px;
    border: 1px solid #000;
    padding: 10px 24px;
    display: inline-block;
    border-radius: 8px
}

.meeting-cancled button.close {
    position: absolute;
    right: 16px;
    top: 15px;
    font-size: 24px;
    border: 3px solid #626262;
    padding: 0 4px;
    border-radius: 50px
}

.meeting-missed-notification {
    background: #FFF1F1;
    padding: 15px;
    border: 1px solid #FF3030;
    width: 94%;
    margin: 0 auto 20px;
    border-radius: 12px;
    display: none
}

.meeting-missed-notification span.note {
    color: #FF3030;
    margin-bottom: 15px;
    display: block;
    font-size: 18px
}

.meeting-missed-notification .missed-contact p {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    margin: 0 0 8px 0
}

.meeting-missed-notification .missed-contact .ccbox {
    width: max-content;
    gap: 26px;
    margin: 0
}

.meeting-missed-notification .missed-contact .ccbox .call,
.meeting-missed-notification .missed-contact .ccbox .chat {
    font-size: 18px
}

.meeting-missed-notification .missed-contact .ccbox a.call:after {
    right: -10px;
    width: 2px
}

.modal-content.meeting-missed .modal-footer {
    display: none
}

.modal-content.meeting-missed .meeting-missed-notification {
    display: block
}

.office-address-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px
}

.date-of-request {
    display: block
}

.left-address-box .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px
}

.wrapper.all-talent-office-address-page {
    padding: 40px 0
}

.left-address-box .head h4 {
    margin: 0;
    font-size: 20px;
    color: #000;
    letter-spacing: .5px
}

.left-address-box .address-box span {
    font-size: 16px;
    margin-bottom: 10px;
    display: inline-block;
    color: #000;
    font-weight: 500
}

.left-address-box .address-box span img {
    width: 16px;
    margin-right: 4px
}

select#country-list {
    width: 145px;
    height: 28px;
    font-size: 14px;
    padding: 0 8px;
    position: relative
}

select#country-list:focus {
    border: 1px solid #ccc
}

.address-box p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    letter-spacing: .4px
}

.address-box {
    width: 75%;
    margin-bottom: 20px
}

a.direction-btn img {
    width: 45px;
    margin-left: 8px
}

a.direction-btn {
    font-size: 16px;
    color: #1F5790
}

.office-contact-box h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 18px
}

.office-contact-box h4 img {
    width: 18px;
    margin-right: 6px
}

.office-contact-box a.ph img {
    width: 18px;
    margin-right: 5px
}

.office-contact-box .follow-us {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px
}

.office-contact-box .follow-us a img {
    width: 30px
}

.office-contact-box .follow-us {
    font-size: 22px;
    font-weight: 500
}

.office-contact-box {
    margin: 18px 5px
}

.success-stories-section {
    margin-top: 0;
    padding: 0;
    width: 520px
}

.success-stories-section h4 {
    font-size: 20px;
    font-weight: 600
}

.stories-job-sliders .story-box {
    display: flex;
    gap: 35px;
    margin-left: 0
}

.stories-job-sliders .slick-list.draggable {
    padding: 50px 0 25px
}

.stories-job-sliders {
    position: relative
}

.stories-job-sliders button.slick-prev.slick-arrow {
    position: absolute;
    top: -48px;
    right: 45px;
    z-index: 99;
    font-size: 0;
    background: url(../images/arrow-2.png);
    width: 40px;
    height: 14px;
    border: 0;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(180deg)
}

.stories-job-sliders button.slick-next.slick-arrow {
    position: absolute;
    top: -41px;
    right: -30px;
    z-index: 99;
    font-size: 0;
    background: url(../images/arrow-2.png);
    width: 40px;
    height: 14px;
    border: 0;
    background-size: contain;
    background-repeat: no-repeat
}

.stories-job-sliders .story-box .videobx span {
    border-radius: 15px 40px 15px 40px;
    border: 1px solid #efefef;
    width: 160px;
    height: 224px;
    margin-left: 30px
}

.stories-job-sliders .story-box .videobx span.video-overlay {
    margin: 0
}

.stories-job-sliders .story-box .videobx span.video-overlay img {
    width: 46px
}

.stories-job-sliders .videobx:before {
    top: -11px;
    border-radius: 18px 40px 0 60px;
    height: 224px;
    width: 80%;
    left: 18px
}

.stories-job-sliders .videobx:after {
    right: -11px;
    border-radius: 25px 45px 15px 60px;
    height: 220px;
    bottom: -65px;
    width: 85%
}

.stories-job-sliders .story-box .talent-details h4 {
    font-size: 16px;
    margin-bottom: 6px
}

.stories-job-sliders .story-box .talent-details p {
    font-size: 12px;
    font-weight: 300
}

.stories-job-sliders .story-box .talent-details .talent-testimonial {
    font-size: 14px;
    width: 90%
}

.stories-job-sliders .story-box:nth-child(even) {
    height: 170px !important
}

.success-stories-section h4 a {
    font-size: 16px;
    margin-left: 18px;
    line-height: 12px;
    font-weight: 400;
    position: relative;
    top: -2px
}

.success-stories-section h4 img {
    width: 35px;
    margin-right: 5px
}

.office-address-section .left-address-box select#country-list:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 25px;
    background: #ccc;
    top: 0;
    right: 0
}

.ofc-ctnry-box {
    position: relative
}

.ofc-ctnry-box img {
    position: absolute;
    top: 9px;
    right: 7px;
    width: 10px
}

.success-stories-section h4 a img {
    width: 12px;
    transform: rotate(-90deg);
    position: relative;
    right: -4px
}

a.story-box {
    display: block
}

a.story-box .featuredjob-box {
    display: block;
    padding: 10px;
    background: #F5FAFF;
    box-shadow: 0 2px 7px #00029;
    border: 1px solid #2196F3;
    border-radius: 15px;
    position: relative;
    top: -12px;
    width: 100%;
    z-index: 9;
    margin: 0;
    box-shadow: none
}

.fj-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 11px;
    color: #ccc;
    margin-bottom: 6px
}

.fj-middle h3 {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px
}

.fj-middle h5.price {
    display: flex;
    gap: 9px;
    font-size: 14px;
    color: #3E9C35;
    font-weight: 600;
    margin-bottom: 4px
}

.fj-middle h5.price span {
    color: #000;
    font-weight: 300;
    font-size: 12px
}

.fj-middle .description span {
    font-weight: 500;
    font-size: 11px;
    margin-bottom: 4px;
    display: inline-block
}

.fj-middle .description p {
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 0
}

.fj-footer {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    align-items: center;
    margin-top: 10px
}

.fj-footer .viewbtn {
    position: relative;
    background: #2196F3;
    border-radius: 7px;
    box-shadow: 0 3px 6px #00029;
    color: #fff;
    font-weight: 500;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    border: 1px solid #fff;
    width: 120px;
    height: 35px;
    font-size: 10px
}

.fj-footer span {
    font-size: 11px;
    color: #9F9E9E
}

.fj-footer b {
    display: block;
    font-size: 11px;
    font-weight: 600;
    margin-top: 4px;
    color: #000
}

.fj-middle .description {
    height: 70px;
    overflow: hidden
}

.new_footer_design_sec_logo_sec.new-footer {
    border-top: 0
}

.new_footer_design_sec_logo_sec.new-footer .new_footer_design_sec_logo_sec_logo {
    width: 155px
}

.new_footer_design_sec_logo_sec.new-footer .new_footer_design_sec_inner ul li a {
    font-size: 16px;
    padding-right: 15px;
    margin-right: 15px
}

.new_footer_design_sec_logo_sec.new-footer .new_footer_design_sec_logo_sec_logo_para p {
    font-size: 16px
}

.new_footer_design_sec_logo_sec.new-footer .new_footer_design_sec_inner {
    padding: 8px 0
}

.inner_ftr_copy_sec_single_new_ftr .inner_ftr_copy_sec_single_new_ftr ul li a i {
    font-size: 12px
}

.new_footer_design_sec_logo_sec.new-footer .inner_ftr_copy_sec_single_new_ftr ul li:last-child span {
    font-size: 16px
}

.new_footer_design_sec_logo_sec.new-footer .inner_ftr_copy_sec_single_new_ftr ul li a i {
    font-size: 18px
}

.new_footer_design_sec_logo_sec.new-footer .inner_ftr_copy_sec_single_new_ftr ul li:last-child select {
    font-size: 16px
}

.desktop-closed-message-avatar {
    top: 0 !important
}

div#view_details_pop_div .job_list_body_right_body_single_id_new ul {
    align-items: center !important
}

.job_list_body_left.sticky {
    position: fixed;
    top: 15px;
    width: 275px;
    height: 455px;
    overflow-y: scroll;
    background: #fff;
    z-index: 9
}

.job_list_body_left.sticky::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.job_list_body_left.sticky::-webkit-scrollbar {
    width: 2px;
    background-color: #F5F5F5
}

.job_list_body_left.sticky::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #151925;
    height: 10px
}

.job_list_body_left.sticky .job_list_body_left_body_single select {
    font-size: 10px
}

.job_list_body_left_body_single select {
    color: #000 !important
}

.update_btn_new {
    padding: 6px 15px !important
}

.carreer_page_sec_left_right_new {
    margin: 30px !important
}

section.about_us_sec .row.main-row {
    margin-bottom: 50px
}

section.business-dashboard-section {
    padding: 20px 0
}

ul#posted-job-tab {
    gap: 0;
    justify-content: center;
    padding-bottom: 15px
}

ul#posted-job-tab li {
    width: 20%;
    background: #ccc;
    text-align: center;
    border-right: 2px solid #ccc
}

ul#posted-job-tab li button {
    border: 0;
    border-radius: 0;
    display: block;
    height: 40px;
    align-items: center;
    width: 100%;
    text-transform: uppercase
}

ul#posted-job-tab li button.active {
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    border-top: 2px solid #FFEB3B
}

div#posted-job-tabContent .tabs-inner {
    box-shadow: 0 0 4px #ccc;
    border-radius: 18px;
    padding: 10px 10px
}

div#posted-job-tabContent .tabs-inner table {
    margin: 0
}

div#posted-job-tabContent .tabs-inner table td {
    font-size: 13px;
    vertical-align: middle;
    padding: 24px 10px
}

div#posted-job-tabContent .tabs-inner table td button.view-btn {
    background: #E6E6E6;
    border: 1px solid #A8A8A8;
    width: 110px;
    height: 32px;
    border-radius: 6px
}

div#posted-job-tabContent .tabs-inner table tr {
    border-bottom: 1px solid #ccc
}

div#posted-job-tabContent .tabs-inner table thead tr,
div#posted-job-tabContent .tabs-inner table tbody tr:last-child {
    border-bottom: 0 !important
}

div#posted-job-tabContent .tabs-inner table thead tr th {
    font-weight: 600
}

ul#posted-job-tab li:last-child {
    border: 0
}

section.dashboard-active-log h5 {
    font-size: 16px
}

section.dashboard-active-log img {
    width: 18px;
    margin-right: 8px
}

section.dashboard-active-log h3 {
    font-weight: 600;
    font-size: 26px;
    color: #000
}

section.dashboard-active-log {
    margin-bottom: 25px
}

header.new-header {
    margin-bottom: 15px
}

header.new-header .inner-header {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    margin-top: 14px
}

header.new-header .inner-header ul.home-quick-menu {
    display: flex;
    align-items: center;
    gap: 20px
}

header.new-header .inner-header ul.home-quick-menu li a {
    font-weight: 600
}

.quick-join {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px
}

a.meuubar img {
    width: 24px
}

button.joinnow-btn {
    background: transparent;
    width: 125px;
    height: 32px;
    border: 1px solid #000
}

header.new-header .inner-header .logo img {
    width: 195px
}

.profile-dropdown {
    width: 200px;
    align-items: center;
    gap: 10px;
    position: relative;
    cursor: pointer
}

.profile-dropdown img {
    width: 32px;
    border-radius: 50px;
    border: 2px solid #000
}

.profile-dropdown span i {
    margin-left: 8px;
    position: absolute;
    top: 8px;
    right: 8px
}

ul.profile-dropdown-menu {
    position: absolute;
    top: 38px;
    background: #f0f0f0;
    width: 100%;
    padding: 8px;
    display: none;
    z-index: 9
}

.profile-dropdown span {
    font-size: 16px;
    margin-left: 7px
}

ul.profile-dropdown-menu li a {
    font-size: 14px;
    line-height: 30px;
    border-bottom: 1px solid #9f9f9f;
    display: block;
    font-weight: 600;
    color: #131313
}

ul.profile-dropdown-menu li:last-child a {
    border: 0
}

ul.profile-dropdown-menu li a i {
    margin-right: 8px
}

.home-featured-jobs-head {
    text-align: center;
    width: 50%;
    margin: 0 auto 30px
}

.home-featured-jobs-head h2 {
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 10px
}

.home-featured-jobs-head p {
    margin: 0
}

section.home-featured-jobs {
    padding: 35px 0
}

.featured-jbox-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px
}

.featured-jbox-row .featured-jbox {
    background: #fff;
    box-shadow: 0 0 4px #dedede;
    border-radius: 20px;
    padding: 15px
}

.featured-jbox-row .featured-jbox .jbox-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.featured-jbox-row .featured-jbox .jbox-head span {
    font-size: 13px
}

.featured-jbox-row .featured-jbox .main-ctn h3 {
    line-height: normal;
    color: #000;
    margin-bottom: 8px;
    font-size: 20px
}

.featured-jbox-row .featured-jbox .main-ctn .cost {
    color: #2196F3;
    margin-bottom: 10px
}

.featured-jbox-row .featured-jbox .main-ctn .cost span {
    color: #000;
    font-size: 13px;
    margin-left: 8px
}

.featured-jbox-row .featured-jbox .main-ctn .description h5 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 4px
}

.featured-jbox-row .featured-jbox .main-ctn .description p {
    font-weight: 400;
    font-size: 13px;
    line-height: normal
}

.featured-jbox-row .featured-jbox .jbox-ftr {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.featured-jbox-row .featured-jbox .jbox-ftr a {
    background: #2196F3;
    width: 110px;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    color: #fff;
    border-radius: 6px;
    display: inline-block
}

.featured-jbox-row .featured-jbox .jbox-ftr .expires-on span {
    display: block;
    font-size: 12px
}

.featured-jbox-row .featured-jbox .jbox-ftr .expires-on span.date {
    font-weight: 500;
    margin-top: 4px;
    font-size: 13px
}

.featured-jbox-row .featured-jbox .jbox-head span i {
    margin-right: 4px;
    font-size: 14px
}

button.expolre-more-job-btn {
    width: 250px;
    height: 50px;
    margin: 20px auto;
    display: block;
    background: #4DAFFB;
    border: 0;
    color: #fff;
    font-size: 20px;
    border-radius: 6px;
    box-shadow: 0 0 5px #ccc;
    font-family: 'Barlow', sans-serif;
    font-weight: 600
}

section.home-counter-section .counter-inner {
    background: #ECECEC;
    border-radius: 18px;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 20px 30px;
    margin-bottom: 30px;
    height: 180px
}

section.home-counter-section .counter-inner .counter-card {
    text-align: center;
    border-right: 2px solid #c5c5c5;
    display: flex;
    align-items: center;
    flex-direction: column
}

section.home-counter-section .counter-inner .counter-card:last-child {
    border: 0
}

section.home-counter-section .counter-inner .counter-card p,
section.home-counter-section .counter-inner .counter-card h3 {
    margin: 0
}

section.home-counter-section .counter-inner .counter-card h2 {
    font-size: 58px;
    font-weight: 500;
    margin-bottom: 8px;
    font-family: 'Barlow', sans-serif
}

section.home-counter-section .counter-inner .counter-card p {
    font-size: 22px;
    text-transform: uppercase
}

.talent_grow_sec_main {
    align-items: center;
    gap: 50px
}

.talent_grow_sec_left .register-box {
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translate(-50%, 0)
}

ul.new-feature-talent-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 15px
}

ul.new-feature-talent-row li {
    margin: 0 !important
}

ul.new-feature-talent-row .featured_talents_sec_new_inner_single_img {
    height: 405px;
    background: #ccc;
    border-radius: 8px
}

ul.new-feature-talent-row .featured_talents_sec_new_inner_single_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px
}

span.premium-tag {
    position: absolute;
    top: 15px;
    left: -5px
}

span.premium-tag img {
    width: 100px
}

section.talent-fingertips-section .tfs-left h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 60px;
    text-transform: capitalize;
    font-family: 'Barlow Semi Condensed', sans-serif;
    width: 85%;
    margin-bottom: 50px
}

.tfs-ctnbx h3 {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase
}

.tfs-ctnbx h3 img {
    width: 50px
}

.tfs-ctnbx p {
    font-weight: 400;
    font-size: 20px;
    line-height: 36px
}

.home-sstories-slider .story-box .videobx span,
.home-sstories-slider .story-box .videobx a {
    width: 155px;
    height: 200px;
    border-radius: 15px 40px 15px 40px;
    margin: 0 auto
}

.home-sstories-slider .story-box {
    width: 100%;
    padding: 10px 0
}

.home-sstories-slider .videobx:before {
    border-radius: 16px 56px 0 56px;
    width: 72%;
    left: 17px;
    height: 100%;
    top: -9px
}

.home-sstories-slider .videobx:after {
    border-radius: 0 54px 15px 54px;
    width: 72%;
    right: 17px;
    height: 100%;
    bottom: -9px
}

.sstory-column {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 15px
}

.home-sstories-slider .story-box .videobx span.video-overlay img {
    width: 40px
}

.talent-profession {
    display: flex;
    gap: 20px
}

.talent-profession span {
    position: relative
}

.talent-profession span:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 18px;
    right: -10px;
    background: #b1b1b1;
    top: 1px
}

.talent-profession span:last-child:after {
    display: none
}

.sstory-column .story-head h3 {
    margin-bottom: 12px;
    color: #000;
    font-weight: 700;
    font-size: 20px
}

.sstory-column .story-ctn p {
    font-size: 16px;
    color: #363636
}

.story-ctn span.sslabel p {
    font-size: 14px;
    border: 2px solid #000;
    padding: 7px;
    font-weight: 500
}

.home-sstories-slider button.slick-prev.slick-arrow {
    position: absolute;
    top: -70px;
    right: 54px;
    z-index: 99;
    font-size: 0;
    background: url(../images/arrow-2.png);
    width: 45px;
    height: 25px;
    border: 0;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(180deg)
}

.home-sstories-slider button.slick-next.slick-arrow {
    position: absolute;
    top: -52px;
    right: -30px;
    z-index: 99;
    font-size: 0;
    background: url(../images/arrow-2.png);
    width: 45px;
    height: 25px;
    border: 0;
    background-size: contain;
    background-repeat: no-repeat
}

.home-sstories-slider .videobx {
    width: 88%;
    margin: 0 auto
}

.home-sstories-slider .story-ctn {
    width: 90%;
    padding-top: 20px
}

.become-find-talent {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 35px
}

.become-find-talent button {
    width: 230px;
    height: 52px;
    background: #2196F3;
    border: 2px solid #FFF;
    box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 500
}

.success_story_btns.new {
    justify-content: flex-end
}

.success_story_btns.new a {
    font-weight: 500
}

div.send-link-popup .modal-header {
    padding: 15px 20px
}

div.send-link-popup .enter-otp-box .enterpass-form {
    padding: 0
}

.round-corner-popup .modal-content {
    background: #fff;
    border-radius: 24px
}

div.send-link-popup .enterpass-form .btnbox {
    margin-top: 24px
}

div.send-link-popup .enterpass-form .inputbox .change-btn {
    position: absolute;
    top: -28px;
    right: 5px;
    border: 0;
    color: #0166ff;
    background: transparent
}

div.send-link-popup .enterpass-form .inputbox input.verify_mobile_number_cls {
    width: 100%;
    height: 50px;
    padding: 15px;
    background: transparent;
    box-shadow: none;
    border: 0
}

div.send-link-popup .enterpass-form .inputbox.otp {
    background: transparent !important;
    gap: 15px;
    margin-bottom: 4px
}

div.send-link-popup .enterpass-form label {
    font-size: 16px;
    font-weight: 500
}

div.send-link-popup .enterpass-form .inputbox.otp input {
    border: 0;
    border-bottom: 2px solid #000;
    text-align: center;
    width: 30px
}

div.send-link-popup .enterpass-form .btnbox button:first-child {
    width: 140px;
    border: 0;
    background: #0166FF;
    color: #fff;
    height: 36px;
    border-radius: 5px;
    font-size: 14px
}

div.send-link-popup .enterpass-form .inputbox {
    display: flex;
    align-items: center;
    background: #F1F1F1;
    margin-bottom: 25px;
    border-radius: 15px;
    position: relative;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px
}

section.shortlisted-msg-sec h2 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700
}

section.shortlisted-msg-sec .congrats-msg span.blue-bg {
    background: #F0F6FF;
    height: 100%;
    width: 999999999px;
    display: block;
    position: absolute;
    right: 45%
}

section.shortlisted-msg-sec .congrats-msg {
    position: relative;
    width: 60%
}

section.shortlisted-msg-sec .congrats-msg p {
    position: relative;
    padding: 15px 0;
    font-size: 18px
}

section.shortlisted-msg-sec .backbtn {
    background: #1565C0;
    color: #fff;
    border: 0;
    padding: 6px 12px;
    border-radius: 5px;
    margin: 20px 0 20px 0;
    display: inline-block
}

section.shortlisted-msg-sec {
    margin-top: 30px
}

section.shortlisted-msg-sec .congrats-msg img.chk-icon {
    width: 25px;
    margin-right: 6px
}

section.shortlisted-msg-sec .congrats-msg p strong {
    font-weight: 600
}

section.shortlisted-msg-sec .view_details_page_sec_single ul li {
    margin-bottom: 15px
}

.tlnt-locationpopup .enterpass-form {
    padding: 10px 0
}

.tlnt-locationpopup .enterpass-form label {
    font-size: 18px;
    margin-bottom: 20px
}

.tlnt-locationpopup .enterpass-form label i {
    font-size: 16px
}

.tlnt-locationpopup .enterpass-form .inputbox {
    border-radius: 50px;
    position: relative;
    margin-bottom: 20px
}

.tlnt-locationpopup .enterpass-form .inputbox input {
    height: 40px !important;
    padding: 15px 15px 15px 20px
}

.tlnt-locationpopup .enterpass-form .inputbox i {
    margin-left: 15px
}

.tlnt-locationpopup .enterpass-form .inputbox:before {
    content: '';
    position: absolute;
    height: 23px;
    width: 1px;
    background: #000;
    left: 39px;
    top: 10px
}

.tlnt-locationpopup .enterpass-form .btnbox button {
    width: 90px;
    height: 30px
}

.tlnt-locationpopup .talent-location-dropdown {
    position: absolute;
    left: 20px;
    width: 95%;
    top: 40px;
    background: #fff;
    padding: 15px;
    display: none
}

.tlnt-locationpopup .talent-location-dropdown ul li {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 18px;
    font-size: 13px
}

.tlnt-locationpopup .talent-location-dropdown ul li span {
    display: block;
    position: relative;
    top: 0;
    right: auto
}

.tlnt-locationpopup .talent-location-dropdown ul li i {
    position: absolute;
    left: -18px;
    top: 3px;
    font-size: 14px
}

.tlnt-locationpopup .talent-location-dropdown ul li:last-child {
    margin-bottom: 0
}

.tlnt-locationpopup .enterpass-form label button.locate-btn {
    border: 0;
    background: transparent;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    color: #0166ff
}

.tlnt-locationpopup .enterpass-form label button.locate-btn span {
    display: block
}

.tlnt-locationpopup .enterpass-form label button.locate-btn span {
    color: #999;
    font-size: 11px
}

.tlnt-locationpopup .enterpass-form .btnbox {
    justify-content: end
}

.compare-plan-mobile-view {
    display: none
}

.talent_list_new_sec_body_right_single_cont_sec.hover-none {
    bottom: 15px
}

.talent_blur_box {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
    background: linear-gradient(155.42deg, #FFFDFD 0, rgba(255, 255, 255, 0)100%);
    backdrop-filter: blur(9.5px);
    -webkit-backdrop-filter: blur(9.5px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 7px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    width: 100%;
    height: 100%
}

a.blur-login-btn {
    font-weight: 700;
    color: #296DB4;
    text-decoration: underline
}

.prelogin-jobpost {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    background: #EFEFEF;
    padding: 10px 0
}

.prelogin-jobpost span {
    font-size: 22px;
    font-weight: 600
}

button.jobpost-btn {
    background: #2386EE;
    width: 175px;
    height: 44px;
    border: 0;
    color: #fff;
    font-size: 16px;
    margin-left: 12px;
    border-radius: 7px
}

.talents-pagination {
    margin-top: 40px;
    display: flex;
    gap: 10px;
    justify-content: center
}

.talents-pagination a.pg-no {
    border: 2px solid #2386EE;
    width: 36px;
    height: 34px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
    border-radius: 6px;
    color: #2386EE;
    font-size: 14px
}

.talents-pagination a.pg-no.active {
    background: #2386EE;
    color: #fff
}

.talents-pagination button {
    background: transparent;
    border: 0;
    font-size: 16px;
    color: #2386ee;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transform: 1s ease-in-out
}

.talents-pagination button i {
    font-size: 24px
}

.talents-pagination a.pg-no:hover {
    color: #fff;
    background: #2386EE
}

.talents-firststep-postjob {
    position: absolute;
    z-index: 99999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(155.42deg, rgba(255, 253, 253, .4)0, rgba(255, 255, 255, .4)100%);
    backdrop-filter: blur(12.5px)
}

.mandatory-postjob-box {
    background: #fff;
    width: 400px;
    height: 200px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.mandatory-postjob-box p {
    margin: 0;
    line-height: 40px;
    font-size: 22px
}

.mandatory-postjob-box p a {
    font-weight: 600;
    color: #296DB4;
    text-decoration: underline
}

.talent_blur_box p {
    margin: 0
}

.active_scb_sec_new_inner h4 {
    position: absolute;
    bottom: -14px;
    left: 1px
}

.active_scb_sec_new {
    padding: 10px 10px 24px 10px !important
}

.more_sub_cate_inner_single_left button {
    background: transparent;
    border: 0
}

.ordr-popup.request-popup .modal-header {
    padding: 15px
}

.enter-password-box .head .username h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 500
}

.enter-password-box .head .username span {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 6px;
    display: inline-block
}

.enter-password-box .head .status .active {
    background: #DFFFDC;
    border: 1px solid #3FD732;
    padding: 5px 15px;
    color: #3FD732;
    border-radius: 5px;
    display: inline-block
}

.enter-password-box .head .status .inactive {
    background: #ffebeb;
    border: 1px solid #FF3030;
    padding: 5px 15px;
    color: #FF3030;
    border-radius: 5px
}

.orderdetails-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    margin-top: 18px
}

.action-btn-box P {
    display: contents;
    stroke: none
}

.grey-btn {
    border: 1px solid #000
}

.action-btn-box {
    direction: ltr
}

.odrer_post {
    background: local;
    columns: 2;
    line-height: 45px
}

.activebx {
    font-size: large
}

.ad2 {
    fill-rule: evenodd
}

.ad1 {
    border: #000
}

.garage1year {
    display: block
}

.age-range {
    shape-rendering: auto;
    font-weight: 300;
    font-variant-numeric: diagonal-fractions
}

.orderdetails-list span:first-child {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    display: block
}

.orderdetails-list span:nth-child(2) {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px
}

div.ordr-popup .enter-password-box .ftr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px
}

div.ordr-popup .invoice-btn,
div.ordr-popup .share-btn {
    background: transparent;
    border: 0;
    font-size: 16px;
    color: #2196F3
}

.razorpay-box img {
    display: block;
    width: 95px;
    margin-bottom: 5px
}

.razorpay-box {
    font-weight: 300
}

.razorpay-box span {
    font-weight: 500
}

div.ordr-popup .invoice-btn i,
div.ordr-popup .share-btn i {
    margin-right: 5px
}

.past-order-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    align-items: center;
    gap: 16px;
    font-size: 14px;
    margin-bottom: 15px
}

.past-order-row .past-order-col span:first-child {
    color: grey
}

.past-order-row .past-order-col span:nth-child(2) {
    color: #000;
    font-weight: 400
}

.past-order-row .past-order-col button {
    width: 100%;
    background: #2196F3;
    box-shadow: 0 0 4.12903px rgba(0, 0, 0, .2);
    border-radius: 5.16129px;
    border: 0;
    color: #fff;
    font-weight: normal;
    padding: 5px 0;
    font-size: 11px
}

.past-orders .ordr-head {
    background: #E7F4FF;
    padding: 15px;
    display: block;
    margin: 20px 0;
    border-radius: 10px
}

.past-orders .ordr-head h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 400
}

.past-orders .ordr-head h4 i {
    margin-right: 5px
}

.past-order-row .past-order-col span {
    display: block
}

.orderdetails-list span:nth-child(2)summary {
    display: inline-block;
    font-size: 12px;
    margin-left: 4px
}

.insta_sec img {
    width: 60px;
    margin-bottom: 16px
}

.insta_sec table tr td {
    border: 1px solid;
    padding: 4px 10px;
    font-size: 13px
}

.connect_pop_before_body_inner {
    width: 96%
}

.sub-bypass-switchbox {
    display: flex;
    align-items: center;
    gap: 8px
}

.sub-bypass-switchbox .switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 18px
}

.sub-bypass-switchbox .switch input {
    display: none
}

.sub-bypass-switchbox .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50px;
    border: 2px solid #000
}

.sub-bypass-switchbox .slider:before {
    position: absolute;
    content: "";
    height: 6px;
    width: 6px;
    left: 3px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50px;
    border: 2px solid #000
}

.sub-bypass-switchbox input:checked+.slider {
    background-color: #fff;
    border-color: #2386EE
}

.sub-bypass-switchbox input:checked+.slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
    border-color: #2386EE
}

.sub-bypass-switchbox #switch-label {
    color: black;
    font-size: 12px
}

.sub-bypass-switchbox input:checked+.slider~#switch-label {
    color: #2386EE;
    border-color: #2386EE
}

.new_sign_up_sec_box {
    z-index: 999999 !important
}

section.new_contact_sec_new {
    padding: 15px 0 0
}

.storagebox {
    position: relative;
    width: 100%;
    padding: 18px 0 0 0
}

.storagebox .progress {
    background: #D8EEFF;
    border: 0;
    height: 6px;
    border-radius: 30px;
    position: relative;
    overflow: visible
}

.storagebox .progress .strength-bar {
    border-radius: 30px;
    position: relative
}

.prec_text_sec {
    position: absolute;
    right: 0;
    top: -40px;
    bottom: 0;
    left: 65px;
    z-index: 11;
    color: #000;
    font-size: 12px;
    display: block;
    text-align: right;
    font-weight: 600;
    transition: all .5s ease-in-out
}

.storagebox .progress .strength-bar3 {
    background: #090;
    border-radius: 30px;
    width: 100%;
    position: relative
}

.storagebox .progress .strength-bar2 {
    background: #FFC300;
    border-radius: 30px;
    width: 80%;
    position: relative
}

.storagebox .progress .strength-bar1 {
    border-radius: 30px;
    background: #FF7D00;
    position: relative;
    width: 60%
}

.storagebox .progress .strength-bar {
    border-radius: 30px;
    width: 0;
    position: relative;
    background: #F13131
}

.home_sec_banner_cont_new_main_bold {
    width: 100% !important
}

.editmeeting button.edit-meeting-btn span {
    display: none
}

.missedcall-table-for-mobile {
    display: none
}

.filters-for-mobile {
    display: none
}

.single_check_sec_new_place {
    opacity: 1
}

.single_check_sec_new_place.show {
    opacity: 1 !important
}

.share-profile-head {
    display: none;
    justify-content: space-between;
    align-items: center
}

.sph-left {
    display: flex;
    gap: 15px;
    align-items: center
}

.show-selected-profile-btn {
    background: #2386EE;
    border-radius: 4.08046px;
    color: #fff;
    padding: 8px 10px;
    border: 0;
    font-size: 14px
}

.share-selected-profile-btn {
    background: #2386EE;
    border-radius: 4.08046px;
    color: #fff;
    padding: 8px 10px;
    border: 0;
    font-size: 16px;
    display: none
}

.sph-left h5 {
    font-weight: 500;
    font-size: 22px;
    margin: 0;
    color: #000
}

span.selected-talents {
    color: #2386ee
}

.sph-right {
    display: flex;
    align-items: center;
    gap: 16px
}

.sph-right .share-filter button.share-filter-btn {
    background: #fff;
    border: 0;
    color: #000;
    font-weight: 500;
    font-size: 16px
}

.sph-right .share-filter button.share-filter-btn img {
    margin-right: 6px
}

button.backto-checklist-btn {
    font-size: 18px;
    background: transparent;
    border: 0;
    font-weight: 500;
    display: none
}

button.share-selected-profile-btn img {
    margin-right: 6px
}

#share-profiles-popup .share_mod_sec_new_inner_new_head h6 {
    font-size: 20px
}

#share-profiles-popup .share_mod_sec_new_inner_new_body_senders_head h3 {
    line-height: normal;
    border-bottom: 2px solid #000;
    display: inline-block;
    margin: 12px 0 18px;
    font-size: 16px;
    font-weight: 600
}

#share-profiles-popup .share_mod_sec_new_inner_new_body_senders_head h3:after {
    display: none
}

.otp-input {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 22px;
    border: 0;
    margin: 5px;
    border-radius: 0;
    border-bottom: 1px solid #000
}

.otp-input:focus {
    border-bottom: 1px solid #000
}

.resendotp-box {
    display: flex;
    gap: 10px
}

.resendotp-box button.resendotp-btn {
    color: #2386EE;
    background: transparent;
    border: 0;
    font-size: 16px;
    font-weight: 500
}

.verify-email-phone p {
    color: #949494;
    margin-top: 14px;
    font-size: 16px;
    line-height: 24px
}

.verify-email-phone p span {
    font-weight: 500;
    color: #000
}

.share_mod_sec_new_inner_new_body_senders_head {
    border: 0
}

.advanced-filter-popup-inner .new_ht_sec_new_sec .sel_Box_new,
.advanced-filter-popup-inner input {
    width: 100% !important;
    display: block;
    font-size: 13px;
    text-align: left
}

.advanced-filter-popup-inner .search_box_new_sec_input {
    margin-bottom: 20px
}

.advanced-filter-popup-inner .cat-subcatbox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 20px
}

.advanced-filter-popup-inner .advanced-filterbox .age-range {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
    margin-bottom: 20px
}

#advanced-filter-popup .modal-dialog {
    width: 500px;
    border: 3px solid #CECECE
}

.advanced-filter-popup-inner .advanced-filter button.af-showless-btn {
    background: transparent;
    border: 0;
    font-size: 16px;
    margin-bottom: 18px
}

button.af-show-btn,
button.af-showless-btn {
    background: transparent;
    border: 0;
    font-size: 15px;
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: -40px;
    position: relative;
    z-index: 99
}

.advanced-filterbox {
    display: none
}

.share_btn_sec a {
    position: relative;
    z-index: 9999
}

.share_btn_sec button {
    position: relative;
    display: inline-block;
    background: #2386EE;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    color: #FFF;
    padding: 7px 28px;
    border: 0
}

.desc_sec_new_sec {
    padding-top: 15px
}

.desc_sec_new_sec textarea {
    resize: none
}

.physical-attributes .attr-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px
}

.attr-col-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px
}

.attr-col span.attr-name {
    font-size: 14px;
    margin-bottom: 8px;
    display: block;
    font-weight: 500
}

ul.profile-strength-deatils-list li span.ps-title {
    color: #000;
    font-size: 12px
}

.select-group.attr-col-inner select {
    width: 100%;
    background: url(../images/sel-bg-blue.png)no-repeat !important;
    background-position: 90% 55% !important;
    background-size: 11px 11px !important
}

.attr-col {
    margin-bottom: 15px
}

.advanced-filter-popup-inner .new_ht_sec_new_sec .sel_Box_new {
    height: 30px;
    line-height: 12px;
    position: relative;
    background: url(../images/sel-bg-blue.png)no-repeat !important;
    background-position: 96% 55% !important;
    background-size: 11px 11px !important
}

.advanced-filter-popup-inner .new_ht_sec_new_sec .sel_Box_new button {
    font-size: 12px
}

.advanced-filter-popup-inner .new_ht_sec_new_sec .sel_Box_new:before {
    content: '';
    position: absolute;
    right: 8px;
    top: 10px;
    background: url(../images/sel-bg-blue.png);
    width: 10px;
    height: 11px;
    background-size: contain
}

span.resetfilter {
    color: red;
    margin-right: 10px;
    cursor: pointer
}

.physical-attributes .drop_sec_new_tal .dropdown-menu a {
    font-size: 13px;
    line-height: 15px
}

.physical-attributes .drop_sec_new_tal .dropdown-menu {
    padding: 10px;
    margin-top: -20px
}

.listing-location #searchTextField,
.search_box_new input,
.nice-select.sort-select {
    height: 30px !important
}

.listing-location img {
    top: 6px !important
}

#text-clear {
    top: 4px !important
}

.sel_Box_new {
    padding: 5px 20px 5px 10px !important
}

.search_box_new i {
    top: 7px !important
}

.search_sec_new ul li .nice-select.sort-select {
    line-height: 28px
}

.search_sec_new ul li .nice-select.sort-select:before {
    top: 7px !important;
    line-height: 28px !important;
    font-size: 13px !important
}

.reset_filter {
    line-height: 22px !important
}

.talent_list_new_sec {
    padding: 18px 0 0 0 !important
}

.talent_list_new_sec_head {
    padding-bottom: 0 !important
}

.sel_Box_new {
    background: transparent !important
}

.drop_sec_new_tal.dropdown.categorybx:before,
.drop_sec_new_tal.dropdown.subcategorybx:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: url(https://www.alltalent.com/alltalent_v1/images/caret.png);
    right: 9px;
    top: 9px;
    background-size: cover
}

@media(min-width:992px) {
    select.sel_Box_new.adv_select.adv_select_new {
        width: 100% !important;
        background: url(../images/sel-bg-blue.png)no-repeat !important;
        background-position: 96% 55% !important;
        background-size: 11px 11px !important
    }

    .drop_down_sec_new_body.afselectrow .advance_filter_sec_new_single .select-group {
        display: flex;
        gap: 10px
    }

    .drop_down_sec_new_body.afselectrow .advance_filter_sec_new_single .select-group select {
        width: 120px
    }
}

.payment_sec_new_body_right_single.subscription_right_sec h6 {
    font-size: 20px !important;
    line-height: 16px
}

.subscription_right_sec_head h5 {
    font-size: 20px !important;
    line-height: 16px;
    margin-bottom: 15px !important
}

.gst_numb_sec_new_left h5 img {
    margin-left: 0;
    width: 16px;
    top: -3px;
    position: relative
}

.premium_plan_sec_right h5 {
    font-size: 15px;
    margin: 0;
    align-items: center;
    display: block;
    gap: 8px
}

.promoflexbx {
    display: flex;
    align-items: center;
    display: none
}

span.applypromo {
    color: #2196F3;
    font-weight: 500;
    margin: 0 0 12px;
    display: block;
    cursor: pointer;
    font-size: 14px
}

.sub-promocode .promobox {
    display: block;
    margin-bottom: 20px;
    display: none;
    position: relative
}

.sub-promocode .promobox .offer-ends {
    position: absolute;
    right: 0;
    font-size: 12px;
    top: 0
}

.expired {
    color: red !important
}

.upgarde-to-premium #timer {
    color: #000;
    font-weight: 500
}

.sub-promocode .promobox .offer-ends span#timer {
    font-weight: 600
}

.gst_numb_sec_new_left h5 {
    margin-bottom: 0 !important
}

.gst_numb_sec_new_left a.view-promo {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px;
    text-decoration: underline;
    color: #6F6F6F;
    font-weight: 500
}

.gst_numb_sec_new_left h6.promocode-success {
    font-size: 14px;
    margin-top: 4px
}

.sub-promocode .promobox input {
    height: 50px;
    padding: 0 12px;
    font-size: 16px;
    border: 1.5px solid #C1C1C1;
    border-radius: 5px
}

.sub-promocode .promobox button.promoapplybtn {
    background: transparent;
    border: 0;
    color: #2386ee;
    font-size: 13px;
    border-radius: 5px;
    top: -3px;
    position: relative
}

.applynowbox span {
    font-size: 16px;
    font-weight: 600
}

.promobox p {
    margin: 4px 0 0 0;
    font-size: 13px;
    color: rgba(0, 0, 0, .6)
}

.span_st_sec {
    display: none
}

div#subscription-compare-popup .modal-dialog {
    max-width: 850px
}

.follower-label p span {
    color: #2386EE
}

.follower-label p {
    font-size: 19px;
    font-weight: 600;
    margin: 0
}

.follower-label {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    padding: 10px 20px
}

#insta-follower-popup .modal-dialog {
    max-width: 1000px
}

.insta-follower-popup-inner {
    display: flex;
    gap: 20px;
    padding: 25px 40px;
    align-items: center;
    justify-content: space-between
}

span.animmated-img {
    position: relative
}

span.animmated-img:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/25k-animation.gif);
    background-size: cover
}

span.animmated-img img {
    position: relative
}

.insta-follower-popup-inner .viewdetails p {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px
}

.insta-follower-popup-inner .viewdetails {
    text-align: right
}

.insta-follower-popup-inner .viewdetails button.view-btn {
    background: #2196F3;
    color: #fff;
    border: 0;
    width: 150px;
    padding: 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 16px;
    height: 35px
}

.view_det_new_btn_sc_done {
    position: relative;
    text-align: right;
    justify-content: flex-end;
    display: flex
}

.offer-end {
    display: flex;
    justify-content: space-between;
    margin-top: 25px
}

.offer-end span.offer-date {
    font-size: 16px
}

.offer-end span.offer-date b {
    font-weight: 500
}

.offer-end a {
    font-size: 12px;
    line-height: normal;
    margin-top: 0
}

#insta-follower-popup button.close {
    position: absolute;
    right: 13px;
    top: 13px;
    border: 1px solid #000;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50px;
    line-height: 7px;
    font-weight: 400;
    opacity: 1;
    z-index: 1;
    font-size: 20px
}

.upgarde-to-premium {
    background: #F5FBFF;
    padding: 15px 0
}

.upgarde-to-premium p {
    margin: 0;
    text-align: center;
    font-size: 16px
}

.upgarde-to-premium p span,
.upgarde-to-premium p a {
    color: #2196F3;
    font-weight: 600
}

.upgarde-to-premium p img {
    width: 80px;
    margin-right: 8px
}

div#subscription-upgrade-popup button.close {
    position: absolute;
    right: 13px;
    top: 11px;
    border: 1px solid #000;
    width: 15px;
    height: 15px;
    border-radius: 50px;
    line-height: 7px;
    font-weight: 400;
    opacity: 1;
    z-index: 1;
    font-size: 16px
}

.viewdetails p img {
    width: 30px;
    margin-right: 8px
}

.folw_1 {
    position: relative;
    width: 80px
}

.new_prem_head_sec {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.new_prem_head_sec button.close {
    opacity: 1;
    z-index: 1;
    position: relative !important;
    top: 0 !important;
    right: 10px !important;
    color: #000
}

.abcid_text_Sec_new {
    position: relative;
    font-weight: 600;
    font-size: 22px;
    color: #000
}

.premium_plan_sec_right a {
    font-size: 13px;
    line-height: 19.5px;
    color: grey;
    margin: 0;
    top: -26px;
    position: relative;
    text-decoration: underline
}

.plan-yearly-box {
    position: relative
}

.plan-yearly-box i {
    position: absolute;
    right: 9px;
    top: 4px;
    z-index: 9;
    font-size: 18px
}

.payment-note p {
    font-size: 13px;
    color: #9F9F9F
}

.payment-note {
    margin-top: 20px
}

.payment-note p span {
    margin-right: 8px
}

.disclamair_sec_new_inner h6 span {
    display: inline !important
}

.disclamair_sec_new_inner h6 a {
    color: #007feb
}

.ul_cls {
    position: absolute
}

.country-dropdown {
    position: relative;
    display: block;
    margin: 0 20px;
    text-align: left
}

.select-country {
    background-color: #F7F7F7;
    border-radius: 4px;
    color: #555;
    cursor: pointer;
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 10px 16px;
    font-weight: 500
}

.country-list {
    display: none;
    position: absolute;
    z-index: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    top: 38px
}

.country-list li {
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.5;
    cursor: pointer;
    text-align: left !important;
    display: grid !important;
    grid-template-columns: 1fr 4fr 1fr;
    align-items: center;
    border-bottom: 1px solid #D9D9D9
}

.country-list li:hover {
    background-color: #f2f2f2
}

.country-flag {
    display: inline-block;
    margin-right: 10px;
    width: 32px;
    height: 32px
}

.country-currency {
    font-weight: bold;
    margin-left: 10px;
    font-size: 12px !important
}

.input_file_sec.currency-box {
    background: #F7F7F7;
    display: flex;
    align-items: center;
    width: 60%;
    margin: 0 auto;
    padding: 10px;
    gap: 6px;
    border-radius: 6px
}

.input_file_sec.currency-box span.currency-symbol {
    background: #E4E4E4;
    font-size: 16px;
    width: 75px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px
}

.input_file_sec.currency-box input {
    height: 26px !important;
    background: transparent;
    font-size: 20px
}

span.int-pricing {
    height: 46px;
    align-items: center;
    font-size: 22px !important;
    display: flex;
    justify-content: center;
    font-weight: 500
}

label.range-label {
    display: flex !important;
    justify-content: space-between;
    margin-bottom: 15px;
    color: #007bff
}

.jobs_dash_sec_table table thead tr td:first-child,
.jobs_dash_sec_table table thead tr td:nth-child(2) {
    width: 10% !important
}

.jobs_dash_sec_table tbody tr td:last-child a.dash_tab_btn {
    padding: 8px 11px
}

.tab_unclaim:before,
.tab_inactive:before {
    transform: translate(-50%, -50%)
}

.auto-rejected-strip {
    background: #F5FBFF;
    padding: 14px 0;
    text-align: center;
    font-size: 16px
}

.auto-rejected-strip p {
    margin: 0
}

.auto-rejected-strip #timer {
    font-weight: 600
}

a.extend-time-btn {
    font-size: 13px;
    color: #2196F3;
    margin-left: 5px;
    font-weight: 500
}

.extend-time-rdogroup {
    display: flex;
    gap: 20px;
    margin-bottom: 10px
}

.successfully-extend-popup button.close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px
}

.successfully-extend-popup .modal-content {
    padding: 30px 20px 15px
}

.extend-time-rdogroup .rdo-container .rdo-checkmark:after {
    background: #2196F3
}

.extend-time-rdogroup .rdo-container .rdo-checkmark {
    border: 1px solid #000;
    background: #fff
}

.extend-time-rdogroup .rdo-container input:checked~.rdo-checkmark {
    border: 1px solid #2196F3
}

.extend-time-rdogroup .rdo-container .rdo-checkmark::after {
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px
}

.extend-time-rdogroup .rdo-checkmark {
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px
}

.extend-time-rdogroup .rdo-container {
    padding-left: 24px
}

.extend-time-popup-inner .extend-btn {
    background: #2196F3;
    border: 0;
    color: #fff;
    width: 120px;
    height: 30px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center
}

.successfully-extend-popup .share_id_sec_new_inner img {
    width: 65px
}

.successfully-extend-popup .share_id_sec_new_inner p {
    font-size: 17px;
    margin: 15px 0 0
}

section.about-banner-section img {
    width: 100%
}

section.our-story-section {
    padding: 40px 0
}

section.our-story-section h2 {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 40px
}

section.our-story-section p {
    font-size: 18px;
    line-height: normal
}

.aboutus-fatured-row {
    display: flex;
    gap: 60px;
    margin-bottom: 60px;
    align-items: center
}

.aboutus-fatured-row .af-left,
.aboutus-fatured-row .af-right {
    width: 50%
}

.aboutus-fatured-row .af-right {
    text-align: center
}

.aboutus-fatured-row .af-left h3 {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 40px
}

.aboutus-fatured-row:nth-child(2) {
    flex-direction: row-reverse
}

.aboutus-fatured-row p {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 10px
}

.fetured-in-box .feturedinn-head {
    margin-bottom: 26px
}

.fetured-in-box .article-details img {
    width: auto;
    height: 35px;
    object-fit: contain;
    margin-bottom: 20px
}

.fetured-in-box a.read-article {
    width: 100%;
    background: #2196F3;
    display: block;
    text-align: center;
    color: #fff;
    padding: 15px 0;
    font-size: 18px;
    font-weight: 500;
    border-radius: 0 0 15px 15px
}

.fetured-in-box {
    border-radius: 15px;
    border: 1px solid #ccc;
    box-shadow: 0 5px 5px #32323263
}

.fetured-in-box .feturedinn-head img {
    width: 100%
}

.feturedinn-slide.slick-slide {
    margin: 0 15px 15px 0
}

.article-details {
    padding: 0 20px
}

.article-details p {
    font-size: 18px;
    line-height: normal
}

.article-details p a {
    text-decoration: underline
}

.fetured-inn-slider {
    padding: 0 8px
}

.fetured-inn-slider button.slick-prev.slick-arrow {
    background: transparent;
    border: 0;
    font-size: 0;
    position: absolute;
    right: 100px;
    top: -50px
}

.fetured-inn-slider button.slick-next.slick-arrow {
    background: transparent;
    border: 0;
    font-size: 0;
    position: absolute;
    right: 45px;
    top: -52px
}

.fetured-inn-slider button.slick-prev.slick-arrow:before {
    content: "\f061";
    position: absolute;
    width: 35px;
    height: 35px;
    font-weight: 900;
    background: url(../images/arrow1.png);
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    top: -10px
}

.fetured-inn-slider button.slick-next.slick-arrow:before {
    content: "\f061";
    position: absolute;
    width: 35px;
    height: 35px;
    font-weight: 900;
    background: url(../images/arrow1.png);
    background-size: contain;
    background-repeat: no-repeat
}

section.about-fetured-in h2 {
    font-size: 48px;
    font-weight: 500;
    color: rgb(0, 0, 0);
    font-family: "Barlow Semi Condensed", sans-serif
}

.admin-posted-service-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 35px
}

.admin-posted-service-box .admin-posted-service-card {
    position: relative;
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 15px
}

.admin-posted-service-details {
    position: absolute;
    bottom: 20px;
    z-index: 999;
    width: 100%;
    color: #fff;
    padding: 0 30px;
    left: 0
}

.admin-posted-service-details h4 {
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 500
}

.admin-posted-service-details h4 span.service-rating {
    color: #FDBE1C
}

.admin-posted-service-details h4 span.review-counting {
    font-weight: 300
}

.admin-posted-service-details p {
    font-size: 12px;
    color: #DADADA;
    margin: 0
}

.admin-posted-service-details p span {
    font-size: 16px;
    color: #fff;
    margin-left: 8px
}

.verification-status.filt_text_main_sec span.filt_text {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important
}

.verification-status.filt_text_main_sec span.filt_text h6 {
    margin: 0 !important;
    font-size: 15px !important
}

.ps-count::-webkit-inner-spin-button {
    opacity: 1 !important
}

.ps-count:enabled::-webkit-inner-spin-button {
    font-weight: bold;
    color: dark
}

.ps-editbox {
    background: #F0F0F0;
    position: relative;
    font-size: 14px;
    height: 35px;
    display: flex;
    align-items: center;
    padding: 15px 50px 15px 10px;
    border-radius: 5px
}

.ps-editbox button {
    position: absolute;
    right: 4px;
    top: 6px;
    border: 0;
    font-size: 16px
}

.strength-num input {
    background: #F0F0F0;
    border: 0;
    padding: 0 8px;
    width: 100%;
    height: 35px;
    border-radius: 5px;
    text-align: center
}

.Profile-strength-section table th {
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600
}

button.ps-edit-btn {
    font-size: 12px;
    top: 8px
}

.ps-editbox span.talent-cats {
    font-size: 12px
}

.table.profile-strength-table tr th {
    font-size: 14px;
    vertical-align: middle;
    font-weight: 600;
    border: 0;
    padding-bottom: 0;
    width: 80px
}

.table.profile-strength-table {
    border-collapse: separate;
    border-spacing: 0 1rem;
    margin-top: -1rem;
    margin-bottom: -.5rem
}

.table.profile-strength-table td {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    position: relative
}

.table.profile-strength-table th+.table.profile-strength-table th,
.table.profile-strength-table th+.table.profile-strength-table td,
.table.profile-strength-table td+.table.profile-strength-table th,
.table.profile-strength-table td+.table.profile-strength-table td {
    border-left: 0
}

.table.profile-strength-table td:first-child {
    border-left: 1px solid #ccc;
    border-radius: 10px 0 0 10px
}

.table.profile-strength-table td:last-child {
    border-right: 1px solid #ccc;
    border-radius: 0 10px 10px 0
}

.table.profile-strength-table td:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 60%;
    background: #dadada;
    top: 11px;
    right: 0
}

.table.profile-strength-table td:last-child:after {
    display: none
}

body.inner_body {
    overflow-x: initial
}

#profile-strength-analyze-popup .modal-content {
    background: #fff;
    border-radius: 10px
}

.pasp_inner .storagebox {
    width: 40%;
    margin: 0 auto 15px
}

#profile-strength-analyze-popup .modal-dialog {
    max-width: 600px;
    margin: 5px auto
}

.pasp_inner p.tip {
    font-size: 13px;
    text-align: center;
    margin: 15px 0 20px;
    color: #9A9999
}

ul.profile-strength-deatils-list li {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 15px;
    position: relative
}

ul.profile-strength-deatils-list li label {
    font-weight: 400;
    color: #000
}

ul.profile-strength-deatils-list li .fix-this-btn {
    font-size: 10px;
    color: #DB4955;
    background: transparent;
    border: 0;
    width: auto;
    padding: 0;
}

ul.profile-strength-deatils-list li span {
    color: #8F8F8F;
    font-size: 10px
}

ul.profile-strength-deatils-list {
    padding: 25px 25px 0;
    position: relative
}

ul.profile-strength-deatils-list span.remaining-percent {
    position: absolute;
    right: 0;
    font-size: 13px;
    top: 0
}

.pasp_inner .storagebox .prec_text_sec {
    font-size: 18px;
    margin-top: 0
}

.pasp_inner .storagebox .progress {
    height: 8px
}

.profile-strength-popup .modal-content {
    background: #fff;
    border-radius: 10px
}

.profile-strength-popup .modal-content .modal-body {
    padding: 20px
}

.profile-strength-popup .modal-content .profile-strength-popup-inner h3 {
    line-height: normal;
    font-size: 18px;
    font-weight: 400;
    padding-left: 30px;
    position: relative
}

.profile-strength-popup .modal-content .profile-strength-popup-inner h3 i,
.profile-strength-popup .modal-content .profile-strength-popup-inner h3 img {
    position: absolute;
    left: 0;
    top: 4px;
    width: 24px
}

.profile-strength-popup .modal-dialog {
    max-width: 380px !important
}

.default-select {
    position: relative;
    display: inline-block;
    appearance: none;
    background-color: #f5f5f5;
    border: 0;
    border-radius: 4px;
    font-size: 16px;
    padding: 10px 30px 10px 10px;
    width: 250px;
    color: #000;
    cursor: pointer;
    display: block;
    margin-bottom: 15px
}

.default-select:focus {
    outline: 0
}

.default-select option {
    background-color: #f5f5f5;
    color: #000
}

.default-select option:hover {
    background-color: #ccc;
    color: #000
}

.profile-strength-popup .modal-content .modal-body .close {
    z-index: 999;
    position: relative
}

.profile-strength-popup button.update-btn {
    border: 0;
    background: #2196F3;
    width: 100px;
    height: 30px;
    color: #fff;
    border-radius: 5px;
    font-size: 14px
}

.profile-strength-popup .modal-content .modal-body .close i {
    font-weight: 200;
    background: #ccc;
    border-radius: 50px;
    color: #070707
}

.dob-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px
}

.dob-grid select {
    width: 100%;
    font-size: 13px
}

.ps-searchbox {
    position: relative
}

.ps-searchbox i {
    position: absolute;
    left: 8px;
    top: 8px
}

.ps-searchbox input.ps-search {
    width: 150px;
    height: 30px;
    background: #f5f5f5;
    border: 0;
    padding-left: 30px;
    border-radius: 5px;
    font-size: 12px
}

.lang-tagbox {
    width: 250px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    margin-bottom: 25px
}

.lang-tagbox span.langtag {
    background: #F1F1F1;
    font-size: 10px;
    text-align: left;
    padding: 5px 8px;
    border-radius: 25px;
    position: relative
}

.lang-tagbox span.langtag .remove-btn {
    position: absolute;
    border: 0;
    font-size: 9px;
    right: 1px;
    background: transparent;
    top: 5px;
    line-height: normal;
    height: auto
}

.ps-attribute-popup .modal-content {
    background: #EFF3FF;
    border-radius: 10px
}

.ps-attribute-popup-inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 30px 25px;
    background: #fff;
    padding: 30px 30px 80px;
    position: relative
}

.ps-attribute-popup-inner span {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
    display: block;
    text-align: center
}

.ps-attribute-popup-inner .ps-attr-col select {
    border: 1px solid #ccc;
    width: 100%;
    padding: 0 8px;
    font-size: 13px;
    border-radius: 5px;
    box-shadow: 0 0 3px #e3e3e3;
    height: 36px;
    position: relative;
    background: url(../images/select.png);
    background-position: 95% 56%;
    background-repeat: no-repeat;
    background-size: 11px 7px;
    font-weight: 600
}

.ps-attribute-popup h4 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px
}

.ps-attribute-popup-inner button.update-attr-btn {
    position: absolute;
    bottom: 15px;
    right: 20px;
    background: #2196F3;
    box-shadow: 0 0 8px rgba(0, 0, 0, .18);
    border-radius: 5px;
    border: 0;
    color: #fff;
    width: 100px;
    height: 30px
}

.ps-attribute-popup .modal-body {
    padding: 15px 25px 25px
}

.ps-attribute-popup .modal-body button.close i {
    font-size: 18px;
    top: -5px;
    position: relative;
    right: -12px
}

.round {
    position: absolute;
    left: -45px;
    top: -2px
}

.round label {
    background-color: #fff;
    border: 1px solid #2196F3;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px
}

.round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 9px;
    transform: rotate(-45deg);
    width: 12px
}

.round input[type="checkbox"] {
    visibility: hidden
}

.round input[type="checkbox"]:checked+label {
    background-color: #2196F3;
    border-color: #2196F3
}

.round input[type="checkbox"]:checked+label:after {
    opacity: 1
}

#profile-strength-analyze-popup .modal-body {
    padding: 10px;
    height: 100%
}

#profile-strength-analyze-popup .pasp_inner h3 {
    line-height: 18px;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    font-weight: 500
}

#profile-strength-analyze-popup .pasp_inner .storagebox .prec_text_sec {
    font-size: 30px;
    color: #FF7D00;
    font-weight: 400;
    text-align: center
}

#profile-strength-analyze-popup .pasp_inner .storagebox {
    width: 30%;
    margin: 30px auto 15px
}

#profile-strength-analyze-popup .storagebox.inner-analyse-popup .progress .strength-bar {
    width: 0
}

#profile-strength-analyze-popup .pasp_inner .storagebox .progress {
    height: 6px
}

#profile-strength-analyze-popup .storagebox.inner-analyse-popup .progress .strength-bar {
    background: #FF7D00
}

#profile-strength-analyze-popup button.close i {
    font-size: 18px;
    position: relative;
    top: -5px
}

.pasdl-right span.remaining {
    color: #DB4955 !important
}

ul.profile-strength-deatils-list li .pasdl-left {
    display: flex;
    align-items: center;
    gap: 5px
}

.hidden-field {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 0;
    display: none
}

.hidden-field .default-select {
    margin: 0;
    height: 28px;
    font-size: 12px;
    padding: 0 10px;
    width: 145px;
    background: url(../images/select.png)no-repeat;
    background-color: rgb(245, 245, 245);
    background-size: 12px;
    background-position: 96%
}

.hidden-field button.update-btn {
    background: #2196F3;
    color: #fff;
    border: 0;
    border-radius: 5px;
    width: 88px;
    height: 26px;
    font-size: 11px
}

.hidden-field .dob-grid .default-select {
    width: 62px;
    font-size: 9px;
    background-position: 90%;
    background-size: 10px
}

.dropdown-menu.adv-popup {
    z-index: 999999;
    top: 35px
}

.login_signup_menu {
    z-index: 999999 !important
}

.nice-select.sort-select ul.list {
    z-index: 999999
}

.drop_down_sec_new .ddsn_close {
    position: absolute;
    right: 0 !important;
    top: 4px !important;
    cursor: pointer
}

.search_loc_sec .fa-times {
    right: -11px !important;
    top: 8px !important
}

.advanced-filter-popup-inner .search_box_new_sec_input i.fas.fa-map-marker-alt {
    left: 14px;
    top: 10px
}

.advanced-filter-popup-inner .search_box_new_sec_input i.fas.fa-times {
    left: 5px;
    top: 6px
}

#add-previous-work-popup.pw-popup .modal-dialog {
    max-width: 100% !important
}

#add-previous-work-popup.pw-popup .modal-dialog .modal-body {
    padding: 0 0
}

#add-previous-work-popup {
    padding-right: 8px !important;
    margin: 4px
}

#add-previous-work-popup .modal-dialog {
    max-width: 100%;
    background: #fff;
    padding: 0;
    margin: 0;
    height: 100vh;
    border-radius: 10px
}

#add-previous-work-popup h4 {
    font-size: 24px;
    color: #000;
    margin-top: 6px
}

form.pw-box {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px
}

form.pw-box .pw-left .groups-of-inputs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 15px
}

form.pw-box .pw-left .groups-of-inputs .inputbx span {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 500
}

form.pw-box .pw-left .groups-of-inputs .inputbx input,
form.pw-box .pw-left .groups-of-inputs .inputbx select {
    width: 100%;
    background: #F8F8F8;
    border: 2px solid #C1C1C1;
    border-radius: 5px;
    height: 42px;
    padding: 0 10px
}

form.pw-box .pw-left .groups-of-inputs .inputbx select {
    background: url(../images/select.png)no-repeat;
    background-position: 96%;
    background-color: #f8f8f8;
    background-size: 12px 8px !important
}

form.pw-box .pw-left .inputbx textarea {
    width: 100%;
    height: 100px;
    background: #F8F8F8;
    border: 2px solid #C1C1C1;
    border-radius: 5px;
    padding: 5px 10px
}

.inputbx label {
    font-weight: 500;
    margin-bottom: 10px;
    position: relative;
    display: inline-block
}

.inputbx label.mandatory:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: url(../images/mandatory.svg)no-repeat;
    right: -16px;
    top: 8px;
    background-size: cover
}

.inputbx #drop-zone {
    border: 2px solid#ccc;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    background: #F8F8F8;
    height: 400px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.inputbx #preview {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.inputbx .preview-image {
    width: 150px;
    height: 150px;
    margin: 10px;
    object-fit: cover
}

.inputbx #drop-zone p img {
    display: block;
    margin: 0 auto 14px
}

input#work-file-input {
    position: relative;
    overflow: hidden;
    width: 120px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: peru;
    color: white;
    border-radius: 5px;
    cursor: pointer
}

input#work-file-input:hover {
    background-color: #bd6e1f
}

input#work-file-input>input[type='file'] {
    position: absolute;
    font-size: 50px;
    right: 0;
    top: 0;
    opacity: 0;
    cursor: pointer
}

input#work-file-input::before {
    content: 'Browse Now';
    position: absolute;
    left: 0;
    right: 0
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block
}

.upload-btn-wrapper .btn {
    border: 0;
    color: #fff;
    background-color: #0096C7;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: normal;
    width: 160px
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.drop-zone-btnbx {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    padding: 20px 0;
    width: 70%;
    margin: 0 auto
}

.drop-zone-btnbx button.dz-submit {
    background: #2386EE;
    height: 38px;
    border: 0;
    color: #fff;
    font-size: 16px;
    border-radius: 5px
}

.drop-zone-btnbx button.dz-reset {
    background: transparent;
    border: 0;
    font-size: 18px;
    color: #FF3030
}

.dz-head {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px
}

#short_prof .modal-dialog {
    background: #fff;
    border-radius: 11px
}

#short_prof .modal-dialog .short_prof_sec_inner_new h5 {
    font-size: 17px;
    text-align: center;
    margin: 20px 0 0
}

.job_pst_sec_new {
    display: none
}

.non_user_met_sec_left_body_middle ul li:nth-child(2) .time_sec_id i {
    position: absolute;
    left: 4px
}

.non_user_met_sec_left_body_middle ul li:nth-child(2) .time_sec_id {
    padding-left: 25px
}

.non_user_met_sec_left_body_middle ul li:nth-child(2) .time_sec_id select {
    width: 120px;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    background: url(images/select.png)no-repeat;
    background-position: 96%;
    background-size: 12px;
    background-color: #f8f8f8
}

.non_user_met_sec_left_body_top li.branch select {
    border: 1px solid #ccc
}

.prev_jobs_single_head {
    grid-template-columns: 8fr 1fr 1fr !important
}

.pgnext-btn {
    display: flex;
}