.tabs {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}

.tab-btn {
    flex: 1;
    padding: 10px;
    background: #eee;
    border: none;
    cursor: pointer;
    font-weight: 600;
    border-radius: 6px;
    transition: background 0.2s;
    text-align: center;
}
.tab-btn{
    width: 100px;
}

.tab-btn.active {
    background: #de8f22;
    color: #fff;
}

.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}

.btn-primary {
    background: #de8f22;
    color: #fff;
    padding: 7px 14px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
}


.pagination {
    text-align: center;
    margin-top: 10px;
}

.pagination button {
    padding: 6px 12px;
    margin: 0 4px;
    background: #eee;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-weight: 600;
}

.pagination button.active {
    background: #0066ff;
    color: #fff;
}

.modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    justify-content: center;
    align-items: center;
    padding: 20px;
    animation: fadeIn 0.3s ease;
    z-index: 9999;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.modal-box {
    width: 700px;
    max-height: 85vh;
    margin-top: 30px;
    background: #fff;
    border-radius: unset !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    overflow-y: auto;
    animation: slideUp 0.35s ease;
    position: relative;
}

@keyframes slideUp {
    from {
        transform: translateY(30px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-header {
    padding: 18px 25px;
    background: #1e3d60;
    color: #fff;
    border-radius: unset !important;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.modal-close {
    position: absolute;
    top: 18px;
    right: 20px;
    font-size: 25px;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
}

.modal-body {
    padding: 25px;
}

.modal-body p {
    margin-bottom: 10px;
    line-height: 1.6;
    font-size: 16px;
    color: #000000 !important;
}

.btn-apply {
    background: #0066ff;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    margin-top: 15px;
}

.no-training-message {
    background-color: #eef6ff;
    color: #ff0000;
    padding: 12px 20px;
    border-radius: 6px;
    text-align: center;
    border-left: 4px solid #ff0000;
    font-size: 15px;
    margin-top: 20px;
}
.inner-style .job-item-content .postStatus {
    font-size: 15px !important;
    font-weight: 700 !important;
    background: none !important;
    display: inline-block;
    padding: 0;
}

#jobPostedText {
   color: #de8f22;
    font-size: 16px;
    margin-left: 15px;
}

.status-active {
    color: #13b913; 
    font-weight: 600;
    margin-left: 6px;
    font-size: 16px;
}

.status-expired {
    color: #f92121; 
    font-weight: 600;
    margin-left: 6px;
    font-size: 16px;
}

@media only screen and (max-width: 767px) {
    .inner-style .careers-content h4 {
        font-size: 30px !important;
    }
    .inner-style.careers-area {
        padding: 40px 0 0px !important;
    }
}
.inner-style .job-apply-button a {
    padding: 5px 10px !important;
    color: #FFFFFF !important;
    border: 2px solid #de8f22 !important;
}

.inner-style .job-apply-button a:hover {
    border: 2px solid #0C5ADB !important;
}

.inner-style.careers-area .row.add-border {
    border-bottom: 1px solid #f9f9f9; 
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.inner-style.careers-area .row.add-border:hover {
    background-color: #f9f9f9;
}
.inner-style .job-item-content h4{
    text-transform:uppercase !important;
}

@media print {

    .breadcumb-area,
    .title_section,
    .tabs,
    .toptech-button,
    .footer-botton-social-icon,
    .footer-widget-content,
    .print-hide {
        display: none !important;
    }
    
    /*.footer-area,*/
    /*.footer-area * {*/
    /*    display: none !important;*/
    /*}*/

    /*footer {*/
    /*    display: none !important;*/
    /*}*/

    /*body {*/
    /*    margin: 0;*/
    /*    padding: 0;*/
    /*    background: #fff !important;*/
    /*}*/

    /*.container,*/
    /*.inner-page-main-wrapper {*/
    /*    max-width: 100% !important;*/
    /*    width: 100% !important;*/
    /*    margin: 0 !important;*/
    /*    padding: 0 !important;*/
    /*}*/


    /*.develop_main_wrapper,*/
    /*.descript_main_wrapper,*/
    /*.job-overview-wrapper {*/
    /*    box-shadow: none !important;*/
    /*    border-radius: 0 !important;*/
    /*    margin-bottom: 20px;*/
    /*    padding: 15px 0;*/
    /*}*/

    /*h3 {*/
    /*    font-size: 22px !important;*/
    /*    color: #000 !important;*/
    /*}*/

    /*h4 {*/
    /*    font-size: 18px !important;*/
    /*    color: #000 !important;*/
    /*}*/

    /*p,*/
    /*li,*/
    /*span {*/
    /*    font-size: 14px !important;*/
    /*    color: #000 !important;*/
    /*}*/

    /*i {*/
    /*    color: #000 !important;*/
    /*}*/

    /*.develop_main_wrapper,*/
    /*.descript_main_wrapper,*/
    /*.job-overview-wrapper {*/
    /*    page-break-inside: avoid;*/
    /*}*/

}