.job-board-wrapper {font-family: 'Calibri', sans-serif !important; max-width: 1800px; margin: 0 auto; }

.job-card-apply a:focus {
    color: #fff !important;
}
/* Filter Bar */
.filter-bar {display: flex; justify-content: space-between;padding: 20px 0px;align-items: center;}
.view-toggle {border: 1px solid #e4ecf3;padding: 5px;border-radius: 10px;background-color: #fff;}
.filter-group {display: flex;gap: 10px;}
.filter-select {font-family: 'Calibri', sans-serif !important;padding: 10px 15px;border: 1px solid #e5e7eb;border-radius: 6px;outline: none;cursor: pointer;color: #003060;font-size: 14px;font-weight: 600;}
.view-btn {width: 36px;height: 36px;background: transparent;border-radius: 6px;cursor: pointer;color: #555;padding: 0 !important;line-height: 0px;
box-shadow: none;}
.view-btn:hover {background-color: transparent !important;color: #0099D6;}
.view-btn.active {background-color: #0099D6;border-color: #0099D6;color: #fff; }
.view-btn.active:hover {background-color: #0099D6 !important;border-color: #0099D6;color: #fff; }

/* Grid Layout */
.jobs-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 25px;}

/* List Layout Override */
.jobs-list { display: flex; flex-direction: column; gap: 15px; }
.jobs-list .job-card { display: flex; justify-content: space-between; align-items: center; }

/* Card Styling */
.job-card {background: #fff;border: 1px solid #e5e7eb;padding: 30px;border-radius: 10px;transition: 0.3s ease; }
.job-card:hover {border-color: #0099D6;transform: translateY(-3px);box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
.summary p {font-family: 'Calibri', sans-serif !important;font-size: 14px;color: #666;line-height: 22px;}
.job-title {font-family: 'Calibri', sans-serif !important;font-size: 18px;color: #0A1628;margin-bottom: 15px;font-weight: 700;}
.badge {padding: 5px 15px;border-radius: 20px;font-family: 'Calibri', sans-serif !important;font-size: 12px;font-weight: 600;margin-right: 8px;text-transform: uppercase;}
.badge-dept {background: rgba(0, 153, 214, 0.1);color: #0099D6;}
.badge-type {background: #f0f2f5;color: #1a1a1a;}
.job-meta {margin-bottom: 15px;}
.location {font-family: 'Calibri', sans-serif !important;font-size: 15px;color: #666;display: flex;align-items: center;gap: 0.5rem;margin-bottom: 15px;}
.loc-pin {display: inline-block;width: 9px;height: 9px;background: #0099D6;border-radius: 50% 50% 50% 0;transform: rotate(-45deg);flex-shrink: 0;}
.view-apply-btn {font-family: 'Calibri', sans-serif !important;background: #0099D6;color: #fff;padding: 8px 20px;border-radius: 6px;display: inline-block;margin-top: 20px;font-size: 14px;font-weight: 600;letter-spacing: 1px;}
.view-apply-btn:hover {color: #fff !important;}
.jobs-list .job-card-list {width: 80%;}
.jobs-list .job-card-apply {width: 20%;text-align: end;}
.jobs-list .job-card-list .summary p {margin: 0px !important;}

.pagination-wrapper {margin-top: 40px;text-align: center;}
.pagination-wrapper .page-numbers {font-family: 'Calibri', sans-serif !important;display: inline-block;padding: 5px 15px;margin: 0 4px;border-radius: 5px;background: transparent;color: #222;text-decoration: none;font-size: 14px;font-weight: 500;border: 1px solid #0099D6;}
.pagination-wrapper .page-numbers.current {background-color: transparent !important;color: #000 !important;box-shadow: 0 0 6px #0099D6, 0 0 2px #0099D6, 0 0 1px #0099D6;font-weight: 600;}
.pagination-wrapper .page-numbers:hover {background-color: transparent !important;color: #000 !important;box-shadow: 0 0 6px #0099D6, 0 0 2px #0099D6, 0 0 1px #0099D6;}

.job-card {position: relative;}
.job-card::before {content: "";position: absolute;left: 0;top: 20px;bottom: 20px;width: 3px;background: #009cd9;border-radius: 0 3px 3px 0;
opacity: .7;}
.view-apply-btn svg {vertical-align: middle;margin-left: 5px;fill: #fff;transition: transform 0.3s ease;}
.location svg {width: 15px;height: 15px;flex-shrink: 0;color: #009cd9;}
.location-badge svg {width: 15px;height: 15px;flex-shrink: 0;color: #6b7a8d;vertical-align: middle;}
.job-card-actions {display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap;margin-top: 20px;}
.job-card-actions .view-apply-btn { margin-top: 0; }
.job-share-wrap {position: relative;}
.job-share-link {display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;padding: 0;border: 0;border-radius: 6px;background: #0099d6;color: #fff;cursor: pointer;transition: background-color .2s ease, transform .2s ease;}
.job-share-link:hover, .job-share-link:focus {background: #007eaf;color: #fff;transform: translateY(-1px);}
.job-share-link svg {width: 18px;height: 18px;fill: currentColor;}
.job-share-menu {position: absolute;right: 0;top: calc(100% + 10px);z-index: 20;width: min(230px, calc(100vw - 32px));padding: 7px;background: #fff;border: 1px solid #edf0f2;border-radius: 12px;box-shadow: 0 8px 24px rgba(15, 23, 42, .14);opacity: 0;visibility: hidden;transform: translateY(6px);transition: opacity .16s ease, transform .16s ease, visibility .16s ease;}
.job-share-menu.is-open {opacity: 1;visibility: visible;transform: translateY(0);}
.job-share-menu-item {display: flex;align-items: center;gap: 12px;width: 100%;padding: 11px 10px;border: 1px solid #e4f1f7;border-radius: 7px;background: transparent;color: #17202a;font: 600 14px/1.25 'Calibri', sans-serif;text-align: left;cursor: pointer;white-space: nowrap;margin-bottom: 10px;box-shadow: none;}
.job-share-menu-item:hover, .job-share-menu-item:focus {background: #e4f1f7 !important;outline: none;border: 1px solid #e4f1f7;}
.job-share-menu-item svg {width: 18px;height: 18px;flex: 0 0 18px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;}
@media only screen and (max-width: 640px) {.job-share-menu {right: -7px;bottom: calc(100% + 8px);width: min(230px, calc(100vw - 28px));}.job-share-menu-item {padding: 12px 10px;}}

.addtoany_share_save_container.addtoany_content.addtoany_content_bottom {display: none;}


/* Media Quiery Section Start */

@media only screen and (max-width: 1580px) {}

@media only screen and (max-width: 1536px) {}

@media only screen and (max-width: 1371px) {}

@media only screen and (max-width: 1364px) {}

@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 1200px) {}

@media only screen and (max-width: 1100px) {}

@media only screen and (max-width: 1028px) {}

@media only screen and (max-width: 980px) {
    .jobs-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
}

@media only screen and (max-width: 800px) {}

@media only screen and (max-width: 750px) {
    .jobs-list .job-card {display: block;}
}

@media only screen and (max-width: 640px) {
    .filter-bar {display: block;}
    .view-toggle {margin-top: 25px;}
    .jobs-grid {display: grid;grid-template-columns: repeat(1, 1fr);gap: 15px;}
}

@media only screen and (max-width: 550px) {}

@media only screen and (max-width: 500px) {
    .filter-group {display: block;}
    .filter-select {margin-bottom: 15px;}
    .filter-select:last-child {margin-bottom: 0px;}
}

@media only screen and (max-width: 480px) {}

@media only screen and (max-width: 360px) {}

@media only screen and (max-width: 320px) {}

/* Media Quiery Section End */