@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');

:root{
    --brand-primary:#522583;
    --brand-primary-dark:#3d1765;
    --brand-secondary:#CAAF66;
    --brand-shadow:0 15px 30px rgba(82,37,131,0.25);
}

.btn{
    border-radius:6px;
    padding:6px 14px;
    font-weight:500;
    font-size:14px;
    border:2px solid transparent;
    transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.btn:focus-visible{
    outline:none;
    box-shadow:0 0 0 3px rgba(82,37,131,0.3);
}

.btn-primary{
    background:var(--brand-primary);
    border-color:var(--brand-primary);
    color:#fff;
    /*box-shadow:var(--brand-shadow);*/
}

.btn-primary:hover,
.btn-primary:focus{
    background:var(--brand-secondary);
    border-color:var(--brand-secondary);
}

.btn-primary:disabled{
	opacity: 0.5;
}

/*.btn-primary:not(.btn-light):hover, .btn-primary:not(.btn-light):focus, .btn-primary:not(.btn-light):active{
    background:var(--brand-primary);
    border-color:var(--brand-primary);
}*/

.btn-secondary{
    background:transparent;
    border-color:var(--brand-primary);
    color:var(--brand-primary);
}

.btn-secondary:hover,
.btn-secondary:focus{
    background:var(--brand-primary);
    border-color:var(--brand-primary);
    color:#fff;
    transform:translateY(-1px);
}

input[type='checkbox'],
input[type='radio']{
    accent-color:var(--brand-primary);
}
a, button, .link{color: #CAAF66;}

h1, .h1, h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6{
  font-family: "Montserrat", sans-serif;
}

body, .btn, .ajax-upload-dragdrop .ajax-file-upload, .form-control, .typeahead, .tt-query, .tt-hint, .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single, .form-select{font-family: "Lato", sans-serif; }

.login-main-wrap{width: 100%; height: 100vh; overflow-y: hidden; display: grid; grid-template-columns: repeat(2, 1fr);}
.login-left-colum{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.login-form{width: 90%; max-width: 500px; margin: 0 auto; display: flex; justify-content: start; flex-direction: column; gap: 30px;}
.login-form .brand-logo{width: 150px;}
.login-form .brand-logo img{width: 100%;}
form.login .head{width: 100%; margin-bottom: 15px;}
form.login .head h3{font-size: 24px; font-weight: 600; color: #2B3674;}
form.login .head p{font-size: 16px; color: #4D4D4D}
form.login .form-group{margin-bottom: 20px;}
form.login .form-group label{font-size: 16px; color: #4D4D4D}
form.login .form-group input[type="radio"]{padding: 0;}
form.login .form-group input{font-size: 16px; padding: 0.8rem 1rem; bprder: 1px solid #E0E5F2; border-radius: 10px;}
form.login .form-group input::placeholder{color: #666666  ;}
form.login .form-select{font-size: 16px; padding: 0.8rem 1rem; bprder: 1px solid #E0E5F2; border-radius: 10px;}
form.login .btn{background: #522583; color: #ffffff; border-radius: 10px; font-size: 16px; font-weight: 700; display: flex; justify-content: center; align-items: center; gap: 10px; height: 45px;}
form.login .btn:hover{background: #c9af66; /*color: #522583;*/}
form.login .btn:hover .arrow-btn{/*filter: brightness(0) saturate(100%) invert(19%) sepia(20%) saturate(2335%) hue-rotate(240deg) brightness(92%) contrast(99%);*/}
form.login .btn:focus{border: none; outline: none; box-shadow: 0 0 0 0;} 
.copyright{color: #515253; text-align: center;}
.forgot-btn{color: #CAAF66; text-decoration: none;}
.login-right-colum{height: 100vh;}
.login-form-brand{background: url('../img/login-bg.png') no-repeat; background-size: cover; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.login-form-brand .brand-logo{width: 70%;}
.login-form-brand .brand-logo img{width: 100%;}
.password-wrap{position: relative;}
.field-icon {position: absolute; top: 15px; right: 10px; z-index: 2;}

.mt-15{margin-top: 15px;}

.translater-container img{
	width: 30px;
    height: 20px;
    object-fit: cover;
}

.ContinueasRecruiter-popup{max-width: 500px;}
.ContinueasRecruiter-popup .modal-title-wrap{width: 100%; display: flex; justify-content: center; align-items: center; gap: 10px;}
.ContinueasRecruiter-popup .modal-body{text-align: center;}
.modal-content{background-color: #fff;}
.ContinueasRecruiter-popup .modal-header{gap: 10px; border: none; padding-bottom: 0;}
.ContinueasRecruiter-popup .modal-header .btn-close{margin-right: -15px; margin-top: -15px;}
.ContinueasRecruiter-popup .modal-header .icon{display: flex; justify-content: center; align-items: center;     
	color: #fff;
    background: #522583;
    width: 30px;
    height: 30px;
    border-radius: 100%;
	font-size: 14px;
}
.ContinueasRecruiter-popup .modal-header .icon img{width: 24px;}
.ContinueasRecruiter-popup .modal-header .modal-title{font-size: 18px; color: #101828;}
.ContinueasRecruiter-popup .modal-header p{font-size: 14px; color: #475467;}
.ContinueasRecruiter-popup .modal-body .btn-cancel{background: #fff; border: 1px solid #1018280D; border-radius: 5px;}
.ContinueasRecruiter-popup .modal-body .btn-save{background: #522583; border: 1px solid #522583; border-radius: 5px; color: #fff; min-height: 40px; display: block; text-align: center; text-decoration: none;}

.steppers{position: relative; width: 100%; height: 100vh; padding: 10px; display: flex; justify-content: center; align-items: center;}
.stepper {display: flex; justify-content: start; gap: 0; margin-bottom: 10px; padding: 20px; position: relative;}
.stepper .step { flex: 1; position: relative; padding: 10px 5px;}
.stepper .step .step-inner{display: flex; justify-content: start; align-items: center; gap: 5px;}
.stepper .step .step-inner p{width: 60px; font-size: 14px; line-height: 16px; color: #D0D0D0; margin: 0;}
.stepper .step::after {content: ''; position: absolute; top: 100%; left: 0; width: 102%; height: 6px; border-radius: 6px; background-color: #ddd; z-index: 0;}
.stepper .step.active ~ .stepper .step::after, .stepper .step.active::after {background-color: #522583;}
.stepper .step.active .circle, .stepper .step.completed .circle {background-color: #522583; color: #fff;}
.stepper .step.active p{color: #522583;}
.stepper .circle {width: 30px; height: 30px; border-radius: 50%; background: #eee; line-height: 26px; text-align: center; z-index: 1; position: relative;}
.stepper .circle img{width: 16px;}
.form-step {display: none;}
.form-step.active {display: block;}
.form-step .form-check .form-check-input{margin-left: 0;}
.form-step select.form-control{
    padding: 0.94rem 1.375rem;
    font-size: 0.8125rem;
    font-weight: 400;
}
.form-step .text1{font-size: 20px; font-weight: 700; color: #522583; padding-left: 20px; margin-bottom: 10px; display: none;}
.form-step .title{font-size: 24px; font-weight: 700; color: #522583; padding-left: 20px; text-align: center; margin-bottom: 25px; }
.form-step .text{padding-left: 20px;}
.form-step .form {height: auto; padding: 0 20px; margin: 5px 0; overflow: auto;}
.form-step .form::-webkit-scrollbar {width: 0; height: 8px;}
.form-step .form::-webkit-scrollbar-track {background: #ffffff; border-radius: 10px;}
.form-step .form::-webkit-scrollbar-thumb {background: #E0E1E3; border-radius: 10px;} 
.form-step .form::-webkit-scrollbar-thumb:hover {background: #E0E1E3;}
.form-step h5{font-weight: 700; color: #522583;}
.arrow-btn{width: 24px;}
.form-step h6{color: #522583;} 
.form-step .next-step{background: #522583; color: #ffffff; border-radius: 10px; font-size: 16px; font-weight: 700; display: flex; justify-content: center; align-items: center; gap: 10px; opacity: 1; height: 45px;}
.form-step .prev-step{background: #EBD8FF; color: #ffffff; border-radius: 10px; font-size: 16px; font-weight: 700; display: flex; justify-content: center; align-items: center; gap: 10px; height: 45px;}
.form-step .btn-submit{background: #522583; color: #ffffff; border-radius: 10px; font-size: 16px; font-weight: 700; display: flex; justify-content: center; align-items: center; gap: 10px; height: 45px;}
.form-step #backBtn{margin-right: 30px;}
.register-tab-link{display: flex; justify-content: space-between; align-items: center; gap: 30px;}
.register-tab-link a{font-size: 14px; color: #CAAF66;}

.form-control, .typeahead, .tt-query, .tt-hint, .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single{
	font-size: 14px;
}

#loginSection .btn-primary{background: var(--brand-secondary); border-color: var(--brand-secondary)}

.swal2-title{font-size: 18px !important;}
.swal2-html-container{font-size: 16px !important; line-height: 20px;}

.opt-group-field{
	display: flex;
	gap: 15px;
}

.opt-group-field .opt-btn,
  .opt-group-field .l-btn {
    margin-top: 20px;
  }


.nav-item.disabled {
  cursor: not-allowed;
}

.vacancy-form .form-control:focus{
	outline: none;
    border-color: #5c27c0;
    box-shadow: 0 0 0 3px rgba(92, 39, 192, 0.1);
}

.message-popup{display: block; text-align: center; background: green;}
.message-popup p{color: #fff;}

.portal-shell .sidebar{
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.portal-shell .sidebar::-webkit-scrollbar{
    display: none;
}
.sidebar .nav .nav-item{margin: 5px 0; padding: 10px 15px;}
.sidebar .nav .nav-item .nav-link .menu-title{font-size: 18px; font-weight: 500;}
.sidebar .nav .nav-item .nav-link:hover .menu-title, .sidebar .nav .nav-item.active .nav-link .menu-title{color: #2F881B;}
.sidebar .nav .nav-item svg{display: none;}
.sidebar .nav .nav-item img{filter: brightness(0) invert(1); margin-right: 2px;}
.sidebar .nav .nav-item.active img{filter: brightness(1) invert(0);}

.dashboard-card1-wrap{display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px;}
.dashboard-card1-wrap .card{background: #ffffff; border: 1px solid #2B409580; border-radius: 6px; padding: 15px;}
.dashboard-card1-wrap .card .icon{background: #DEDEFA; width: 40px; height: 40px; border-radius: 40px; border: 4px solid #EFEFFD; display: flex;
    justify-content: center; align-items: center;}
.dashboard-card1-wrap .card h3{font-size: 18px; line-height: 25px; font-weight: 500; color: #667085; min-height: 50px; margin: 10px 0;}
.dashboard-card1-wrap .card .counter{font-size: 18px;}
.dashboard-card1-wrap .card .counter span{background: #F0F1F3; color: #667085; padding: 5px 10px; border-radius: 15px; font-size: 14px;}
.dashboard-card1-wrap .card .counter span.green{background: #E7F4EE; color: #0D894F; padding: 5px 10px; border-radius: 15px; font-size: 14px;}
.dashboard-card1-wrap .card .counter span.red{background: #FEEDEC; color: #F04438;}

.upcoming-reminders{background: #ffffff; border: 1px solid #2B409580; border-radius: 6px; padding: 30px;}
.dashboard-card2-wrap{ display: flex; flex-wrap: wrap; gap: 30px;}
.dashboard-card2-wrap .card{width: 18%; max-width: 200px; padding: 15px; border: 1px solid #2B409580; border-radius: 6px; position: relative;}
.dashboard-card2-wrap .card .close{position: absolute; top: 15px; right: 15px; content: ''; font-size: 26px; color: #667085; cursor: pointer; }
.dashboard-card2-wrap .card .icon{background: #ffffff; width: 40px; height: 40px; border-radius: 6px; border: 1px solid #EFEFFD; display: flex;
    justify-content: center; align-items: center;}
.dashboard-card2-wrap .card h3{font-size: 16px; font-weight: 400; color: #667085; margin: 10px 0;}
.dashboard-card2-wrap .card h5{font-size: 16px; font-weight: 400; color: #000000;}
.dashboard-card2-wrap .card p{font-size: 14px; font-weight: 400; color: #000000;}
#heatmap { max-width: 900px; margin: auto; }

.project-card{background: #fff; border: 1px solid #EAECF0; border-radius: 6px;}
.project-card .header-card{padding: 15px; border-bottom: 1px solid #E5E6E9; display: flex; justify-content: space-between; align-items: center;}
.project-card .header-card .page-title{font-size: 20px; margin-bottom: 10px;}
.project-card .header-card p{color: #667085; margin: 0;}
.project-card .header-card .page-title .count{background: #F7FAFF; padding: 5px 10px; border-radius: 15px; font-size: 16px; color: #0070FF;}
.project-card .header-card .btns{display: flex; gap: 15px;}
.project-card .header-card .btns .delete-btn{padding: 10px; color: #344054; text-decoration: none; font-style: italic;}
.project-card .header-card .btns .export-btn{padding: 10px; color: #344054; text-decoration: none; font-style: italic; border: 1px solid #D0D5DD; border-radius: 5px;}
.project-card .body-card{padding: 15px 0;}
.project-card .body-card table th{text-align: center;}
.project-card .body-card table td{text-align: center; color: #667085; }
.project-card .body-card table td .download-btn{color: #667085;}
.project-card .body-card table .dropdown-toggle:after{display: none;}
.project-card .body-card table .action-btns{display: flex; gap: 20px;}
.project-card .body-card table .action-btns .trash{color: #525252;}
div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate, div.dataTables_wrapper div.dataTables_filter, .dataTables_length{padding: 15px;}
th{background: transparent !important; border-top: none !important}
.dtfc-fixed-right{box-shadow: 0px 0px 4px 0px #00000033 !important;}
th.select-checkbox, td.select-checkbox{padding-right: 20px; position: relative;}
th.select-checkbox, td.select-checkbox img{width: 18px; height: 18px;}
th.select-checkbox::before, td.select-checkbox:before, th.select-checkbox::after, td.select-checkbox:after{left: 100% !important;}
.dataTables_paginate {text-align: center !important; float: none !important;}
.dataTables_wrapper .dataTables_paginate {display: flex; justify-content: center;}
/* Remove floats */
.dataTables_wrapper .col-md-7 {width: 100%;}
.dataTable-custome-filter-wrap{display: flex; justify-content: start; align-items: center; gap: 5px; padding: 10px;}
.dataTable-custome-filter-wrap input{background: #F3F7FA url(../img/tablefilter-icon/search.png) no-repeat center right 15px; background-size: 18px; border: none; border-radius: 15px; padding: 10px;}
.dataTable-custome-filter-wrap .from-group{border: 1px solid #C4C9D7; border-radius: 25px; padding: 0 10px; display: flex; justify-content: start; align-items: center;}
.dataTable-custome-filter-wrap .from-group img{width: 18px;}
.dataTable-custome-filter-wrap .from-group select{border: none; border-radius: 15px; padding: 8px 0; font-size: 14px; color: #808080;}
.calarders{display: flex; gap: 10px;}
.calarders input[type="date"]{padding: 8px; border: 1px solid #C4C9D7; border-radius: 5px;}
.inquiries-received-chart-card .rating{font-size: 16px; color: #05CD99; position: relative; padding-left: 15px; margin-left: 30px;}
.inquiries-received-chart-card .rating:after{position: absolute; left: 0; top: 5px; content:''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #05CD99;}
.inquiries-received-chart-card .order-title{font-size: 20px; color: #2B3674;}
.inquiries-received-chart-card .order-title span{font-size: 14px; color:#A3AED0;}
.dataTables_scrollBody .dropdown-menu {right: 50px !important;}
.dataTables_scrollBody .dropdown-menu .item{text-decoration: none; font-size: 14px; color: #000000; border-bottom: 1px solid #A3AED0; padding: 10px; display: block; }
.dataTables_scrollBody .dropdown-menu .item i{margin-right: 10px;}

.white-tooltip {max-width: 200px; color: #000000 !important; font-size: 13px;}
.white-tooltip::before {border-top-color: #ffffff !important;}

.white-tooltip .tooltip-inner {background-color: #ffffff !important;color: #000000 !important;border: 2px solid #dee2e6;border-radius: 6px;box-shadow: 0 4px 8px rgba(0,0,0,0.1);padding: 5px;}
.white-tooltip .tooltip-arrow::before {border-top-color: #ffffff !important;}

/* Candidate Dashboard */
.candidate-dashboard-page{
    background:#F5F3F9;
    padding:32px;
}
.candidate-dashboard-page__header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    margin-bottom:24px;
}
.candidate-dashboard-page__header h1{
    margin:0;
    font-size:28px;
    color:#2B0F4A;
}
.text-muted{
    color:#7B7D93;
    margin:6px 0 0;
}
.candidate-dashboard-page__filters{
    display:flex;
    gap:14px;
}
.candidate-dashboard-page__filters label{
    display:flex;
    flex-direction:column;
    font-size:14px;
    letter-spacing:0.04em;
    text-transform:uppercase;
    color:#7B7D93;
    font-weight:600;
}
.candidate-dashboard-page__filters input{
    border:1px solid #E5E1F3;
    border-radius:10px;
    padding:6px 14px;
    font-size:14px;
}
.cd-section{
    background:#fff;
    border-radius:18px;
    padding:24px 28px;
    border:1px solid #ECE3FF;
    box-shadow:0 20px 35px rgba(82,37,131,0.08);
    margin-bottom:24px;
}
.cd-section h2{
    margin:0 0 18px;
    color:#34154B;
}
.cd-overview-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:18px;
}
.cd-overview-card{
    display:flex;
    gap:14px;
    padding:18px;
    border-radius:16px;
    border:1px solid #E8E1F8;
    background:#FBFAFF;
}
.cd-overview-card__icon{
    width:42px;
    height:42px;
    border-radius:14px;
    background:#E7DBFF;
    display:flex;
    align-items:center;
    justify-content:center;
}
.dot{
    width:14px;
    height:14px;
    border-radius:50%;
    background:#522583;
    display:inline-block;
}
.label{
    margin:0;
    font-size:14px;
    color:#7B7D93;
}
.value-row{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:6px;
}
.value-row .value{
    font-size:30px;
    font-weight:700;
    color:#2B0F4A;
}
.badge{
    display:inline-flex;
    padding:4px 14px;
    border-radius:999px;
    font-size:14px;
    font-weight:600;
}
.badge--success{background:#E7F4EE;color:#0D894F;}
.badge--warning{background:#FFF4E0;color:#D67A00;}
.badge--secondary{background:#F2E4C5;color:#A98032;}
.badge--primary{background:#E9E0FF;color:#522583;}
.badge--muted{background:#F0F1F3;color:#63657A;}
.section-head{
    margin-bottom:18px;
}
.section-head h2{
    margin:0;
}
.section-head p{
    margin:6px 0 0;
    color:#7B7D93;
}
.cd-activity-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:16px;
}
.cd-activity-card{
    border:1px solid #E7DBFF;
    border-radius:16px;
    padding:18px;
    display:flex;
    gap:14px;
    background:#fff;
}
.cd-activity-card__icon{
    width:42px;
    height:42px;
    border-radius:14px;
    background:#F3EDFF;
    display:flex;
    align-items:center;
    justify-content:center;
}
.dot--secondary{background:#CAAF66;}
.dot--success{background:#0D894F;}
.dot--warning{background:#F39F5A;}
.dot--danger{background:#F04438;}
.cd-activity-card__top{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.cd-activity-card__top h3{
    margin:0;
    font-size:16px;
    color:#2B0F4A;
}
.cd-activity-card__top button{
    border:none;
    background:transparent;
    font-size:20px;
    color:#A0A2B3;
}
.cd-activity-card p{
    margin:6px 0 10px;
    color:#6A6C84;
}
.cd-activity-card__meta{
    display:flex;
    gap:10px;
    font-size:14px;
    color:#9B9EB6;
    align-items:center;
}
.chip{
    padding:4px 10px;
    border-radius:999px;
    font-size:14px;
    font-weight:600;
    background:#F1ECFF;
    color:#522583;
}
.chip--muted{
    background:#F0F1F3;
    color:#5E6178;
}
.cd-charts-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:24px;
}
.cd-chart-card{
    border:1px solid #E7DBFF;
    border-radius:18px;
    padding:20px;
}
.cd-chart{
    display:flex;
    gap:20px;
    align-items:center;
    flex-wrap:wrap;
}
.cd-donut{
    width:200px;
    height:200px;
    border-radius:50%;
    background:#EEEAF7;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}
.cd-donut__inner{
    width:130px;
    height:130px;
    border-radius:50%;
    background:#fff;
    box-shadow:inset 0 0 20px rgba(0,0,0,0.05);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.cd-donut__inner strong{
    font-size:30px;
    color:#2B0F4A;
}
.cd-donut__inner span{
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:0.08em;
    color:#8A8DA5;
}
.cd-donut--split{
    background:conic-gradient(#522583 0 60%, #CAAF66 60% 100%);
}
.cd-legend{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.cd-legend li{
    display:flex;
    gap:10px;
    align-items:center;
}
.cd-legend li span{
    width:14px;
    height:14px;
    border-radius:4px;
    display:inline-block;
}
.cd-legend p{
    margin:0;
    color:#2B0F4A;
    font-weight:600;
}
.cd-legend small{
    color:#7B7D93;
}

.activity-feed{
    display:flex;
    flex-direction:column;
    gap:16px;
}
.activity-card{
    display:flex;
    gap:16px;
    padding:18px;
    border:1px solid #F1ECFF;
    border-radius:18px;
    background:#FBF9FF;
}
.activity-card__icon{
    width:44px;
    height:44px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.activity-card__icon span{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#fff;
    display:block;
}
.activity-card__icon--primary{background:#522583;}
.activity-card__icon--secondary{background:#CAAF66;}
.activity-card__icon--success{background:#0D894F;}
.activity-card__icon--warning{background:#F39F5A;}
.activity-card__icon--danger{background:#F04438;}
.activity-card__top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
}
.activity-card__top h4{
    margin:0;
    font-size:16px;
    color:#2B0F4A;
}
.activity-card__dismiss{
    background:transparent;
    border:none;
    font-size:20px;
    color:#9B9EB6;
    cursor:pointer;
}
.activity-card__body{
    color:#6A6C84;
    margin:6px 0 10px;
}
.activity-card__meta{
    display:flex;
    align-items:center;
    gap:14px;
    font-size:14px;
    color:#9B9EB6;
}
.badge{
    display:inline-flex;
    padding:4px 10px;
    border-radius:999px;
    font-size:14px;
    font-weight:600;
    background:#F1ECFF;
    color:#522583;
}
.badge--muted{
    background:#EEF0F5;
    color:#5E6178;
}
.badge--outline{
    background:#fff;
    border:1px solid #E6E1F3;
    color:#522583;
}
.documents-progress__bar{
    width:100%;
    height:14px;
    border-radius:999px;
    background:#F1ECFF;
    overflow:hidden;
    margin-bottom:18px;
}
.documents-progress__bar span{
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#522583,#CAAF66);
}
.documents-progress__meta{
    display:flex;
    justify-content:space-between;
    margin-bottom:18px;
}
.documents-progress__meta strong{
    font-size:24px;
    color:#2B0F4A;
}
.btn-block{
    width:100%;
}
.btn-sm{
    padding:4px 14px;
    font-size:14px;
}
.chart-wrapper{
    display:flex;
    gap:24px;
    align-items:center;
}
.donut-chart{
    width:220px;
    height:220px;
    border-radius:50%;
    background:#F0EEF7;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}
.donut-chart__center{
    width:140px;
    height:140px;
    border-radius:50%;
    background:#fff;
    box-shadow:inset 0 0 20px rgba(0,0,0,0.05);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}
.donut-chart__center strong{
    font-size:32px;
    color:#2B0F4A;
}
.donut-chart__center span{
    font-size:14px;
    color:#7B7C94;
    text-transform:uppercase;
    letter-spacing:0.1em;
}
.chart-legend{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:14px;
}
.chart-legend li{
    display:flex;
    gap:14px;
    align-items:center;
}
.chart-legend p{
    margin:0;
    color:#2B0F4A;
    font-weight:600;
}
.chart-legend small{
    color:#7B7C94;
}
.legend-color{
    width:14px;
    height:14px;
    border-radius:4px;
    display:block;
}
.status-body{
    border-top:1px solid #F1ECFF;
    padding-top:16px;
}
.status-meta{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:10px;
}
.status-description{
    color:#6A6C84;
    margin-bottom:14px;
}
.status-progress{
    width:100%;
    height:10px;
    border-radius:999px;
    background:#F0EEF7;
    overflow:hidden;
}
.status-progress span{
    display:block;
    height:100%;
    background:linear-gradient(90deg,#522583,#CAAF66);
}
.status-progress__meta{
    margin-top:8px;
    display:flex;
    justify-content:space-between;
    font-size:14px;
    color:#7B7C94;
}
.status-progress__meta strong{
    color:#522583;
}
.empty-state{
    color:#8A8DA5;
    /*font-style:italic;*/
}
@media (max-width:1100px){
    .candidate-dashboard__grid{
        grid-template-columns:1fr;
    }
    .candidate-dashboard__hero{
        flex-direction:column;
    }
    .hero-panel{
        width:100%;
    }
}
.dataTables_scrollBody .dropdown-menu .item:last-child{border-bottom: none;}
.dataTables_scrollBody {overflow-y: auto !important; scrollbar-width: thin; scrollbar-color: #888 #f1f1f1;}
.dataTables_scrollBody::-webkit-scrollbar {width: 8px; height: 8px;}
.dataTables_scrollBody::-webkit-scrollbar-track {background: #ffffff; border-radius: 10px;}
.dataTables_scrollBody::-webkit-scrollbar-thumb {background: #E0E1E3; border-radius: 10px;}
.dataTables_scrollBody::-webkit-scrollbar-thumb:hover {background: #E0E1E3;}

.page-link.disabled, .disabled > .page-link{background-color: #fff;}
.page-link.active, .active > .page-link {color: var(--bs-pagination-disabled-color); pointer-events: none; background-color: #f9fafc; border-color: var(--bs-pagination-disabled-border-color);}

.badge{/*width: 100%;*/ border-radius: 10px;}
.badge-high{background: #F9D9C2; color: #A7361D;}
.badge-medium{background: #F9F3C2; color: #927E14;}
.badge-low{background: #D7F9C2; color: #037847;}
.badge-ongoing{background: #EEF0F4; color: #667085;}

.add-new-inquiry-card {background: #fff; border: 1px solid #EAECF0; border-radius: 6px;}
.add-new-inquiry-card .header-card{padding: 15px; border-bottom: 1px solid #E5E6E9; display: flex; justify-content: space-between; align-items: center;}
.add-new-inquiry-card .header-card .page-title{font-size: 22px; margin-bottom: 10px; color: #2B4095;}
.add-new-inquiry-card .header-card p{color: #667085; margin: 0;}.add-new-inquiry-card .header-card .btns{display: flex; gap: 15px;}
.add-new-inquiry-card .header-card .btns{display: flex; justify-content: end; align-items: center; gap: 10px;}
.add-new-inquiry-card .header-card .btns h4{font-size: 18px; margin-bottom: 0; color: #2B4095;}
.add-new-inquiry-card .header-card .btns .status-btn{padding: 10px; background: #EB281B1A; color: #EB281B; text-decoration: none; border: none; border-radius: 25px;}
.add-new-inquiry-card .body-card{padding: 30px;}
.add-new-inquiry-card .body-card .heading-text{font-size: 22px; margin-bottom: 0; color: #2B4095;}
.seprater-line{background: #D9D9D9; width: 100%; height: 1px; margin: 1rem 0;}

select.form-select{font-size: 14px; padding: 14px; border-radius: 0;}

.checkbox-btns-group{display: flex; gap: 15px;}
.checkbox-btns-group .form-check{margin: 0; display: flex; justify-content: start; align-items: center; gap: 10px;}
.checkbox-btns-group .form-check .form-check-label{margin: 0;}
.checkbox-btns-group .form-check .form-check-input{margin: 0;}

.upload-label {width: 100%; display: inline-block; padding: 16px 32px; background-color: #2e3fa8; color: #fff; font-size: 18px; font-weight: 500; border-radius: 6px; cursor: pointer; text-align: center; transition: background-color 0.3s; }
.upload-label:hover {background-color: #233283; }
.upload-input {display: none;}
.upload-container {margin: 20px 0;}
.departments{width: 100%;}
.add-new-inquiry-card .department {padding-bottom: 20px;}
.add-new-inquiry-card .department + .department{border-top: 2px solid #D9D9D9; padding-top: 20px;}
.add-new-inquiry-card .milestones {margin-top: 10px; border: 1px solid #EAECF0;}
.add-new-inquiry-card .milestone-header {display: grid; grid-template-columns: 1fr 1fr 1fr auto; background: #2B40951A; padding: 10px; font-size: 14px; font-weight: 500; text-align: center;}
.add-new-inquiry-card .milestone-row {display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 10px; padding: 10px; align-items: center;}
.add-new-inquiry-card .milestone-row + .milestone-row{border-top: 1px solid #EAECF0;}
.add-new-inquiry-card .add-more {color: #2e3fa8; font-weight: bold; cursor: pointer; font-size: 16px;}
.add-new-inquiry-card .add-milestone-btn{display: flex; justify-content: center; align-items: center; gap: 10px; font-size: 16px;}
.add-new-inquiry-card .add-milestone-btn span{background: #2e3fa8; width: 20px; height: 20px; border-radius: 100%; text-align: center; line-height: 20px; font-size: 14px; color: #fff;}

.upload-box {background: #fff; border-radius: 10px; width: 100%;}
.file-list {margin-bottom: 20px;}
.file-item {padding: 14px; border-bottom: 1px solid #eee;}
.file-info {display: flex; display: flex; align-items: center; justify-content: space-between; gap: 15px;}
.file-icon {width: 40px; height: 50px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #fff; border-radius: 6px;}
.xls { background: #2e7d32; }
.csv { background: #f57c00; }
.pdf { background: #d32f2f; }
.file-details {display: flex; flex-direction: column;}
.file-name {font-weight: bold;}
.file-size {font-size: 14px; color: #777;}
.download {color: #1a73e8; font-weight: bold; cursor: pointer;}
.progress-bar {height: 6px; background: #e0e0e0; border-radius: 6px; overflow: hidden; margin-top: 5px;}
.progress {height: 100%; width: 0%; background: #64b5f6; transition: width 0.3s;}
.drop-zone {background: #ffffff; border: 2px dashed #BDBDBD; padding: 30px; text-align: center; border-radius: 6px; cursor: pointer;}
.drop-zone .picture{background: #DEE8FA; width: 30px; height: 30px; border-radius: 100px; margin: 10px auto; display: flex; justify-content: center; align-items: center;}
.drop-zone.dragover {background: #f0f8ff; border-color: #1a73e8;}
.drop-zone p{color: #858D9D;}
.drop-zone button {margin-top: 10px; padding: 8px 16px; background: #ffffff; border: 1px solid #CAAF66; border-radius: 6px; color: #CAAF66; cursor: pointer;}

.custom-file-upload {
  position: relative;
  border: 1px solid #d6b6ff; /* light purple border */
  border-radius: 14px;
  padding: 14px 45px 14px 16px;
  cursor: pointer;
  transition: border-color 0.3s ease;
}

.custom-file-upload:hover {
  border-color: #9b6bff;
}

.custom-file-upload label {
  color: #666;
  font-size: 15px;
  margin: 0;
  pointer-events: none;
}

.custom-file-upload input[type="file"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.custom-file-upload .upload-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  color: #bbb;
  font-weight: 500;
  pointer-events: none;
}

.branch-header{margin-bottom: 10px; padding-right: 15px;}
.branch-box {/*border: 2px solid #e5d8ff; border-radius: 10px; */padding: 20px; margin-bottom: 20px;}
.add-branch-btn {background-color: #4b2ca0; color: #fff; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; font-size: 14px; line-height: 18px; cursor: pointer;}
.add-branch-btn:hover {background-color: #3a1e84;}
.form-group {margin-bottom: 15px;}
label {font-weight: 500; margin-bottom: 6px;}
label.required::after, .field-label.required::after {content: " *"; color: red;}
.form-control {border: 1px solid #e5d8ff; border-radius: 10px;}
.is-invalid {
    border-color: #dc3545 !important;
}

.invalid-feedback {
    color: #dc3545;
    font-size: 0.85em;
    margin-top: 4px;
}

/*------------------------added-new------------------------*/

.view-details-card {background: #fff; border: 1px solid #EAECF0; border-radius: 6px;}
.view-details-card .header-card{padding: 15px; border-bottom: 1px solid #E5E6E9; display: flex; justify-content: space-between; align-items: center;}
.view-details-card .header-card .page-title{font-size: 22px; margin-bottom: 10px; color: #2B4095;}
.view-details-card .header-card p{color: #667085; margin: 0;}
.view-details-card .header-card .btns{display: flex; gap: 15px;}
.view-details-card .header-card .btns{display: flex; justify-content: end; align-items: center; gap: 10px;}
.view-details-card .header-card .btns h4{font-size: 18px; margin-bottom: 0; color: #2B4095;}
.view-details-card .header-card .btns .status-btn{padding: 10px; background: #EB281B1A; color: #EB281B; text-decoration: none; border: none; border-radius: 25px;}
.view-details-card .body-card{padding: 30px;}
.view-details-card .body-card .heading-text{font-size: 22px; margin-bottom: 0; color: #2B4095;}
.view-details-card .seprater-line{background: #D9D9D9; width: 100%; height: 1px; margin: 1rem 0;}
.view-details-card .details-wrap{display: grid; grid-template-columns: repeat(5, 1fr); gap:20px;}
.view-details-card .details-wrap .details-block .icon{width: 20px; height: 20px;}
.view-details-card .details-wrap .details-block .icon img{width: 18px;}
.view-details-card .details-wrap .details-block .title{font-size: 18px; color: #101828;}

.view-details-card .key-contact-details{width: 100%; margin-top: 20px;}
.view-details-card .key-contact-details .header{display: flex; justify-content: start; align-items: center; gap: 10px;}
.view-details-card .key-contact-details .header h4{margin: 0;}
.view-details-card .key-contact-details .key-contact-details-cards{display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; padding: 20px;}
.view-details-card .key-contact-details .key-contact-details-cards .key-contact-details-card{border-radius: 30px; padding: 20px 30px; border: 1px solid #E2E6ED;}
.view-details-card .key-contact-details .key-contact-details-cards .key-contact-details-card ul{margin: 0; padding: 0; list-style: none;}
.view-details-card .key-contact-details .key-contact-details-cards .key-contact-details-card ul li{margin: 10px 0; font-size: 16px; color: #646363;}
.view-details-card .key-contact-details .key-contact-details-cards .key-contact-details-card ul li strong{display: block;}

.view-details-card .select-scope{width: 100%; margin-top: 20px;}
.view-details-card .select-scope .header{display: flex; justify-content: start; align-items: center; gap: 10px;}
.view-details-card .select-scope .header h4{margin: 0;}
.view-details-card .select-scope .header .form-select{max-width: 250px; outline-color: #408A7E; border-radius: 5px;}

.view-details-card .select-scope .select-scope-cards{display: grid; grid-template-columns: repeat(5, 1fr); padding: 15px 0; }
.view-details-card .select-scope .select-scope-cards .select-scope-card {position: relative; z-index: 1; margin: 10px 0;}
.view-details-card .select-scope .select-scope-cards .select-scope-card .sr-no{background: #2B4095; width: 30px; height: 30px; border-radius: 30px; text-align: center; font-size: 18px; font-weight: 600; color: #fff; line-height: 30px; margin: 10px auto;}
.view-details-card .select-scope .select-scope-cards .select-scope-card .sr-no::after{position: absolute; left: 0; top: 25px; content: ''; border-top: 2px dashed #C1BBEB; width: 50%; height: 2px; z-index: -1;}
.view-details-card .select-scope .select-scope-cards .select-scope-card .sr-no::before{position: absolute; right: 0; top: 25px; content: ''; border-top: 2px dashed #C1BBEB; width: 50%; height: 2px; z-index: -1;}
.view-details-card .select-scope .select-scope-cards .select-scope-card:nth-child(5n) .sr-no::before{display: none;}
.view-details-card .select-scope .select-scope-cards .select-scope-card:nth-child(5n+1) .sr-no::after{display: none;}
.view-details-card .select-scope .select-scope-cards .select-scope-card .title{display: flex; justify-content: start; align-items: center; gap: 5px;}
.view-details-card .select-scope .select-scope-cards .select-scope-card .details{background: #F7F8FAFE; width: 90%; margin: 0 auto; border: 2px solid #F0F3F7; border-radius: 5px; padding: 10px;}
.view-details-card .select-scope .select-scope-cards .select-scope-card .details ul{margin: 0; padding: 0; list-style: none;}
.view-details-card .select-scope .select-scope-cards .select-scope-card .details ul ul li{font-size: 16px; color: #000;}
.view-details-card .select-scope .select-scope-cards .select-scope-card .details ul ul li img{width: 20px;}
.view-details-card .select-scope .load-more-btn{min-width: 200px; background: #2B40951A; border: 1px solid #2B40951A; border-radius: 5px; padding: 15px; font-size: 18px; font-weight: 500; color: #4D44B5; display: block; margin: 0 auto;}

.view-details-card .documents{margin-top: 20px;}
.view-details-card .documents .header{border-bottom: 1px solid #D9D9D9; padding: 10px 0;}
.view-details-card .documents .header h4{margin: 0; color: #2B4095;}
.view-details-card .documents-wrap{width: 80%; margin: 20px auto; border-radius: 30px; padding: 20px; border: 1px solid #E2E6ED;}
.view-details-card .documents-wrap .doc-items{display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}
.view-details-card .documents-wrap .doc-items .doc-item{display: flex; justify-content: start; align-items: start; gap: 20px; border: 1px solid #D5D7DC; padding: 10px; max-width: 200px;}
.view-details-card .documents-wrap .doc-items .doc-item p{font-size: 14px; line-height: 16px; color: #9D9DA1; margin-bottom: 0;}
.view-details-card .documents-wrap .doc-items .doc-item p strong{font-weight: 600; display: block;}
.view-details-card .documents-wrap .add-more{width: 50px; background: #fff; border: 1px solid #2B40951A; border-radius: 5px; padding: 10px; font-size: 24px; font-weight: 500; color: #727385; display: block; margin: 20px auto 0;}


.invoice-history-card {background: #fff; border: 1px solid #EAECF0; border-radius: 6px;}
.invoice-history-card .header-card{padding: 15px; border-bottom: 1px solid #E5E6E9; display: flex; justify-content: space-between; align-items: center;}
.invoice-history-card .header-card .page-title{font-size: 22px; margin-bottom: 10px; color: #2B4095;}
.invoice-history-card .header-card p{color: #667085; margin: 0;}
.invoice-history-card .header-card .btns{display: flex; gap: 15px;}
.invoice-history-card .header-card .btns{display: flex; justify-content: end; align-items: center; gap: 10px;}
.invoice-history-card .header-card .btns h4{font-size: 18px; margin-bottom: 0; color: #2B4095;}
.invoice-history-card .header-card .btns .status-btn{padding: 10px; background: #EB281B1A; color: #EB281B; text-decoration: none; border: none; border-radius: 25px;}
.invoice-history-card .body-card{padding: 30px;}
.invoice-history-card .body-card .heading-text{font-size: 22px; margin-bottom: 0; color: #2B4095;}
.invoice-history-card .seprater-line{background: #D9D9D9; width: 100%; height: 1px; margin: 1rem 0;}
.invoice-history-card .details-wrap{background: #F9FAFB; display: flex; justify-content: space-between; gap:20px; border-radius: 10px;}
.invoice-history-card .details-wrap .details-block h4{font-size: 18px; color: #101828;}
.invoice-history-card .details-wrap .details-block p{margin: 0; font-size: 16px; color: #757587;}

.invoice-history-card .lists{margin-top: 30px;}
.invoice-history-card .lists .list{margin: 50px 0 0;}
.invoice-history-card .lists .list h3{font-size: 20px; color: #2B4095;}
.invoice-history-card .lists .list .list-card{border: 1px solid #EAECF0; border-radius: 6px; padding: 30px; margin-top: 10px;}
.invoice-history-card .lists .list .list-card .details-wrap{background: #fff; margin-bottom: 20px;}
.invoice-history-card .lists .list .list-card table th, .invoice-history-card .lists .list .list-card table td{padding: 15px; font-size: 14px; text-align: center;}
.vacancy-page{background:#F3F4F6;padding:30px;border-radius:16px;}
.vacancy-page__header{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:25px;}
.vacancy-page__title{font-size:20px; font-weight:500; color:#522583; margin:0;}
.vacancy-page__cta{white-space:nowrap; background:#522583; color:#fff; border:none; border-radius:6px; padding:6px 14px; font-size: 14px; line-height: 20px; font-weight:500; text-decoration:none;display:inline-flex; align-items:center; gap:8px;}
.vacancy-page__cta:focus{background:#522583; color:#fff;}
.vacancy-page__cta i{font-size: 14px;}
/*.vacancy-page__cta:hover{background:#522583;color:#fff;}*/
.vacancy-card__posted {font-size: 14px;color: #6b7280;margin-top: 6px;}
.vacancy-filter-bar{display:flex; flex-wrap:wrap; justify-content:start; align-items:center; margin-bottom:15px; gap:10px;}
.filter-bar__group{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.filter-pill{display:flex;align-items:center;gap:8px;padding:2px 14px;border:1px solid #D1D5DB;border-radius:5px;background:#fff; font-size: 14px; font-weight:400;color:#6B7280; height:38px;white-space:nowrap;}
.filter-pill select{border:none;background:transparent;font-size:14px;font-weight:400;color:#374151;padding:0 24px 0 0;min-width:80px;appearance:none;cursor:pointer;outline:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236B7280' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:10px 6px;}
.filter-pill select:focus{outline:none;}
.filter-pill .pill-icon{display:inline-flex;align-items:center;justify-content:center;color:#6B7280;flex-shrink:0;width:18px;height:18px;}
.filter-pill .pill-label{font-size:14px;color:#6B7280;font-weight:400;}
.filter-pill--search{flex:1;min-width:150px;max-width:200px;position:relative;}
.filter-pill--search input{border:none;background:transparent;font-size:14px;font-weight:400;color:#374151;width:100%;padding-right:30px;}
.filter-pill--search input:focus{outline:none;}
.filter-pill--search input::placeholder{color:#9CA3AF;}
.filter-pill--search .pill-icon--right{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;}

.vacancy-filter-bar .choices{margin-bottom: 0; border-radius: 6px;}
.vacancy-filter-bar .choices .choices__inner{background-color: #fff; padding: 0; min-height: auto; border-radius: 6px;}
.vacancy-filter-bar .choices .choices__inner .choices__input{background-color: #fff; padding: 7px 0 7px 10px; border-radius: 6px; margin: 0; font-size: 14px;
    font-weight: 400; color: #374151;}
.vacancy-filter-bar .choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item{font-size: 14px !important;}
.vacancy-filter-bar .choices__list--multiple .choices__item{padding: 2px 8px; font-size: 10px;}

.choices__list--multiple .choices__item{
    background-color: #522583;
    border: 1px solid #522583;
}

.view-toggle-single{display:flex;align-items:center;}
.toggle-btn-single{border:1px solid #D1D5DB;border-radius:5px;padding:6px 14px;font-weight:400;font-size:14px;color:#6B7280;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:all .2s ease;background:#fff;height:36px;}
.toggle-btn-single .toggle-icon{display:flex;align-items:center;justify-content:center;color:#6B7280;width:20px;height:18px;}
.toggle-btn-single:hover{background:#F9FAFB;border-color:#9CA3AF;}
.vacancy-count{margin-bottom:20px;}
.vacancy-count span{color:#caaf66;font-size:16px;font-weight:600;}
.vacancy-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;}
.vacancy-card-pagination{display:flex;justify-content:space-between;align-items:center;/*margin-top:30px;*/padding:20px 0;/*border-top:1px solid #E4D9FB;*/}
.vacancy-card-pagination .pagination-info{color:#6B7280;font-size:14px;}
.vacancy-card-pagination .pagination-links{display:flex;gap:8px;align-items:center;}
.vacancy-card{background:#fff;border:1px solid #E4D9FB;border-radius:16px;padding: 15px 24px;box-shadow:0 20px 45px rgba(107,70,193,0.08);display:flex;flex-direction:column;gap:6px; position: relative;}
.vacancy-card .recruiter-badge{border-radius: 6px; padding: 6px 10px; background: #E5DCC1; color: #522583; font-size: 12px; font-weight: 600;}
.vacancy-card .badge.badge-new{position: absolute; top: 15px; right: 14px; font-size: 10px;}
.vacancy-card__badge-row{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.vacancy-card__badge{border-radius:30px;padding:6px 14px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;}
.vacancy-card__badge.category{background:#FBF7FF;color:#522583;}
.vacancy-card__badge.match{background:#E9FBF2;color:#1C7C54;}
.vacancy-card__title{margin:0;font-size:18px;color:#522583; text-align: center; font-weight: 500; min-height: 50px;}
.vacancy-card__desc{margin:0;color:#6B7280;font-size:14px; font-weight: 600; line-height:1.5;}
.vacancy-card__details{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;color:#4B5563;font-size:14px;}
.vacancy-card__details strong{color:#522583;}
.vacancy-card__requirements{margin-top:16px;}
.vacancy-card__requirements .requirements-heading{ background: #FBF7FF; padding:5px; margin:0 0 14px;font-weight:600;color:#522583;font-size:15px;}

.vacancy-card .extra-field{	
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	gap: 5px;
}
.vacancy-card .extra-field .label-value{
	width: 48%;
	display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #374151;
    font-size: 14px;
    line-height: 1.5;
}

.extra-field-details{	
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	gap: 5px;
	margin-bottom: 20px;
}
.extra-field-details .label-value{
	display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #522583;
    font-size: 14px;
    line-height: 1.5;
    border: 1px solid #522583;
    border-radius: 6px;
    padding: 5px 10px;
    width: 24%;
    background: #fff;
}
.requirements-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;}
.requirements-list li{display:flex;align-items:flex-start;gap:8px;color:#374151;font-size:14px;line-height:1.5;}
.requirements-list li .checkmark-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;margin-top:2px;}
.requirements-list li strong{color:#374151;font-weight:600;margin-right:4px; min-width: 50px;}

.vacancy-card__actions{margin-top:20px;display:flex;justify-content: center; gap: 6px; flex-direction: column;}
.vacancy-card__actions + .vacancy-card__actions{margin-top: 0;}
.btn-view-details{background:#522583;color:#fff;border:none;border-radius:8px;padding:6px 14px; font-size: 14px; font-weight:500; text-decoration:none;display:inline-block;transition:background-color .2s ease;}
.btn-view-details:hover{background:#522583;color:#fff;}
.btn-view-details.btn-outline{background:#f3e8ff;color:#522583;border:1px solid #d8b4fe;}
.btn-view-details.btn-outline:hover{background:#e9d5ff;color:#522583;}
.vacancy-empty-state{background:#fff;border:1px dashed #E0D5FF;border-radius:16px;padding:40px;text-align:center;color:#6B7280;}
.vacancy-table{background:#fff;border:1px solid #E4D9FB;border-radius:16px;padding:10px;overflow-x:auto;}
.vacancy-table table{width:100%;border-collapse:separate;border-spacing:0;}
.vacancy-table th{background:#F5F0FF;text-align:left;padding:14px;font-size:14px;color:#522583;border-bottom:1px solid #E4D9FB;}
.vacancy-table td{padding:14px;font-size:14px;color:#4B5563;border-bottom:1px solid #F1E9FF;}
.vacancy-table tr:last-child td{border-bottom:none;}

.vacancy-table table .btn{padding: 3px 6px; font-weight: 500;}

#chatModal .max-w-\[600px\] {
    max-width: 800px;
}

#chatModal .w-\[500px\] {
    width: 800px;
}

#messages{
	max-height: 320px;
	overflow: auto;
}
.chat-wrapper{display: flex; justify-content: start; margin-top: 5px;}
.chat-wrapper .chat-message{
	background:#522583;
	color:#fff;
	text-align: left;
	padding: 4px 10px;
	border-radius: 6px;
	font-size: 14px;
	white-space: normal;
    word-break: break-all;
}

.chat-wrapper:nth-child(even){justify-content: end;}

.chat-wrapper:nth-child(even) .chat-message{
	background: #CAAF66;
	text-align: right;
}

.action-btns{position: relative;}
.action-btns .dropdown-menu.navbar-dropdown{position: absolute; top: 0; right: 0; content:''; width: 120px; background: #fff; border-radius: 5px; border: 1px solid #000; z-index: 1; margin-right: 10px !important; overflow: hidden;}
.action-btns .dropdown-menu.navbar-dropdown .link{width: 100%; display: block; padding: 5px 10px; font-size: 14px; text-align: left;}
.dropdown-toggle[aria-expanded="false"]+.dropdown-menu.navbar-dropdown{display: none;}
.dropdown-toggle[aria-expanded="true"]+.dropdown-menu.navbar-dropdown{display: block;}
.action-btns .dropdown-menu.navbar-dropdown .link{background: #fff; color: #522583; border: none;}

/* DataTables Styling */
.dataTables_wrapper .dataTables_filter{display:none !important;}
.dataTables_wrapper .dataTables_length select{border:1px solid #D1D5DB; border-radius:8px; padding:8px 14px; margin:0 5px; font-size:14px; min-width: 64px;}
.dataTables_wrapper,
.dataTables_wrapper table.dataTable,
.dataTables_wrapper table.dataTable tbody td{color:#333;}
.dataTables_wrapper table.dataTable thead th{color:#522583; font-size: 14px; font-weight: 700;}
.dataTables_wrapper .dataTables_length label{color:#333;font-weight:500;}
.dataTables_wrapper .dataTables_paginate .paginate_button{font-size: 14px; line-height: 16px;}
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button:active{border-radius:6px;margin:0 2px;padding:6px 14px;background:#522583 !important;color:#fff !important;border:none !important;outline:none;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{background:#BBA4DA !important;color:#fff !important;border:1px solid transparent !important;box-shadow:none !important;opacity:0.8;cursor:not-allowed !important;}
.paginate_button.current{background:#522583 !important; color:#fff !important; border:none !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:#522583 !important;color:#fff !important;}
.dataTables_wrapper .dataTables_info{color:#fff;font-size:14px;}
.dataTables_wrapper .dataTables_length{text-align:left;}
.dataTables_wrapper .bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:none;}
.vacancy-table .tag{background:#F2EBFF;color:#522583;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:600;}
.table-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.table-actions .link{color:#522583;font-weight:600;text-decoration:none;}
.table-actions .link.danger{color:#DC2626;background:none;border:none;padding:0;cursor:pointer;}
.table-actions form{display:inline;}
.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600;}
.status-pill.status-active{background:#DCFCE7;color:#15803D;}
.status-pill.status-closed{background:#FEE2E2;color:#B91C1C;}
.status-pill.status-draft{background:#FEF3C7;color:#B45309;}
.status-pill.status-default{background:#E5E7EB;color:#374151;}
.vacancy-pagination{margin-top:30px;}

@media(min-width:1200px) and (max-width: 1400px){
	.filter-pill--search{max-width: 170px;}
	.vacancy-filter-bar .choices {min-width: 170px;}
}

@media(max-width:1200px){
    .vacancy-card-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
    .vacancy-page__header{flex-direction:column;}
    .vacancy-filter-bar{flex-direction:column;align-items:stretch;}
    .filter-bar__group{width:100%; 	
		display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
	}
    .filter-pill--search{max-width:none;width:100%;}
    .view-toggle-single{width:100%;justify-content:start;}
    .toggle-btn-single{width:auto;}
    .vacancy-card-grid{grid-template-columns:1fr;}
    .vacancy-card-pagination{flex-direction:column;gap:15px;align-items:flex-start;}
    .dataTables_wrapper .bottom{flex-direction:column;gap:15px;align-items:flex-start;}
}
.invoice-history-card .lists .list .list-card table th{background: #2B40951A !important;}
.invoice-history-card .lists .list .list-card table td{color: #667085;}
.invoice-history-card .lists .list .list-card table td a{color: #667085;}

.milestone-popup{max-width: 600px;}
.milestone-popup .modal-content{background-color: #fff;}
.milestone-popup .modal-header{gap: 10px}
.milestone-popup .modal-header .icon{border: 1px solid #E4E7EC; border-radius: 6px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; color: #858D9D;}
.milestone-popup .modal-header .modal-title{font-size: 18px; color: #101828;}
.milestone-popup .modal-header p{font-size: 14px; color: #475467;}

.timeline{max-height: 500px; padding: 0 20px; overflow: auto; }
.timeline .item{position: relative; padding: 15px;}
.timeline .item:before{position: absolute; left: 0; top: 40%; content: ''; border-left: 1px dashed #4D44B5; width: 30px; height: 100%;}
.timeline .item:after{position: absolute; left: -6px; top: 35%; content: ''; background: #fff; border: 3px solid #4D44B5; border-radius: 14px; width: 14px; height: 14px;}
.timeline .item:last-child::before{display: none;}
.timeline .item .date{font-family: inter; font-size: 14px; font-weight: 400; color: #A098AE;}
.timeline .item .amount{font-family: inter; font-size: 18px; font-weight: 700; color: #303972; margin: 10px 0; display: flex; gap: 15px;}
.timeline .item .amount .badge{width: auto;}
.timeline .item p{font-family: inter; font-size: 14px; font-weight: 400; color: #303972; margin: 0;}

.milestone-popup .modal-body .btn-cancel{background: #fff; border: 1px solid #1018280D; border-radius: 5px;}
.milestone-popup .modal-body .btn-save{background: #5EBB48; border: 1px solid #5EBB48; border-radius: 5px; color: #fff;}
[data-bs-toggle="modal"]{cursor: pointer;}
.form-select:focus{box-shadow: 0 0 0 0; outline: noe;}

.scroll-box::-webkit-scrollbar {width: 5px; height: 5px;}
.scroll-box::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 10px;}
.scroll-box::-webkit-scrollbar-thumb {background: #888; border-radius: 10px;}
.scroll-box::-webkit-scrollbar-thumb:hover {background: #555;}



.project-timeline {margin: 20px;}
.project-timeline .day-section h3 {margin-top: 20px; color: #333; font-size: 18px;}
.project-timeline .timeline-item {position: relative; padding: 15px;}
.project-timeline .timeline-item:before{position: absolute; left: 0; top: 15px; content: ''; border-left: 1px dashed #4D44B5; width: 30px; height: 100%;}
.project-timeline .timeline-item:after{position: absolute; left: -6px; top: 15px; content: ''; background: #fff; border: 3px solid #4D44B5; border-radius: 14px; width: 14px; height: 14px;}
.project-timeline .timeline-item:last-child::before{display: none;}
.project-timeline .timeline-item .time {font-size: 14px; color: #888; display: block; margin-bottom: 5px;}
.project-timeline .timeline-item p {margin: 0; font-size: 16px; color: #303972;}
.project-timeline .attachments {margin-top: 10px;}
.project-timeline .attachments img {width: 150px; margin-right: 5px;}

/* Pagination */
.project-pagination {display: flex; justify-content: center; margin: 20px 0;}
.project-pagination button {border: 1px solid #ddd; background: #fff; padding: 6px 14px; margin: 0 2px; cursor: pointer; border-radius: 6px;}
.project-pagination button.active {background: #4a56e2; color: #fff; border-color: #4a56e2;}
.project-pagination button:hover {background: #eee;}

.uploaded-files-card{background: #fff; border: 1px solid #EAECF0; border-radius: 6px;}
.uploaded-files-card .header-card{padding: 15px 15px 0; display: flex; justify-content: space-between; align-items: center;}
.uploaded-files-card .header-card .page-title{font-size: 22px; margin-bottom: 10px; color: #2B4095;}
.uploaded-files-card .header-card .page-title .count {background: #F7FAFF; padding: 5px 10px; border-radius: 15px; font-size: 16px; color: #0070FF;}
.uploaded-files-card .header-card p{color: #667085; margin: 0;}
.uploaded-files-card .header-card .btns{display: flex; gap: 15px;}
.uploaded-files-card .header-card .btns{display: flex; justify-content: end; align-items: center; gap: 10px;}
.uploaded-files-card .header-card .btns h4{font-size: 18px; margin-bottom: 0; color: #2B4095;}
.uploaded-files-card .header-card .btns .status-btn{padding: 10px; background: #EB281B1A; color: #EB281B; text-decoration: none; border: none; border-radius: 25px;}
.uploaded-files-card .body-card{padding: 30px;}

.uploaded-files-card .lists{width: 100%;}
.uploaded-files-card .lists .list{display: flex; justify-content: space-between; gap: 10px; margin-bottom: 20px;}
.uploaded-files-card .lists .list .file-name{display: flex; justify-content: space-between; gap: 10px;}
.uploaded-files-card .lists .list h4{font-size: 16px;}
.uploaded-files-card .lists .list p{font-size: 14px; color: #706F6F; margin: 0;}
.uploaded-files-card .lists .load-more-btn {min-width: 200px; background: #2B40951A; border: 1px solid #2B40951A; border-radius: 5px; padding: 15px; font-size: 18px; font-weight: 500; color: #4D44B5; display: block; margin: 0 auto;}

td .milestone-status .dropdown {position: relative; display: inline-block;}
td .milestone-status .dropbtn {background: #EEF0F4; border: 1px solid #CDD1D9; padding: 6px 14px; cursor: pointer;
  border-radius: 6px; min-width: 230px; text-align: left; position: relative;}
td .milestone-status .dropbtn::after{font-family: FontAwesome; content:"\f107"; position: absolute; top: 7px; right: 7px; border-left: 1px solid #000; padding-left: 10px;}
td .milestone-status .dropdown-content {display: none; position: absolute; background: #fff; min-width: 200px; height: 200px; overflow-y: auto; border:1px solid #CDD1D9; border-radius: 6px; z-index: 1000; padding: 8px;}
td .milestone-status .dropdown-content label {display: block; padding: 6px; cursor: pointer; font-size: 14px; text-align: left;}
td .milestone-status .dropdown-content input {margin-right: 6px;}
td .milestone-status .dropdown.show .dropdown-content {display: block;}
td .milestone-status .dropdown-content::-webkit-scrollbar {width: 5px; height: 5px;}
td .milestone-status .dropdown-content::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 10px;}
td .milestone-status .dropdown-content::-webkit-scrollbar-thumb {background: #888; border-radius: 10px;}
td .milestone-status .dropdown-content::-webkit-scrollbar-thumb:hover {background: #555;}

/*--------------------------.project-status-popup-----------------------------------------*/
.project-status-popup {max-width: 1000px;}
.project-status-popup .modal-content{background-color: #fff;}
.project-status-popup .modal-header{gap: 10px}
.project-status-popup .modal-header .icon{border: 1px solid #E4E7EC; border-radius: 6px; width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; color: #858D9D;}
.project-status-popup .modal-header .icon img{width: 24px;}
.project-status-popup .modal-header .modal-title{font-size: 18px; color: #101828;}
.project-status-popup .modal-header p{font-size: 14px; color: #475467;}
.project-status-popup .modal-body .btn-cancel{background: #fff; border: 1px solid #1018280D; border-radius: 5px;}
.project-status-popup .modal-body .btn-save{background: #5EBB48; border: 1px solid #5EBB48; border-radius: 5px; color: #fff;}
.project-status-popup .modal-body .status-wrap{display: flex; justify-content: end; align-items: center; gap: 10px;}
.project-status-popup .modal-body .status-wrap .status{position: relative; padding-left: 25px; color: #667085;}
.project-status-popup .modal-body .status-wrap .status::after{width: 16px; height: 16px; border-radius: 100%; border: 2px solid #000; position: absolute; left: 0; top: 0; content: '';}
.project-status-popup .modal-body .status-wrap .complete::after{background: #B3F38C; border-color: #037847;}
.project-status-popup .modal-body .status-wrap .pending::after{background: #F17E74; border-color: #580E0E;}
.task-table {width: 100%; margin: 15px 0; border: 1px solid #e5e5e5;}
.task-table th, .task-table td {width:25%; border: 1px solid #e5e5e5; padding: 10px; font-size: 14px; text-align: center; vertical-align: middle;}
.task-table th {background: #f9f9f9; color:#667085; font-weight: 500;}
.task-table td .assign-options {display: flex; justify-content: center; gap: 20px; font-family: sans-serif; font-size: 14px; color: #555;}
.task-table td .assign-options .radio-btn {display: inline-flex; align-items: center; cursor: pointer; position: relative;}
.task-table td .assign-options .radio-btn input {display: none;}
.task-table td .assign-options .custom-radio {width: 16px; height: 16px; border: 1px solid #ccc; border-radius: 50%; margin-right: 8px; position: relative; box-sizing: border-box; transition: border-color 0.3s ease;}
.task-table td .assign-options .custom-radio::after {content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; background-color: transparent; border-radius: 50%; transform: translate(-50%, -50%) scale(0); transition: background-color 0.3s ease, transform 0.3s ease;}
.task-table td .assign-options .radio-btn input:checked + .custom-radio {border-color: #1abc9c;}
.task-table td .assign-options .radio-btn input:checked + .custom-radio::after {background-color: #1abc9c; transform: translate(-50%, -50%) scale(1);}
.task-table td .assign-engineer .dropdown-toggle{width: 100%; background-color: #EEF0F4; border-radius: 16px; font-size: 14px; color: #667085; display: block; padding: 5px; text-decoration: none; position: relative;}
.task-table td .assign-engineer .dropdown-toggle::after{position: absolute; top: 10px; right: 10px; border-left: 1px solid #667085; padding-left: 10px;}
.task-table td .assign-engineer .dropdown-toggle::before{position: absolute; top: 14px; left: 14px; content: ''; background: #667085; width: 5px; height: 5px; border-radius: 100%;}
.task-table td .assign-engineer .dropdown-menu{padding: 0; height: 100px; overflow: auto;}
.task-table select {width: 100%; padding: 2px 8px; border: none; border-radius: 16px; background-color: #EEF0F4; font-size: 14px; color: #667085;}
.task-table  .assign-engineer {position: relative;}
.task-table thead {position: sticky; top: 0; z-index: 2;}
.task-table tbody {display: block; max-height: 180px; overflow-y: auto;}
.task-table thead tr, .task-table tbody tr {display: table; width: 100%; table-layout: fixed;}
.task-table .engineer-item {display: flex; align-items: center; padding: 8px 10px; cursor: pointer; border-bottom: 1px solid #f0f0f0;}
.task-table .engineer-item:last-child {border-bottom: none;}
.task-table .engineer-item:hover {background-color: #f9f9f9;}
.task-table .engineer-item input[type="radio"] {display: none; margin-right: 8px;}
.task-table .engineer-item .custom-radio {width: 16px; height: 16px; border: 1px solid #ccc; border-radius: 50%; margin-right: 8px; position: relative; box-sizing: border-box; transition: border-color 0.3s ease;}
.task-table .engineer-item .custom-radio::after {content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; background-color: transparent; border-radius: 50%; transform: translate(-50%, -50%) scale(0); transition: background-color 0.3s ease, transform 0.3s ease;}
.task-table .engineer-item input:checked + .custom-radio {border-color: #1abc9c;}
.task-table .engineer-item input:checked + .custom-radio::after {background-color: #1abc9c; transform: translate(-50%, -50%) scale(1);}
.task-table .engineer-item img {width: 32px; height: 32px; border-radius: 50%; margin-right: 8px;}
.task-table .engineer-item .info {flex: 1;}
.task-table .engineer-item .name {display: block; font-weight: 500; margin-bottom: 4px;}
.task-table .engineer-item .load-bar {display: flex; height: 16px; width: 140px;background: #F17E74; border-radius: 25px; text-align: center; overflow: hidden;}
.task-table .engineer-item .load-bar .green {background: #B3F38C; height: 100%; border-radius: 25px;}
.task-table .engineer-item .load-bar .red {background: #F17E74; height: 100%;}
.task-table .engineer-item .engineer-item .score {margin-left: 8px; font-weight: 600; color: #3b4ba3;}

/* Custom select dropdown with background arrow icon */
.custom-select-arrow {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M6 8L0 0h12L6 8z' fill='%23666666'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 55%;
    background-size: 14px 8px;
    padding-right: 44px;
}

.repeater-item {
    flex-direction: row !important;
    align-items: center;
    gap: 5px;
}
.repeater-item .form-control{
	width: 100%;
}

.repeater-item .removeItem{min-width: 20px;}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){
	background: #522583 !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){
	background: red !important;
}

.choices__list--multiple .choices__item{
	background-color: #522583 !important;
    border: 1px solid #004a5c;
}

.recruiter-action, .vacancy-recruiter-action{
	font-size: 14px;
	font-weight: 500 !important;
	padding: 6px 14px !important;
}

.add-icon svg{width: 16px;}

.date-last-active-time{
    padding: 5px 0 0;
	line-height: 20px;
	font-style: italic;
}

.telant-match-user-btn{
	padding: 4px 8px;
    border: 1px solid #522583;
    border-radius: 4px;
}

.one-line{
	display: -webkit-box;
    -webkit-line-clamp: 2;   /* number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.two-line{
	display: -webkit-box;
    -webkit-line-clamp: 2;   /* number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.three-line{
	display: -webkit-box;
    -webkit-line-clamp: 3;   /* number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.employer-profile-page .select2-container .select2-selection--single{
	height: 40px;
	border-color: #d1d5db;
}
.employer-profile-page .select2-container--default .select2-selection--single .select2-selection__rendered{
	padding: 6px 12px;
}
.employer-profile-page .select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 38px;
}

.vacancy-form .select2-container .select2-selection--single{
	height: 40px;
	border-color: #d1d5db;
}
.vacancy-form .select2-container--default .select2-selection--single .select2-selection__rendered{
	padding: 6px 12px;
}
.vacancy-form .select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 38px;
}

.social-input-group{
	position: relative;
}
.social-input-group i{
	position: absolute;
	top: 12px;
	left: 12px;
}

.social-input-group .linkedin {
  color: #0077b5;
}

.social-input-group .facebook {
  color: #1877f2;
}

.social-input-group .youtube {
  color: #ff0000;
}

.social-input-group .instagram {
  background: linear-gradient(45deg, 
    #f58529, #dd2a7b, #8134af, #515bd4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.social-input-group .xing {
  color: #026466;
}

.social-input-group .field-input{
	padding-left: 35px !important;
}


.social-icons i.linkedin {
  color: #0077b5;
}

.social-icons i.facebook {
  color: #1877f2;
}

.social-icons i.youtube {
  color: #ff0000;
}

.social-icons i.instagram {
  background: linear-gradient(45deg, 
    #f58529, #dd2a7b, #8134af, #515bd4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.otp-container {
    display: flex;
    gap: 30px; 
}

.otp-input {
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 20px;
    border: 1px solid #e5d8ff;
    border-radius: 10px;
    font-size: 14px;
}

.otp-input:focus {
    border-color: #007bff;
    outline: none;
}


@media(max-width: 768px){
    .login-main-wrap{overflow-y: initial; grid-template-columns: repeat(1, 1fr);}
    .login-right-colum {height: 45vh; margin-bottom: 30px;}
	.header{justify-content: start;}
	.header-title{font-size: 14px;}
	.header-right-section{gap: 10px; right: 15px;}
	.vacancy-page{padding: 15px;}
	.choices {min-width: 160px !important;}
	.filter-btn{justify-content: center; }
	.vacancy-page__header{gap: 15px;}
	.employer-profile-page .profile-header{gap: 15px !important;}
	.employer-profile-page .profile-logo-wrapper {width: 80px !important; height: 80px !important;}
	.employer-profile-page .profile-logo{width: 80px !important; height: 80px !important;}
	.employer-profile-page .profile-meta{flex-wrap: wrap;}
	.employer-profile-page .profile-meta h1{font-size: 18px !important}
	.employer-profile-page [class*="col-"] {padding-left: 0 !important; padding-right: 0 !important;}
	.employer-profile-page .row{margin-left: 0 !important; margin-right: 0 !important;}
	.filter-btn{height: auto !important;}
	.documents-grid { grid-template-columns: repeat(1, 1fr) !important; gap: 10px !important;}
	.employer-profile-page .radio-group{flex-wrap: wrap !important;} 
    .otp-container{gap: 8px;}
}