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

input {
    color: #000 !important;
}

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

.subadmin-form {
    width: 60%;
}

.meeting-search-box {
    margin-bottom: 15px;
}

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

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

.close_icn_modal_str {
    position: absolute;
    top: 13px;
    right: 20px;
    border: 0;
    background: none;
    font-size: 16px;
}

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;
}

/* Custom Checklist */
.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;
}

/* The container */
.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: 0px;
}

/* Hide the browser's default checkbox */
.chk-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

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

/* On mouse-over, add a grey background color */
.chk-container:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.chk-container input:checked~.checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.chk-container input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.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: 0px !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 Scroll */
#custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 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: 0px;
}

p.sign_up_here_btn a {
    color: #6ebfff;
}

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

.custom_new_select {
    width: 180px;
}

/* =============================== Success Story Page Start Here ================================== */
.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;
}

/* .story-box {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-bottom: 25px;
}
*/
.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: 0px;
}

.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 0px 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: #0000007d;
    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: 0px;
    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: 0.5px;
}

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

/* =============================== Success Story Page End Here ================================== */
/* =============================== Talent Listing Page Start Here ================================== */
.dragdropgallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
}

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

.dragbox {
    padding: 10px;
    box-shadow: 0px 0px 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: 0.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: 0px 0px 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: 0px;
}

.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: 0.5px;
}

.card-sub:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4906337535014006) 0%, rgba(0, 0, 0, 0.16010154061624648) 61%, rgba(0, 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;
}

/* Hide the browser's default checkbox */
.dragbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

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

/* On mouse-over, add a grey background color */
.dragbox:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.dragbox input:checked~.checkmark {
    background-color: #ffffff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.dragbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.dragbox input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.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 */
.animated-search input[type=text] {
    width: 46px;
    box-sizing: border-box;
    border: 0px;
    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 0.4s ease-in-out;
    transition: 0.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: 0px !important;
    padding: 3px 0;
}

button.cancle-btn {
    border-radius: 5px;
    border: 0px !important;
    box-shadow: 0px 0px 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;
}

.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;
}

/* =============================== Talent Listing Page End Here ================================== */

/* ============================== Admin Verification Page =================================*/
.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 #BBBBBB;
    border-radius: 0px;
}

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

.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: 0px;
    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: 0.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;
}

/* Change Design - Grid to List */
.verification-row-list .requestlist-box {
    display: grid;
    grid-template-columns: 1fr 0.8fr 0.5fr 0.5fr;
    gap: 20px;
}

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

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

.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;
    /* background: #39AA27;
    */
    color: #fff;
    height: 36px;
    border: 0px;
    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: #888888;
    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;
}

/* ============================== Admin Verification Page End Here =================================*/
/* ========================================= Talent Profile Admin Verification Start Here ============================================*/
.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 */
.change-file-wrap {
    background: #DDEEFF;
    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: 0px;
}

.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;
}

/* Intro Video - 2nd step */
.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 0px 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: #ffffff;
    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;
}

/* ======================================== Talent Profile Admin Verification End Here ===========================================*/
/* Talent Profile Calender CSS */
.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: 0px !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: 0px;
    font-size: 12px;
}

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

td.today.day {
    width: 30px;
    height: 30px;
    border: 2px solid black !important;
    border-radius: 50%;
    background: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

td.active.day {
    border: none !important;
    border-radius: 0%;
    background: #0044cc !important;
}


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

/* Talent Profile Calender CSS */
/*====================================== View Dropdown with Custom CheckBox =======================================*/
.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: 0.5px;
    cursor: pointer;
}

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

/* Hide the browser's default checkbox */
.vsb-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

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

/* On mouse-over, add a grey background color */
.vsb-container:hover input~.vsb-checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.vsb-container input:checked~.vsb-checkmark {
    background-color: #2196F3;
}

/* Create the vsb-checkmark/indicator (hidden when not checked) */
.vsb-checkmark:after {
    content: "";
    position: absolute;
    opacity: 0;
    transition: 0.3s ease-in-out;
}

/* Show the vsb-checkmark when checked */
.vsb-container input:checked~.vsb-checkmark:after {
    opacity: 1;
}

/* Style the vsb-checkmark/indicator */
.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: 0.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;
}

/* Talent profile Report system css */
.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: 0px;
    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: 0px 0px 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: 0px;
    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: 0px;
    line-height: 22px;
    letter-spacing: 0.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;
}

/* Talent profile Report system css */
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: 0px;
    border: 0px;
}

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

.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: 0px;
    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: 0px 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: 0px;
    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 Scroll Bar */
#custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 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 Scroll Bar with class */

.custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 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;
}

/* Custom scroll bar with class end here */
.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: 0px;
    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: 0px;
}

.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: none;
    box-shadow: none;
}

/* Approval Page */
.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: 0px;
    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: 0px;
    width: 100px;
    height: 34px;
    border-radius: 6px;
    font-size: 16px;
}

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

/* Approval On Job */
.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: #888888;
}

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

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

.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;
    width: auto;
    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: 0px;
    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;
}

/*===================================== Master Listing Module CSS Start Here ========================================*/
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;
}

/* master listing table */
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: 0.5px;
    border: 0;
    padding: 0 0 0 0px;
    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: 0px;
    height: 30px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 300;
    padding: 0px 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;
}

/* Leads Master Listing */
.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: 0px;
    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: 0px;
}

.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: 0px 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: 0.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;
}

/* Master Listing Filter CSS */
#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: 0px;
    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: 0px;
}

.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: 0.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;
}

/* Userchecklist */
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: 0px;
    padding-left: 10px;
}

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

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

/* Userchecklist end here */
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: 0px;
    background: #0166FF;
    color: #fff;
    border-radius: 8px;
    font-size: 16px;
}

/* Table Filter CSS */
/* Take Action Popup start here */
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: #BBBBBB;
    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: 0px;
    color: #fff;
    padding: 8px 18px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 300;
}

/* Take Action Popup end here*/
/*===================================== Master Listing Module CSS End Here ========================================*/
/*=============================== Subscription Module Start here ================================*/
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: 0px 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: 0px;
    background: #2196F3;
    color: #fff;
    font-size: 16px;
    padding: 0 15px;
    border-radius: 5px;
}

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

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

.cart-quantity button {
    border: 0px;
    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: 0px 0px 10px #6666664f;
    border-radius: 20px;
    border-collapse: collapse;
    border-style: hidden;
}

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

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: 0px;
    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;
}

/* My Plan Details */
.premium-plan-box {
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0px 0px 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: 0px;
    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: 0.5px;
    margin-bottom: 20px;
}

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

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

/* cancel Plan Page */
.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: 0px;
    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;
}

/* Cancellation Popup */
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: 0.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;
}

/* Cancellation Popup end here */

/* Upgrade to premium plan popup Start Here */
/* Subscription Comapre Popup */
.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 0px;
}

.subscription-premium-plan-popup .modal-header {
    border: 0px;
    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;
}

/* new css 28-12-22 */
.subscription-premium-plan-popup .modal-body {
    padding: 0px;
}

.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: 0px;
    font-weight: 500;
    font-size: 28px;
    color: #000000;
}

.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: 0px;
}

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

/* Rajesh Style Start Here - Subscription Premium Popup */
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: 0px 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: 0px;
}

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

.new_cls_icn_close i {
    font-size: 20px;
}

/* Rajesh Style End Here - Subscription Premium Popup */
/* Upgrade to premium plan popup End Here */

/* Payment deatils page start here */
.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: #000000;
    border-radius: 50px;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    border: 1px solid #000000;
    text-decoration: none;
}

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

.applybox .promocode_sec_new_right {
    display: none;
}

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

.apply-promocode button {
    display: inline-block;
    background: #2196F3;
    color: #fff;
    font-size: 13px;
    border: 0px;
    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: 0px 0px 15px 0px;
    font-size: 18px;
    text-decoration: underline;
    cursor: pointer;
}

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

/* Payment deatils page end here */
/* ====================================== Subscription Module End Here =========================================*/
/* MSG Templates Popup */
.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: 0.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;
}

/* MSG Templates Popup End Here */
/* Custom Scroll Bar */
.message-template-popup .custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 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;
}

/* Edit Template Css */
.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: 0.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;
}

/* Chat Request Popup */
.request-popup .modal-content {
    background: #fff;
}

.request-popup .modal-header {
    padding: 0px 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: 0px;
    color: #fff;
    padding: 3px 12px;
    display: inline-block;
    font-size: 14px;
    border-radius: 4px;
    box-shadow: 0px 0px 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;
}

/* Chat Request Popup End Here */
/* Leads Popup Start Here */
.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;
}

/* Leads Popup End Here */
/* activity log */
.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: 0px;
    padding: 10px;
    border-radius: 7px;
}

/* Request Enter OTP */
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: 0px;
    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;
    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: #ffffff;
    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;
}

/* remove the up/down spinner in number input source - https://css-tricks.com/snippets/css/turn-off-number-input-spinners/ */
.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: 0px !important;
    padding-bottom: 0;
}

/* Template Success msg start here */
.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;
}

/* Template Success msg end here */
/* Custom Scroll Bar */
.request-popup .custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 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;
}

/* ======================================================= Schedule Meeting With Talent Manager Module Start Here ========================================================= */
.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: 0px 0px 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: 0px;
    font-weight: 600;
}

/* schedule-meeting-popup */
.schedule-meeting-popup .modal-content {
    padding: 0px;
    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;
}

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

/* Hide the browser's default radio button */
.rdo-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.rdo-checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
    border: 1px solid #4CA853;
    ;
}

/* On mouse-over, add a grey background color */
.rdo-container:hover input~.rdo-checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.rdo-container input:checked~.rdo-checkmark {
    background-color: #ffffff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.rdo-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.rdo-container input:checked~.rdo-checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.rdo-container .rdo-checkmark:after {
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #4CA853;
}

/* ----------------------- Custom radiobox End Here ---------------------------- */
/* View Meeting Popup */
.view-meeting-details-box {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    /* grid-template-columns: 1.5fr 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: #000000;
}

.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: #000000;
    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: flex;
    align-items: center;
    gap: 10px;
}

.meeting-time select {
    border: 1px solid lightgray;
    width: 150px;
    padding: 3px 5px;
}

.meeting-search-box {
    margin-bottom: 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: 0px;
}

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: 0px;
    height: 35px;
    color: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*Meeting Search Box start here*/
.meeting-search-box select {
    width: 100%;
    height: 35px;
    padding: 0 10px;
    background: #f6f6f6;
    border: 1px solid #ccc;
}

/*Meeting Search Box end here */
/* Backend Popups CSS Start Here */
.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;
}

/* ------------------ Custom Checkbox 2 -------------------- */
/* The container */
.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;
}

/* Hide the browser's default checkbox */
.cstchk-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.cstchk-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #4CA853;
    background: #ebffed;
}

/* On mouse-over, add a grey background color */
.cstchk-container:hover input~.cstchk-checkmark {
    background-color: #EBFFED;
}

/* When the checkbox is checked, add a blue background */
.cstchk-container input:checked~.cstchk-checkmark {
    background-color: #EBFFED;
}

/* Create the checkmark/indicator (hidden when not checked) */
.cstchk-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.cstchk-container input:checked~.cstchk-checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.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);
}

/* --------------------------- Custom Checkbox 2 end here --------------------------- */
.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: 0px 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: 0px;
}

.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;
}

/* Backend Popups CSS End Here */
/* Note css */
.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: 0px;
    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;
}

/* =========================== Updated : 09-02-2023 ==============================*/
.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: 0px;
    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: 0px;
}

.editmeeting .reschedule-meeting button:last-child {
    border: 0px;
}

.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;
}

/* ======================================================= Schedule Meeting With Talent Manager Module End Here ========================================================= */
/* Office Address Page Start Here */
.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: 0.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: 0.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;
}

/* sucsses story section */
.success-stories-section {
    margin-top: 0px;
    padding: 0px;
    width: 520px;
}

.success-stories-section h4 {
    font-size: 20px;
    font-weight: 600;
}

.stories-job-sliders .story-box {
    display: flex;
    gap: 35px;
    margin-left: 0px;
}

.stories-job-sliders .slick-list.draggable {
    padding: 50px 0px 25px;
}

/* Slider Arrow */
.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 0px 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;
}

/* Story JOB Box */

a.story-box {
    display: block;
}

a.story-box .featuredjob-box {
    display: block;
    padding: 10px;
    background: #F5FAFF;
    box-shadow: 0px 2px 7px #00000029;
    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: 0px 3px 6px #00000029;
    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;
}

/* Office Talent Address Page End Here */
/* Footer Style Change 14/11/2022 start Here */
.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: 0px !important;
}

/* Footer Style Change 14/11/2022 End Here */
/* jobs page start here */
div#view_details_pop_div .job_list_body_right_body_single_id_new ul {
    /* display: flex !important; */
    align-items: center !important;
}

/* job scroll hide */
/* .new_job_body {
    max-height: max-content!important;
    overflow-y: initial!important;
    padding-right: 20px;
}
*/
.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, 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;
}

/* jobs page end here */
/* Post Job Page alinment fix */
.update_btn_new {
    padding: 6px 15px !important;
}

/* Career page */
.carreer_page_sec_left_right_new {
    margin: 30px !important;
}

/* About Page */
section.about_us_sec .row.main-row {
    margin-bottom: 50px;
}

/* Business Dashboard > Posted Job Section Start Here */
section.business-dashboard-section {
    padding: 20px 0;
}

ul#posted-job-tab {
    gap: 0px;
    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: 0px;
    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: 0px 0px 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: 0px !important;
}

div#posted-job-tabContent .tabs-inner table thead tr th {
    font-weight: 600;
}

ul#posted-job-tab li:last-child {
    border: 0px;
}

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;
}

/* ========================================== New Home Page Redesign : CSS Start Here =============================================*/
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: 0px;
}

ul.profile-dropdown-menu li a i {
    margin-right: 8px;
}

/* Featured Job Section start Here */
.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: 0px 0px 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: 0px;
    color: #fff;
    font-size: 20px;
    border-radius: 6px;
    box-shadow: 0px 0px 5px #ccc;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
}

/* Counter Section Start Here */
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: 0px;
}

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;
}

/* ====== Sections Update : 12-01-2023 : start here ====== */
.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: 0px !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 page Susccess Stories Css Start Here */
.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 0px 56px;
    width: 72%;
    left: 17px;
    height: 100%;
    top: -9px;
}

.home-sstories-slider .videobx:after {
    border-radius: 0px 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 #FFFFFF;
    box-shadow: 0px 0px 8px rgba(0, 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;
}

/* ====== Sections Update : 12-01-2023 : end here ====== */

/* ========================================== New Home Page Redesign : CSS End Here =============================================*/

/* Send Link Popup Css Start Here */
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;
}

/* Send Link Popup Css End Here */
/* Shortlisted Msg Page Start Here */
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: 0px;
    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;
}

/* Shortlisted Msg Page End Here */
/* Talent Location Popup start here */
.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: 0px;
}

.tlnt-locationpopup .enterpass-form label button.locate-btn {
    border: 0px;
    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;
}

/* New Talent List Page With Blur Cards : CSS Start Here */
.talent_list_new_sec_body_right_single_cont_sec.hover-none {
    bottom: 15px;
}

.talent_blur_box {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0;
    bottom: 0;
    z-index: 999;
    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: 0px;
    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, 0.4) 0%, rgba(255, 255, 255, 0.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;
}

/* New Talent List Page With Blur Cards : CSS End Here */
/* talent-profile-page-new start here */
.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: 0px;
}

/* talent-profile-page-new end here */
/* Order Details Popup : Start Here */
.ordr-popup.request-popup .modal-header {
    padding: 15px;
}

.enter-password-box .head .username h4 {
    margin: 0px;
    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;
}


/* tst : start */

.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;
}

/* tst : end  */


.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: 0px;
    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: 0px 0px 4.12903px rgba(0, 0, 0, 0.2);
    border-radius: 5.16129px;
    border: 0px;
    color: #fff;
    font-weight: normal;
    padding: 5px 0px;
    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;
}

/* Order Details Popup : End Here */
/*.talent_list_new_sec_body_right_single_cont_sec {
    bottom: 0px!important;
}
*/
/*.talent_list_new_sec_body_right_single_cont_sec p, .talent_list_new_sec_body_right_single_cont_sec ul, .talent_list_new_sec_body_right_single_cont_sec hr.spacer30px {
    display: none!important;
}
*/
/* Profile Page Social Media Popup : Start Here */
.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%;
}

/* Profile Page Social Media Popup : Start Here */
/* Bypass Subscription Switch Label : Start Here */
.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;
}

/* Bypass Subscription Switch Label : End Here */

.new_sign_up_sec_box {
    z-index: 999999 !important;
}

section.new_contact_sec_new {
    padding: 15px 0 0;
}

/* Profile page : Profile Strength Bar */

.storagebox {
    position: relative;
    width: 100%;
    padding: 18px 0 0 0;
}

.storagebox .progress {
    background: #D8EEFF;
    border: none;
    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 0.5s ease-in-out;
}

.storagebox .progress .strength-bar3 {
    background: #009900;
    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;
}

/* New Home Page : Feb 2023 : start */

.home_sec_banner_cont_new_main_bold {
    width: 100% !important;
}

.editmeeting button.edit-meeting-btn span {
    display: none;
}

/* New Home Page : Feb 2023 : end */


/* Missed call module backend for mobile : Start */

.missedcall-table-for-mobile {
    display: none;
}

.filters-for-mobile {
    display: none;
}

/* Missed call module backend for mobile : end */


/* Shared Profile Module : Start Here */

.single_check_sec_new_place {
    opacity: 1;
}

/* .talent_list_new_sec_body_right_single:hover .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: 0px;
    font-size: 14px;
}

.share-selected-profile-btn {
    background: #2386EE;
    border-radius: 4.08046px;
    color: #fff;
    padding: 8px 10px;
    border: 0px;
    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: 0px;
    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: 0px;
    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: 0px;
    margin: 5px;
    border-radius: 0px;
    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: 0px;
    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: 0px;
}

.advanced-filter-popup-inner .new_ht_sec_new_sec .sel_Box_new,
.advanced-filter-popup-inner input {
    width: 100% !important;
    /* margin-bottom: 20px; */
    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: 0px;
    font-size: 16px;
    margin-bottom: 18px;
}

button.af-show-btn,
button.af-showless-btn {
    background: transparent;
    border: 0px;
    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: #FFFFFF;
    padding: 7px 28px;
    border: 0px;
}

.desc_sec_new_sec {
    padding-top: 15px;
}

.desc_sec_new_sec textarea {
    resize: none;
}

/* Physical Atrribute : Start Here */

.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: 13px;
}

.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;
}

/* Physical atrribute : end here */

/* Shared Profile Module : End Here */

/* Talent List filter change : start here [ override style.css ] */

.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 0px 0 !important;
}

.talent_list_new_sec_head {
    padding-bottom: 0px !important;
}

.sel_Box_new {
    /* background: url(../images/sel-bg-blue.png) no-repeat 97%!important; */
    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;
    }

}


/* Talent List filter change : end here */


/* Subscription Apply Promo code : Start Here */

.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: 0px;
}

.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: 0px !important;
}

.gst_numb_sec_new_left a.view-promo {
    position: absolute;
    top: 0px;
    right: 0px;
    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: 0px;
    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, 0.6);
}

.span_st_sec {
    display: none;
}

/* Subscription Apply Promo code : End Here */

/* 25K Insta Follower CSS : Start Here */

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: 0px;
    width: 150px;
    padding: 0px 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: 0px;
}

#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;
}

/* 25K Insta Follower CSS : End Here */

.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: #000000;
}

.premium_plan_sec_right a {
    font-size: 13px;
    line-height: 19.5px;
    color: grey;
    margin: 0px;
    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 : Start Here */

.payment-note p {
    font-size: 13px;
    color: #9F9F9F;
}

.payment-note {
    margin-top: 20px;
}

.payment-note p span {
    margin-right: 8px;
}

/* Payment Note : End Here */


/* Job Disclaimer css : Start Here */

.disclamair_sec_new_inner h6 span {
    display: inline !important;
}

.disclamair_sec_new_inner h6 a {
    color: #007feb;
}

/* Job Disclaimer css : End Here  */


/* Subscription Backend Compare Plans : Start Here */

.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, 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;
}

/* Subscription Backend Compare Plans : End Here */


/* Job Page - Age Range : Start here */

label.range-label {
    display: flex !important;
    justify-content: space-between;
    margin-bottom: 15px;
    color: #007bff;
}

/* Job Page - Age Range : End here */


/* Admin > job > dashboard : Css start here */

.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%);
}

/* Admin > job > dashboard : Css end here */

/* Auto Rejected Notification : Start Here */

.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 #000000;
    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;
}

/* Auto Rejected Notification : End Here */

/* About Us Page New Design : Start Here */

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: 0px 0px 15px 15px;
}

.fetured-in-box {
    border-radius: 15px;
    border: 1px solid #ccc;
    box-shadow: 0px 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: 0px;
    font-size: 0px;
    position: absolute;
    right: 100px;
    top: -50px;
}

.fetured-inn-slider button.slick-next.slick-arrow {
    background: transparent;
    border: 0px;
    font-size: 0px;
    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;
}

/* About Us Page New Design : End Here */

/* Admin Posted Services CSS : Start Here */

.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;
}

/* Admin Posted Services CSS : End Here */


/* admin backend css : Start here */

/* body.inner_body {
    height: 100vh!important;
} */

.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;
}

/* admin backend css : start here */

/* Admin Profile strength css : start here */

.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: 0px;
    font-size: 16px;
}

.strength-num input {
    background: #F0F0F0;
    border: 0px;
    padding: 0px 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: 0px;
    padding-bottom: 0px;
    width: 80px;
}

.table.profile-strength-table {
    border-collapse: separate;
    border-spacing: 0 1rem;
    margin-top: -1rem;
    margin-bottom: -0.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 : start here */

#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: 0px;
    width: 120px;
}

ul.profile-strength-deatils-list li span {
    color: #8F8F8F;
    font-size: 11px;
}

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: 0px;
}

.pasp_inner .storagebox .prec_text_sec {
    font-size: 18px;
    margin-top: 0px;
}

.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;
}

/* custom select */

.default-select {
    position: relative;
    display: inline-block;
    appearance: none;
    background-color: #f5f5f5;
    border: none;
    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: none;
}

.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: 0px;
    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: 0px;
    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: 0px 0px 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: 0px 0px 8px rgba(0, 0, 0, 0.18);
    border-radius: 5px;
    border: 0px;
    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 Custom CheckBox */

.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;
}


/* New Design by raj */

#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: 0px;
    height: 28px;
    font-size: 12px;
    padding: 0px 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: 0px;
    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;
}

/* Profile strength analyze popup : end here */

/* Admin profile strength css : end here  */

.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: 0px !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 Privious Work Popup : Start here */

#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;
}

/* Custom Button */

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.upload-btn-wrapper .btn {
    border: 0px;
    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: 0px;
    padding: 20px 0;
    width: 70%;
    margin: 0 auto;
}

.drop-zone-btnbx button.dz-submit {
    background: #2386EE;
    height: 38px;
    border: 0px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
}

.drop-zone-btnbx button.dz-reset {
    background: transparent;
    border: 0px;
    font-size: 18px;
    color: #FF3030;
}

.dz-head {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

/* Add Privious Work Popup : End here */

/* Shortlisted Popup bg issue css : start here */

#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;
}

/* Shortlisted Popup bg issue css : end here */

.job_pst_sec_new {
    display: none;
}

/* Meeting page alignment issue : Star here */

.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;
}

/* Meeting page alignment issue : End here */

.prev_jobs_single_head {
    grid-template-columns: 8fr 1fr 1fr !important;
}