:root {
    --theme-primary: #1c7f4e;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    /* web color */
      --Indian-Red: #ce5b5b;
    --Eucalyptus: #2a7f4f;
    --Jade: #1c9c66;
    --Dark-Seafoam: #2cb877;
    --Papaya-Orange: #ff5200;
    --Fire-Bush: #e79737;
    --Pale-Robin-Egg-Blue: #95dcce;
    --Snow-Drift: #f8f9fa;
    --Rangoon-Green: #1b1b1b;
    --gray: #51524c;
    --Dune: #333;
    --white: #ffffff;
    --Hint-Of-Green: #e8fff2;
    --Lavender-Pinocchio: #e0e0e0;
    --Bluish:#227BAE;
    --Bluish:#227BAD;
}

.navimg{
    width: 80px;
}
/* .modal-fullscreen .modal-content {
    width: 100vw;
    max-width: 100vw;
} */
.section-5 .card .dropdown-menu .dropdown-item.activeicon:hover i
{
color: rgba(43, 43, 43, 0.35);
}

.job_lists .job-card .joblist{
  display: flex;
  justify-content: space-around;  
}
.jobdec {
  display: -webkit-box;
  -webkit-line-clamp: 4;   
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* navbar start */

.recruiterlogo{
    display: flex;
    align-items: center;
    gap: 12px;
}
.jsfda-title h4 {
    font-size: 18px;
    font-weight: 700;
    color: var(--Rangoon-Green);
    margin: 0px;
  
}
.jsfda-title h5 {
    font-size: 15px;
    font-weight: 600;
    color: var(--Eucalyptus);
    margin: 4px 0px 0px;
  
}

.right-navmenu{
    display: flex;
    align-items: center;
    gap:24px;
}
#profileDropdown img{
    width: 40px;
    border: 1px solid var(--bs-gray);
}
/* Profile Toggle */
.profile-toggle{
    display:flex;
    align-items:center;
    gap:8px;
    text-decoration:none;
    color:#333;
    font-weight:500;
}

.profile-toggle img{
    width:38px;
    height:38px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid #eee;
}

/* Dropdown Menu */
.profile-menu{
    width:220px;
    border-radius:10px;
    border:none;
    padding:8px 0;
}

/* Dropdown Items */
.profile-menu .dropdown-item{
    display:flex;
    align-items:center;
    padding:10px 16px;
    font-size:14px;
    transition:all 0.25s ease;
    border-radius: 0;
    
}

.profile-menu .dropdown-item i{
    font-size:16px;
    color:#6c757d;
}

/* Hover effect */
.profile-menu .dropdown-item:hover{
    background:var(--Jade);
    color:var(--white);
}

/* Logout style */
.profile-menu .logout{
    color:var(--Indian-Red);
}

.profile-menu .logout i{
    color:var(--Indian-Red);
}

.profile-menu .logout:hover{
    background:var(--Indian-Red);
}
.dropdown-menu.dropdown-menu-end.profile-menu{
top:70px;
border-radius: 0;
padding: 0;
}
.profile-dropdown .dropdown-divider{
margin:0;
}

.profile-name{
    font-size: 12px;
    padding-top: 2px;
}
.profile-header{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    font-weight:500;
    padding:10px 15px;
    color:#333;
}

.profile-name{
    font-weight:600;
    color:#111;
}

.profile-designation{
    font-size:13px;
    color:#6c757d;
}

.divider{
    color:#bbb;
}
.profile-header:hover span{
    color: var(--white);
}
/* end */
.headline {
    margin-bottom: 20px;
    padding-left: 12px;
    border-left: 5px solid var(--Eucalyptus);
}
.headline h2 {
    font-size: 14px;
  
    color: var(--Dune);
    text-transform: uppercase;
    margin-bottom: 4px;
    letter-spacing: 0.5px;
}
.headtopic {
    color: var(--Eucalyptus);
}
.footerbg{
    background: var(--Eucalyptus);
    color: var(--white);
}

   .adminNavbar .jsfda-title h4 {
    font-size: 16px;
    }
    .adminNavbar .jsfda-title h5 {
    font-size: 12px;
    }
    .adminNavbar .navimg {
    width: 80px;
}
.adminNavbar .nav-link{
padding: 8px 4px!important;
font-size: 14px;
}
    .adminNavbar .nav-link {
      
        font-size: 14px;
    }
    .adminNavbar .offcanvas-body{
        width: 100%;
        justify-content: end;
    }
    .adminNavbar .offcanvas-header{
        display: flex;
    justify-content: space-between !important;
    width: 100%;
    border-bottom: 1px solid var(--bs-gray);
    }
    .adminNavbar .navbar-toggler {
    border: none;
    font-size: 16px;
}
.adminNavbar .navbar-nav{
    gap:12px;
}
.job-card{
    background:#fff;
    border-radius:10px;
    padding:25px;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
    transition:0.3s;
    height:100%;
}

.job-card:hover{
    transform:translateY(-6px);
    box-shadow:0 10px 30px rgba(0,0,0,0.12);
}

.job-title{
    font-size:20px;
    font-weight:600!important;
    color:#222;
    margin-bottom:10px;
}

.job-desc{
    font-size:14px!important;
    color:#666;
    line-height:1.6;
    margin-bottom:18px;
}

.job-info{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:0;
}

.job-badge{
    background:#f4f6f9;
    padding:6px 12px;
    border-radius:6px;
    font-size:13px;
    color:#444;
}

.job-badge i{
    margin-right:5px;
    color:var(--Bluish);
}
.job-badge.salary i{
    margin-right:5px;
    color:var(--white);
}
.salary{
    background:var(--Bluish);
    color:var(--white);
}
.job-btn{
    margin-top: 20px;
}
.job-btn .btn{

    display: inline-block!important;
    border-radius:6px;
    font-weight:500;
    font-size: 14px;
}
.jobdec{
    font-size: 14px;
}
/* Job Summary Card */
.job_sumary{
    padding: 20px 0;
}

/* Header */
.summery_header h3{
    font-size: 20px;
    font-weight: 600;
    color: #222;
    margin-bottom: 0;
    padding-bottom: 10px;
}

/* List Styling */
.job_content ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Each Row */
.job_content ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    border-bottom: 1px solid #eee;
    color: #555;
}

/* Remove last border */
.job_content ul li:last-child{
    border-bottom: none;
}

/* Value Styling */
.job_content ul li span{
    font-weight: 500;
    color: #111;
}

/* Card Style */
.card.shadow{
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08) !important;
}
/* job details card */
/* admin profile start ui */
/* Page Background */

/* .profile-page{
    margin-top:20px;
} */

/* Cards */
.dashprofile i{
    font-size: 30px;
    opacity: .6;
    margin-bottom: 20px;
}
.dashprofile .card{
padding: 20px;
}
.profile-card,
.password-card{
    border-radius:12px;
    background:var(--white);
    border:1px solid var(--Lavender-Pinocchio);
    transition:0.3s;
}

.profile-card:hover,
.password-card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
}
.usercard-list a{
    border-radius: 40px;
    font-size: 14px;
    padding: 8px 20px;
}
/* Section Title */

.section-title{
    font-size:20px;
    font-weight:600;
    margin-bottom:25px;
    color:var(--Rangoon-Green);
}


/* Input Fields */

.input-modern{
    height:48px;
    border-radius:8px;
    border:1px solid var(--Lavender-Pinocchio);
    padding-left:14px;
    font-size:14px;
    /* background:var(--Snow-Drift); */
    transition:0.3s;
}

.input-modern:focus{
    border-color:var(--Dark-Seafoam);
    box-shadow:0 0 0 3px rgba(44,184,119,0.15);
    background:var(--white);
}

/* Button */

.btn-modern{
    background:var(--theme-primary);
    color:var(--white);
    border:none;
    padding:10px 30px;
    border-radius:8px;
    font-weight:500;
    transition:0.3s;
}

.btn-modern:hover{
    background:var(--Eucalyptus);
    color: var(--white);
}

/* Card Footer */

.card-footer{
    background:var(--Snow-Drift);
    border-top:1px solid var(--Lavender-Pinocchio);
}

/* Optional Accent Border */

.profile-card{
    border-left:4px solid var(--Dark-Seafoam);
}

.password-card{
    border-left:4px solid var(--Papaya-Orange);
}
   /* Form Input Design */

.form-control{
height:50px;
border-radius:10px;
border:1px solid var(--Lavender-Pinocchio);
/* background:var(--Snow-Drift); */
padding:12px 16px;
font-size:14px;
color:var(--Rangoon-Green);
transition:all 0.25s ease;
}

/* Hover */

.form-control:hover{
border-color:var(--Pale-Robin-Egg-Blue);
}

/* Focus */

.form-control:focus{
background:var(--white);
border-color:var(--Dark-Seafoam);
box-shadow:0 0 0 3px rgba(44,184,119,0.15);
}

/* File Input */

/* input[type="file"].form-control{
padding:8px;
background:var(--Hint-Of-Green);
border:1px dashed var(--Dark-Seafoam);
cursor:pointer;
} */

/* Label */

label{
font-weight:500;
color:var(--Dune);
margin-bottom:6px;
}

/* Error text */

.text-danger{
color:var(--Indian-Red) !important;
font-size:13px;
}
.upload-box{
background:var(--Hint-Of-Green);
border:2px dashed var(--Dark-Seafoam);
padding:18px;
border-radius:10px;
text-align:center;
transition:0.3s;
}

.upload-box:hover{
background:var(--Snow-Drift);
border-color:var(--Jade);
}
/* Modal Style */

.profile-modal{
border-radius:12px;
overflow:hidden;
}

/* Profile Preview */

.profile-preview{
width:200px;
height:200px;
margin:auto;
border-radius:50%;
overflow:hidden;
border:4px solid #e8fff2;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
}

.profile-preview img{
width:100%;
height:100%;
object-fit:cover;
}
.profile-modal input[type="file"].form-control{
   padding:8px!important;
}
.profile-modal .form-control{
  height: auto;
}

/* end */
/* login start */
   .loginsec{
   min-height: 68vh;
   }
   .loginsec .login-card{
   border-radius:12px;
   background:var(--white);
   }
   /* Title */
   .loginsec .login-title{
   font-size: 24px;
   font-weight:800!important;
   color:var(--Rangoon-Green);
   margin-bottom: 20px;
   position: relative;
   padding-bottom: 6px;
   }
    .loginsec .login-title::after{
        content: '';
        width: 30px;
        height: 1px;
        background: var(--theme-primary);
        position: absolute;
        bottom: 0;
        left: 0;
    }
   /* Inputs */
   .loginsec .input-modern{
   height:40px;
   border-radius:8px;
   border:1px solid var(--Lavender-Pinocchio);
   /* background:var(--Snow-Drift); */
   padding:10px 14px;
   font-size:14px;
   }
   .loginsec .input-modern:focus{
   border-color:var(--Dark-Seafoam);
   box-shadow:0 0 0 3px rgba(44,184,119,0.15);
   background:var(--white);
   }
   /* Button */
   .loginsec .login-btn{
   background:var(--Dark-Seafoam);
   border:none;
   padding:8px;
   border-radius:8px;
   font-weight:500;
   color:var(--white);
   }
   .loginsec .login-btn:hover{
   background:var(--Eucalyptus);
   }
   /* Captcha */
   .loginsec .captcha-box{
   display:flex;
   gap:10px;
   align-items:center;
   background: transparent;
   }
   .loginsec .captcha-display{
   display:flex;
   align-items:center;
   gap:8px;
   background:var(--Snow-Drift);
   border:1px solid var(--Lavender-Pinocchio);
   border-radius:8px;
   padding:6px 10px;
   }
   .loginsec #captchaText{
   font-weight:600;
   letter-spacing:2px;
   color:var(--Rangoon-Green);
   }
   .loginsec #refreshCaptcha{
   border:none;
   background:transparent;
   font-size:16px;
   cursor:pointer;
   }
   /* Links */
   .loginsec .forgot-link{
   font-size:13px;
   color:var(--Bluish);
   text-decoration:none;
   }
   .loginsec .register-text{
   font-size:14px;
   }
   .loginsec .login-page .form-label{
   margin-bottom: 4px;
   font-size: 14px;
   }
   
   /* login end */
      .job-appshowdetail .job_details_header{
background:var(--white);
border-radius:12px;
}

/* Card */

.job-appshowdetail.card{
border-radius:14px;
border:1px solid var(--Lavender-Pinocchio);
}

.job-appshowdetail .card:hover{
transform:translateY(-3px);
transition:0.3s;
box-shadow:0 12px 25px rgba(0,0,0,0.08);
}

/* Job Title */

.job-appshowdetail .jobs_conetent h4{
font-weight:700;
color:var(--Rangoon-Green);
}

/* Job Meta */

.job-appshowdetail .links_locat p{
font-size:14px;
color:var(--gray);
}

.job-appshowdetail .links_locat i{
color:var(--Dark-Seafoam);
margin-right:6px;
}

/* Applicant Section */

.job-appshowdetail .border-top{
border-top:1px solid var(--Lavender-Pinocchio)!important;
}


/* Status Badge */

.job-appshowdetail .badge{
padding: 12px 20px;
font-size:14px;
border-radius:6px;
}
.job-appshowdetail .badge.text-dark{

color: var(--Papaya-Orange)!important;
}

/* Buttons */

.job-appshowdetail .btn-primary{
background:var(--Dark-Seafoam);
border:none;
}

.job-appshowdetail .btn-primary:hover{
background:var(--Eucalyptus);
}

/* Document Buttons */

.job-appshowdetail .btn-sm{
font-size:13px;
padding:6px 10px;
}

/* Section Heading */

.job-appshowdetail h6{
font-weight:600;
color:var(--Dune);
}
.job-appshowdetail .status-approved{
background:var(--Dark-Seafoam);
color:white;
}

.job-appshowdetail .status-rejected{
background:var(--Indian-Red);
color:white;
}

.job-appshowdetail .status-pending{
background:var(--Papaya-Orange);
color:white;
}


/* Table */

.job-appshowdetail .table{
margin-bottom:0;
font-size:14px;
}

/* Header */

.job-appshowdetail .table thead th{
background:var(--Snow-Drift);
color:var(--Dune);
font-weight:600;
}

/* Rows */

.job-appshowdetail .table tbody tr{
transition:0.2s;

}

.job-appshowdetail .table tbody tr:hover{
background:var(--Hint-Of-Green);
}

/* Column Titles */

.job-appshowdetail .table th{
width:30%;
background:var(--Snow-Drift);
font-weight:600;
color:var(--Rangoon-Green);
padding: 16px 12px!important;
}

/* Data Cells */

.job-appshowdetail .table td{
background:var(--white);
color:var(--gray);
padding: 16px 12px!important;
}
.section-5 .card-form textarea {
    height: 120px!important;
}
.jobs-cust .card-form textarea{
height: auto!important;
}
.otp-field {
    flex-direction: row;
    column-gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.otp-field input {
    height: 45px;
    width: 42px;
    border-radius: 6px;
    outline: none;
    font-size: 1.125rem;
    text-align: center;
    border: 1px solid #ddd;
}

.otp-field input:focus {
    box-shadow: 0 1px 0 rgba(var(--theme-primary), 0.2);
}

.otp-field input::-webkit-inner-spin-button,
.otp-field input::-webkit-outer-spin-button {
    display: none;
}

.resend {
    font-size: 12px;
}
      .captcha-row {
    display: flex;
    gap: 10px;
    align-items: center;
}

.captcha-row input {
    flex: 1;
    height: 45px;
}

.captcha-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 130px;
    height: 45px;
    padding: 0 10px;
    background: #f1f1f1;
    border-radius: 6px;
    font-weight: bold;
    letter-spacing: 2px;
}

.captcha-box button {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 20px;
    color: blue;
}
.applyjobs input[type="file"].form-control {
    padding: 12px 16px!important;
}
  .navbar-light .navbar-toggler  {
    border: 0;
    font-size: 16px;
  }
      .notice-bar {
    display: flex;
    align-items: center;
    background: #c9ffe48a;
    overflow: hidden;
    height: 45px;
    border-bottom: 1px solid #bcffde;
}
 .notice-bar marquee {
   display: flex;
   align-items: center;
 }
.notice-title {
    background: #1c7f4e;
    color: #fff;
    font-weight: 600;
    padding: 12px 20px;
    white-space: nowrap;
    height: 100%;
    display: flex;
    align-items: center;
}

.notice-bar marquee {
    flex: 1;
    padding: 0 15px;
}

.notice-link {
    color: #333;
    text-decoration: none;
    font-weight: 500;
}

.notice-link:hover {
    color: #dc3545;
    text-decoration: underline;
}
.notice-separator {
    margin-left: 10px;
}

.notice-separator img{
    width: 30px;
    height: auto;
    vertical-align: middle;
    margin-right: 5px;
}
.notice-ad{
    font-size: 14px;
    color: #1c7f4e;
}
  .job-card {
    width: 100%;
    background: #fff;
    border: 1px solid #e5ebe7;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.07);
    transition: all 0.25s ease;
    height: 100%;
}

.job-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.10);
}


/* Top */

.job-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.status-badge,
.recruitment-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    border-radius: 8px;
    background: #eaf6ef;
    color: #126638;
    font-size: 13px;
    font-weight: 600;
}

.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #08783c;
}


/* Header */

.job-header {
    display: flex;
    align-items: center;
    gap: 17px;
    padding-bottom: 20px;
}

.job-icon {
    width: 72px;
    height: 72px;
    min-width: 72px;
    border-radius: 50%;
    background: #edf8f2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #08783c;
    font-size: 27px;
}

.job-title-area {
    min-width: 0;
}

.job-title-area h2 {
    margin: 0;
    color: #111518;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25;
}

.job-title-area h3 {
    margin: 2px 0 9px;
    color: #343c40;
    font-size: 15px;
    font-weight: 500;
}

.job-title-area p {
    margin: 0;
    color: #444d51;
    font-size: 13px;
}

.job-title-area strong {
    color: #08783c;
}


/* Information */

.job-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* border-top: 1px solid #e5e9e7;
    border-bottom: 1px solid #e5e9e7;
    padding: 18px 0; */
}

.job-info-item {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 12px;
}

.job-info-item:first-child {
    padding-left: 0;
}

.job-info-item:last-child {
    padding-right: 0;
}

.info-icon {
    color: #08783c;
    font-size: 20px;
    min-width: 25px;
}

.job-info-item span {
    display: block;
    color: #667078;
    font-size: 12px;
    margin-bottom: 3px;
}

.job-info-item strong {
    display: block;
    color: #15191b;
    font-size: 14px;
    font-weight: 700;
}


/* Location */

.job-location {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 14px;
    color: #59636a;
    font-size: 13px;
}

.job-location i {
    color: #08783c;
}


/* Buttons */

.job-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 18px;
}

.job-actions a {
    height: 44px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s ease;
}

.btn-view {
    background: #fff;
    color: #18201d;
    border: 1px solid #9da9a4;
}

.btn-view:hover {
    background: #f3f8f5;
    color: #08783c;
    border-color: #08783c;
}

.btn-apply {
    background: #08783c;
    color: #fff;
    border: 1px solid #08783c;
}

.btn-apply:hover {
    background: #065f30;
    color: #fff;
}

    .job-post-table {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.job-post-table thead th {
    background: #f8fafc;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
    padding: 12px 14px;
    border-bottom: 1px solid #e5e7eb;
    white-space: nowrap;
}

.job-post-table tbody td {
    padding: 14px;
    vertical-align: middle;
    border-bottom: 1px solid #f1f5f9;
    color: #475569;
    font-size: 13px;
}

.job-post-table tbody tr:last-child td {
    border-bottom: none;
}

.job-post-table tbody tr:hover {
    background: #f8fafc;
}

.post-name {
    color: #1e293b;
    font-size: 14px;
}

.vacancy-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #eff6ff;
    color: #2563eb;
    border-radius: 6px;
    padding: 5px 9px;
    font-size: 12px;
    font-weight: 600;
}

.qualification-text {
    color: #475569;
    line-height: 1.5;
}

.already-applied {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #cbd5e1 !important;
    cursor: not-allowed !important;
}

.application-closed {
    opacity: .6;
    cursor: not-allowed !important;
}
.deskdesh-profile{
    display: flex;
    align-items: center;
    gap: 8px;
}
.deskdesh-profile .cust-user{
    line-height: 12px;
}
.phpdebugbar-restore-btn{
    display:none!important;
}
/* =========================================
   ADDRESS CARDS
========================================= */

.address-card {
    border: 1px solid #dee2e6;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    transition: 0.2s ease;
}

.address-card:hover {
    border-color: #b8c2cc;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
}

.address-card-header {
    padding: 13px 16px;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

.address-card-body {
    padding: 18px;
}

.address-icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 7px;
    border-radius: 50%;
    background: #e9ecef;
    color: #495057;
    font-size: 13px;
}

.address-card textarea {
    min-height: 110px;
    resize: none;
    overflow-y: hidden;
}

.same-address-box {
    padding: 10px 12px;
    border: 1px solid #dee2e6;
    border-radius: 7px;
    background: #f8f9fa;
}

.same-address-box .form-check-input {
    cursor: pointer;
}

.same-address-box .form-check-label {
    cursor: pointer;
}
    .uploaded-file-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 12px 14px;
    transition: all 0.2s ease;
}

.uploaded-file-card:hover {
    border-color: #b8c7e6;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
}

.file-icon {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: #fff1f2;
    color: #dc3545;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

.min-width-0 {
    min-width: 0;
}
.photo-preview {
    width: 60px;
    height: 60px;
    border-radius: 7px;
    overflow: hidden;
    border: 1px solid #dee2e6;
    background: #fff;
    flex-shrink: 0;
}
.photo-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.signature-preview {
    width: 80px;
    height: 30px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #dee2e6;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.signature-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
   .captcha-display {
    display: flex;
    align-items: center;
    gap: 10px;
}

#captchaText {
    font-size: 18px;
    font-weight: 600;
    padding: 6px 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #f8f8f8;
}

#refreshCaptcha {
    border: none;
    background: transparent;
    font-size: 22px;
    cursor: pointer;
}

.post-detail-card {
    border: 1px solid #dee2e6;
    border-radius: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    background: #fff;
}

/* Header */

.post-detail-header {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 18px 20px;

    background: #f8fafc;
    border-bottom: 1px solid #dee2e6;
}

.post-title-area {
    display: flex;
    align-items: center;
    gap: 12px;
}

.post-number {
    padding: 5px 10px;

    background: #eaf2ff;
    color: #0d6efd;

    border-radius: 5px;

    font-size: 13px;
    font-weight: 600;
}

.post-title-area h5 {
    margin: 0;

    color: #0b3d70;

    font-size: 19px;
    font-weight: 600;
}

/* Vacancy */

.vacancy-area {
    text-align: center;
}

.vacancy-label {
    display: block;

    color: #6c757d;

    font-size: 12px;
}

.vacancy-value {
    display: inline-block;

    min-width: 35px;

    margin-top: 3px;
    padding: 4px 10px;

    background: #198754;
    color: #fff;

    border-radius: 5px;

    font-weight: 600;
}

/* Detail Row */

.post-detail-row {
    display: grid;

    grid-template-columns: 190px 1fr;

    gap: 20px;

    padding: 18px 20px;

    border-bottom: 1px solid #edf0f2;
}

.post-detail-row:last-child {
    border-bottom: none;
}

.post-detail-label {
    color: #0b3d70;

    font-weight: 600;

    display: flex;
    align-items: flex-start;

    gap: 8px;
}

.post-detail-label i {
    margin-top: 4px;

    width: 18px;
}

.post-detail-value {
    color: #374151;

    line-height: 1.7;
}

.post-detail-value p:last-child {
    margin-bottom: 0;
}

.post-detail-value ul,
.post-detail-value ol {
    margin-bottom: 0;
    padding-left: 22px;
}

.post-detail-value li {
    margin-bottom: 5px;
}
/* Responsive */

@media (max-width: 767px) {

    .job-card {
        padding: 16px;
    }

    .job-card-top {
        gap: 8px;
    }

    .status-badge,
    .recruitment-badge {
        font-size: 11px;
        padding: 6px 9px;
    }

    .job-icon {
        width: 60px;
        height: 60px;
        min-width: 60px;
        font-size: 23px;
    }

    .job-title-area h2 {
        font-size: 18px;
    }

    .job-title-area h3 {
        font-size: 14px;
    }

    .job-info {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .job-info-item {
        padding: 0 !important;
    }

   

    .job-actions {
        grid-template-columns: 1fr;
    }
}
@media(max-width:1400px){
.cust-hero h1{
    font-size: 50px;
}
.cust-hero p {
    font-size: 18px;

}

}
@media(max-width:1200px){
    .adminNavbar .jsfda-title h4 ,.cust-navbar .jsfda-title h4 {
    font-size: 14px;
    }
    .adminNavbar .jsfda-title h5 ,.cust-navbar .jsfda-title h5 {
    font-size: 12px;
    }
    .adminNavbar .navimg ,.cust-navbar .navimg{
    width: 60px;
}
.adminNavbar .nav-link ,.cust-navbar .nav-link{
padding: 8px 4px!important;
font-size: 14px;
}
.adminNavbar .navbar-nav ,.cust-navbar .navbar-nav{
    gap:8px;
}
}
@media(max-width:992px){
    .recruit-mobile{
        display: flex;
        align-items: center;
        gap:8px;
    }
   
    .adminNavbar .recruit-mobile .jsfda-title h4 {
        font-size: 12px;
    }
      .adminNavbar .recruit-mobile .jsfda-title h5 {
        font-size: 10px;
    }
    .adminNavbar .recruit-mobile .navimg {
        width: 45px;
    }
    .adminNavbar .nav-item{

line-height: 30px;
    }
    .adminNavbar .navbar-toggler{
        padding: 0;
    }
    .deskdesh-profile{
        display: flex;
        align-items: center;
        gap:20px;
    }
    .offcanvas-header.mobileoffcanva .recruiterlogo{
gap: 0px;
    }
     
     .offcanvas-header.mobileoffcanva .recruiterlogo h4{
        display: none;
     }
       .offcanvas-header.mobileoffcanva .recruiterlogo h5{
        display: none;
     }
     .cust-hero h1 {
        font-size: 30px;
    }
        .cust-hero p {
        font-size: 14px;
    }
    h3 {
    font-size: 24px;
}
}
@media(max-width:768px){
    .section-0 {
    min-height: 450px;
    }
}
@media(max-width:560px){
       .adminNavbar .navimg {
        width: 45px;
    } 
    .recruiterlogo {
    gap: 4px;
}
 
        .adminNavbar .jsfda-title h4 {
        font-size: 10px;
    }
         .adminNavbar .jsfda-title h5 {
        font-size: 8px;
    }
}
@media(max-width:425px){
    .jsfda-title.admin-title{
    display: none;
}
  
}

@media(max-width:375px){

}