/* KEJARA adaptation of the existing Timido components. Vendor styles remain intact. */
:root {
  --kejara-navy: #012e58;
  --kejara-teal: #019ca1;
  --kejara-orange: #fd7802;
  --kejara-ink: #263c4e;
  --kejara-muted: #526574;
  --kejara-paper: #f5f8fa;
  --kejara-line: #d5dfe5;
}
.kejara-site { color: var(--kejara-ink); background: #fff; }
.kejara-site :is(h1,h2,h3,h4,h5,h6) { color: var(--kejara-navy); text-transform: none; }
.kejara-site p { color: var(--kejara-muted); line-height: 1.75; }
.kejara-site a { color: var(--kejara-navy); }
.kejara-site a:hover { color: var(--kejara-navy); text-decoration: underline; text-underline-offset: .25em; }
.kejara-site .sub { color: var(--kejara-navy); }
.kejara-site .sub::before { background: var(--kejara-teal); }
.kejara-site .section-title h2 { text-transform: none; }
.kejara-site :focus-visible { outline: 3px solid var(--kejara-orange); outline-offset: 5px; }
.kejara-site main:focus { outline: none; }
.skip-link { position: fixed; left: 20px; top: -100px; z-index: 1100; background: #fff; padding: 12px 20px; }
.skip-link:focus { top: 12px; }
.kejara-site .default-btn { background: var(--kejara-orange); color: var(--kejara-navy); border-color: var(--kejara-orange); box-shadow: 2px 2px 0 var(--kejara-navy); font-weight: 600; white-space: normal; text-align: center; line-height: 1.5; }
.kejara-site .default-btn:hover, .kejara-site .default-btn:focus-visible { background: var(--kejara-navy); border-color: var(--kejara-navy); color: #fff; text-decoration: none; }
.kejara-site .secondary-btn { background: transparent; color: var(--kejara-navy); border: 1px solid var(--kejara-navy); box-shadow: none; }
.kejara-actions { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.kejara-site .navbar { padding: 14px 0; background: transparent; position: absolute; width: 100%; top: 0; }
.kejara-site .navbar.sticky { position: fixed; padding: 8px 0; background: #fff; }
.kejara-site .navbar .wrap-inner { background: var(--kejara-navy); padding: 14px 20px; border-radius: 12px; }
.kejara-site .navbar .navbar-brand { margin-right: 22px; padding: 9px 12px; background: #fff; border-radius: 4px; flex: 0 0 198px; }
.kejara-site .navbar-brand img { width: 174px; height: auto; }
.kejara-site .navbar .navbar-nav { margin: 0 auto; gap: 1px; }
.kejara-site .navbar .navbar-nav .nav-item { margin: 0; }
.kejara-site .navbar .navbar-nav .nav-link { color: #fff; padding: 12px 10px; font-size: 14px; font-weight: 500; }
.kejara-site .navbar .navbar-nav .nav-link:hover, .kejara-site .navbar .navbar-nav .nav-link.active { color: #fff; text-decoration: underline; text-decoration-color: var(--kejara-orange); text-decoration-thickness: 2px; text-underline-offset: 8px; }
.kejara-site .navbar .default-btn { font-size: 13px; padding: 13px 16px; box-shadow: none; flex: 0 0 auto; }
.kejara-site .navbar-toggler .burger-menu span { background: #fff; }
.kejara-mobile { background: var(--kejara-paper); max-width: 92vw; }
.kejara-mobile .offcanvas-header { border-bottom: 1px solid var(--kejara-line); }
.kejara-mobile .navbar-nav { margin-bottom: 24px; }
.kejara-mobile .nav-link { padding: 13px 0; color: var(--kejara-navy); border-bottom: 1px solid var(--kejara-line); }
.kejara-mobile .nav-link.active { font-weight: 700; }
.kejara-mobile .kejara-contact-list { margin-top: 28px; }
.kejara-home .outsourcing-banner-area { background-image: url('../images%20to%20use/banner1-1.jpg'); background-position: center 42%; padding-top: 160px; padding-bottom: 75px; min-height: 860px; }
.kejara-home .outsourcing-banner-area::before { background: linear-gradient(180deg,rgba(1,46,88,.16) 10%,rgba(1,29,55,.25) 35%,rgba(1,29,55,.92) 100%); transform: none; }
.kejara-home .outsourcing-banner-top-content { margin-bottom: 250px; }
.kejara-home .outsourcing-banner-top-content p { color: #fff; font-size: 18px; max-width: 390px; text-shadow: 0 1px 8px #012e58; }
.kejara-home .outsourcing-banner-content h1 { color: #fff; font-size: clamp(44px,5.6vw,84px); line-height: 1.08; letter-spacing: -.045em; max-width: 900px; margin: 20px 0 32px; }
.kejara-home .outsourcing-banner-content .sub { border-color: rgba(255,255,255,.65); color: #fff; }
.kejara-home .outsourcing-banner-content .secondary-btn { color: #fff; border-color: #fff; }
.kejara-home .outsourcing-banner-content .secondary-btn:hover { background: #fff; color: var(--kejara-navy); }
.kejara-home .outsourcing-banner-content .info-items { background: rgba(1,46,88,.65); }
.kejara-home .outsourcing-banner-content .info-items :is(h3,h4,p) { color: #fff; }
.kejara-home .outsourcing-banner-content .info-items h3 { font-size: 23px; line-height: 1.4; }
.kejara-site .outsourcing-about-content h2 { font-size: clamp(30px,3.2vw,46px); }
.kejara-site .outsourcing-about-content .image { margin: 28px 0; }
.kejara-site .outsourcing-about-content .image img { width: 100%; max-height: 390px; object-fit: cover; border-radius: 12px; }
.kejara-site .outsourcing-about-inner-content img { width: 100%; object-fit: cover; border-radius: 12px; }
.kejara-site .outsourcing-about-inner-content .left img { max-height: 290px; }
.kejara-site .outsourcing-about-inner-content .right img { max-height: 380px; }
.kejara-site .outsourcing-values-card { border-left: 2px solid var(--kejara-teal); padding-left: 22px; height: 100%; }
.kejara-site .outsourcing-values-card h3 { margin-top: 0; }
.kejara-site .outsourcing-services-area { background: var(--kejara-paper); }
.kejara-site .outsourcing-services-items .item { border-color: var(--kejara-line); }
.kejara-site .outsourcing-services-items .services-content { padding-top: 25px; padding-bottom: 25px; }
.kejara-site .outsourcing-services-items .services-content .number { color: var(--kejara-teal); border-color: var(--kejara-teal); background: transparent; }
.kejara-site .outsourcing-services-items .services-content h3 { font-size: clamp(30px,3vw,44px); }
.kejara-site .outsourcing-services-items .services-image { min-height: 320px; }
.kejara-site .outsourcing-services-items .services-image a { display: block; height: 100%; }
.kejara-site .outsourcing-services-items .services-image img { width: 100%; height: 370px !important; object-fit: cover; border-radius: 15px; }
.kejara-site .outsourcing-choose-content img { width: 100%; object-fit: cover; border-radius: 12px; }
.kejara-site .outsourcing-faq-accordion .accordion-item { background: #fff; border-color: var(--kejara-line); }
.kejara-site .outsourcing-faq-accordion .accordion-button { background: #fff; color: var(--kejara-navy); text-transform: none; padding: 22px 46px 22px 20px; line-height: 1.5; }
.kejara-site .outsourcing-faq-accordion .accordion-button:not(.collapsed) { background: var(--kejara-paper); color: var(--kejara-navy); box-shadow: none; }
/* Avoid a missing icon glyph: Bootstrap's supplied accordion SVG remains the control affordance. */
.kejara-site .outsourcing-faq-accordion .accordion-button::before { display: none; }
.kejara-site .outsourcing-faq-accordion .accordion-button::after { content: ''; font-family: inherit; width: 20px; height: 20px; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-position: center; position: absolute; right: 18px; }
.kejara-site .outsourcing-faq-accordion .accordion-button:not(.collapsed)::after { transform: rotate(180deg); }
.kejara-site .outsourcing-faq-accordion .accordion-body { padding: 20px; line-height: 1.75; }
.kejara-site .outsourcing-cta-area { background-image: url('../images%20to%20use/wcu1-1.jpg'); padding: 90px 0; }
.kejara-site .outsourcing-cta-area::before { background: var(--kejara-navy); opacity: .9; }
.kejara-site .outsourcing-cta-area :is(h2,a,span) { color: #fff; }
.kejara-site .outsourcing-cta-content .kejara-contact-list { display: flex; justify-content: center; flex-wrap: wrap; gap: 24px 45px; }
.kejara-site .outsourcing-work-area { background: #fff; }
.kejara-site .outsourcing-work-area .container-fluid { max-width: 1320px; padding: 0 24px; }
.kejara-site .outsourcing-work-card { width: 100%; height: auto; aspect-ratio: 1; border-color: var(--kejara-line); border-radius: 50%; padding: 35px; margin: 0; background: var(--kejara-paper); }
.kejara-site .outsourcing-work-card .inner { max-width: 290px; }
.kejara-site .step-number { display: block; font-size: 40px; line-height: 1; margin-bottom: 24px; color: var(--kejara-teal); }
.kejara-site .outsourcing-work-card p { font-size: 15px; }
.kejara-site .outsourcing-case-studies-area { background: var(--kejara-paper); }
.kejara-site .outsourcing-case-studies-items .item { padding: 35px 0; }
.kejara-site .outsourcing-case-studies-items .left { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.kejara-site .outsourcing-case-studies-items .left .image { width: auto; max-width: none; flex: none; }
.kejara-site .outsourcing-case-studies-items .left .image img { width: 100%; height: 320px !important; object-fit: cover; }
.kejara-site .outsourcing-case-studies-items .left .content { max-width: none; width: auto; padding: 0; }
.kejara-site .outsourcing-case-studies-items .left .content h3 { font-size: 36px; }
.kejara-site .outsourcing-solutions-card { background: var(--kejara-paper); border: 1px solid var(--kejara-line); padding: 25px; height: 100%; display: flex; align-items: center; }
.kejara-site .outsourcing-solutions-card h3 { margin: 0; font-size: 19px; line-height: 1.45; }
.kejara-site .outsourcing-solutions-card:hover { background: #e9f4f4; }
.kejara-site .outsourcing-solutions-content img { width: 100%; max-height: 550px; object-fit: cover; object-position: center 25%; border-radius: 12px; }
.kejara-site .overview-cta-area { padding: 90px 24px; background: var(--kejara-navy); }
.kejara-site .overview-cta-area::before { display: none; }
.kejara-site .overview-cta-area :is(h2,p) { color: #fff; }
.kejara-site .overview-cta-area .content { max-width: 950px; margin: auto; }
.kejara-site .overview-cta-area .kejara-actions { justify-content: center; }
.kejara-site .overview-cta-area .secondary-btn { border-color: #fff; color: #fff; }
.kejara-site .overview-cta-area .secondary-btn:hover { background: #fff; color: var(--kejara-navy); }
.kejara-site .page-banner-area { padding-top: 150px; background: var(--kejara-paper); }
.kejara-site .page-banner-area::before { display: none; }
.kejara-site .page-banner-content .content { padding-left: max(30px,calc((100vw - 1320px)/2)); }
.kejara-site .page-banner-content h1 { font-size: clamp(38px,4.3vw,64px); letter-spacing: -.035em; line-height: 1.1; margin-bottom: 24px; max-width: 900px; }
.kejara-site .page-banner-content .list { margin-bottom: 30px; }
.kejara-site .page-banner-content .list li::before { background: transparent; color: var(--kejara-muted); }
.kejara-site .page-banner-content .image img { width: 100%; height: 300px; object-fit: cover; object-position: center 40%; }
.kejara-site .page-banner-right-content { padding: 35px; }
.kejara-site .page-banner-right-content .wrap-content { padding: 0; }
.kejara-site .page-banner-right-content .wrap-content p { font-size: 20px; margin: 22px 0 32px; }
.kejara-site .page-banner-right-content .wrap-content .list { flex-wrap: wrap; margin: 0; }
.kejara-site .kejara-social { display: flex; flex-wrap: wrap; gap: 12px 22px; padding: 0; margin: 24px 0 0; list-style: none; }
.kejara-site .kejara-social li { margin: 0 !important; padding: 0 !important; }
.kejara-site .social-placeholder { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; cursor: default; }
.kejara-site .social-placeholder i { font-size: 20px; }
/* Original social glyph hooks are preserved. Text remains visible while matching fonts are absent. */
.kejara-site.icons-unavailable i[class^='ri-'] { display: none; }
.kejara-site .recruiting-about-image .image1 img { width: 90%; border-radius: 12px; }
.kejara-site .recruiting-about-image .image2 img { max-width: 280px; border-radius: 12px; }
.kejara-site .services-card { background: var(--kejara-paper); height: 100%; border: 1px solid var(--kejara-line); display: flex; flex-direction: column; }
.kejara-site .services-card :is(h3,a) { color: var(--kejara-navy); }
.kejara-site .services-card:hover { background: #e9f4f4; }
.kejara-site .services-card h3 { font-size: 25px; line-height: 1.35; }
.kejara-site .services-card p { flex: 1; }
.kejara-site .services-card .image img { width: 100%; height: 240px; object-fit: cover; border-radius: 8px; }
.kejara-site .services-card .link-btn { color: var(--kejara-navy); background: transparent; width: auto; height: auto; border: none; font-size: 15px; text-align: left; line-height: 1.5; }
.kejara-site .kejara-list { padding-left: 20px; list-style: disc; margin-top: 20px; }
.kejara-site .kejara-list li { padding-left: 2px; margin-bottom: 13px; line-height: 1.65; }
.kejara-site .kejara-list li::marker { color: var(--kejara-teal); }
.kejara-site .service-details-content .list li { display: list-item; }
.kejara-site .service-details-image img { width: 100%; height: 100%; max-height: 620px; object-fit: cover; border-radius: 15px; }
.kejara-site .consulting-choose-items .item { padding-left: 0; border-color: var(--kejara-line); }
.kejara-site .consulting-choose-content img { max-height: 620px; width: 100%; object-fit: cover; border-radius: 12px; }
.kejara-site .for-employers-item { background: var(--kejara-paper); padding: 40px; border-radius: 12px; }
.kejara-site .for-candidates-item { padding: 0; background: transparent; }
.kejara-site .for-candidates-item img { width: 100%; border-radius: 12px; }
.kejara-site .process-area { background: var(--kejara-paper); }
.kejara-site .process-card { border-color: var(--kejara-line); height: 100%; }
.kejara-site .process-card h3 { font-size: 22px; }
.kejara-site .process-card::before, .kejara-site .process-card::after { display: none; }
.kejara-site #expression-of-interest { scroll-margin-top: 120px; background: var(--kejara-paper); padding: 70px 0; }
.kejara-site .next-role-image img { width: 100%; max-height: 820px; object-fit: cover; border-radius: 12px; }
.kejara-site .next-role-form, .kejara-site .appointment-form, .kejara-site .recruiting-contact-form { background: #fff; padding: 36px; border: 1px solid var(--kejara-line); border-radius: 12px; }
.kejara-site .kejara-form-notice { padding: 24px; margin-bottom: 32px; border-left: 4px solid var(--kejara-teal); background: #edf6f6; }
.kejara-site .kejara-form-notice h3 { font-size: 22px; }
.kejara-site .kejara-form-notice a { text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.kejara-site .kejara-enquiry label { display: block; color: var(--kejara-navy); margin-bottom: 9px; font-weight: 500; }
.kejara-site .kejara-enquiry .form-group { margin: 0; }
.kejara-site .kejara-enquiry .form-control { height: auto; min-height: 52px; border: 1px solid #8c9ca8; border-radius: 5px; background: #fff; color: var(--kejara-ink); padding: 13px; }
.kejara-site .kejara-enquiry .form-control:focus { border-color: var(--kejara-navy); box-shadow: 0 0 0 3px rgba(1,46,88,.12); }
.kejara-site .kejara-enquiry [aria-invalid='true'] { border-color: #a32020; }
.kejara-site .kejara-enquiry input[type='file'] { max-width: 100%; font-size: 14px; }
.kejara-site .kejara-enquiry input::file-selector-button { border: 0; background: var(--kejara-paper); color: var(--kejara-navy); padding: 7px 12px; margin-right: 10px; }
.kejara-site .kejara-enquiry small { display: block; margin-top: 9px; color: var(--kejara-muted); }
.kejara-form-actions { margin-top: 28px; }
.form-status { margin-top: 15px; }
.kejara-support-aside { padding: 30px; background: var(--kejara-paper); border-radius: 12px; position: sticky; top: 125px; }
.kejara-support-aside h2 { font-size: 30px; }
.kejara-site .kejara-contact-list { list-style: none; padding: 0; margin: 20px 0; }
.kejara-site .kejara-contact-list li { margin-bottom: 15px; padding: 0; display: block; }
.kejara-site .kejara-contact-list li > span { display: block; font-size: 13px; margin-bottom: 4px; text-transform: uppercase; letter-spacing: .08em; }
.kejara-site .kejara-contact-list a { overflow-wrap: anywhere; }
.kejara-site .recruiting-contact-information { background: var(--kejara-navy); border-radius: 12px; padding: 36px; }
.kejara-site .recruiting-contact-information :is(h2,h3,p,a,span,address) { color: #fff; }
.kejara-site .recruiting-contact-information h3 { margin-top: 32px; }
.kejara-site .kejara-map { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; margin-top: 90px; padding: 40px; background: var(--kejara-paper); border-radius: 12px; }
.kejara-site .kejara-map img { width: 100%; height: auto; object-fit: contain; border-radius: 8px; }
.kejara-site .kejara-map .kejara-map-embed { display: block; width: 100%; height: auto; aspect-ratio: 7 / 8; border: 0; border-radius: 8px; }
.kejara-site .kejara-map figure { margin: 0; }
.kejara-site .kejara-map figcaption { font-size: 13px; margin-top: 12px; }
.kejara-site .footer-area { background: var(--kejara-navy); margin-top: 0; }
.kejara-site .footer-area :is(h2,h3,p,a,address,.social-placeholder,li) { color: #fff; }
.kejara-site .footer-top-info h2 { font-size: clamp(36px,5vw,70px); letter-spacing: -.035em; }
.kejara-site .footer-top-info .link-btn { font-size: clamp(19px,3vw,32px); color: #fff; overflow-wrap: anywhere; }
.kejara-site .footer-top-info { border-color: rgba(255,255,255,.2); }
.kejara-site .footer-area .single-footer-widget { padding: 0 20px 0 0; }
.kejara-site .footer-area .border-wrap { border-color: rgba(255,255,255,.2); }
.kejara-site .footer-area .default-btn { color: var(--kejara-navy); }
.kejara-site .footer-area .default-btn:hover { background: #fff; border-color: #fff; }
.kejara-footer-logo { display: inline-block; background: #fff; border-radius: 4px; padding: 12px; }
.kejara-footer-logo img { width: 245px; height: auto; }
.kejara-site .copyright-area { border-color: rgba(255,255,255,.2); margin-top: 50px; }
.kejara-site #back-to-top { width: 44px; height: 44px; line-height: 44px; font-size: 25px; border-radius: 50%; background: var(--kejara-orange); color: var(--kejara-navy); right: 20px; bottom: 20px; z-index: 100; }
.kejara-site .not-found-area { padding-top: 230px; }
@media (max-width: 1199px) {
  .kejara-site .navbar .navbar-brand { flex-basis: 198px; }
  .kejara-home .outsourcing-banner-content h1 { max-width: 700px; }
  .kejara-site .outsourcing-work-card { border-radius: 18px; aspect-ratio: auto; min-height: 285px; padding: 28px; }
  .kejara-site .page-banner-right-content { padding: 25px; }
  .kejara-site .page-banner-content .image img { height: 330px; }
  .kejara-site .page-banner-content .content { padding-left: 25px; }
}
@media (max-width: 767px) {
  .kejara-site .ptb-120 { padding-top: 70px; padding-bottom: 70px; }
  .kejara-site .pb-120 { padding-bottom: 70px; }
  .kejara-site .pt-120 { padding-top: 70px; }
  .kejara-site .navbar .container-fluid { padding: 0 12px; }
  .kejara-site .navbar .wrap-inner { padding: 12px; }
  .kejara-site .navbar .navbar-brand { flex-basis: 180px; margin-right: 10px; }
  .kejara-site .navbar-brand img { width: 156px; }
  .kejara-home .outsourcing-banner-area { padding-top: 130px; padding-bottom: 45px; min-height: auto; background-position: 52% top; }
  .kejara-home .outsourcing-banner-top-content { margin-bottom: 200px; }
  .kejara-home .outsourcing-banner-top-content p { font-size: 15px; max-width: 280px; margin-left: 0; }
  .kejara-home .outsourcing-banner-content h1 { font-size: clamp(39px,10vw,60px); }
  .kejara-home .outsourcing-banner-content .info-items { padding: 22px; margin-top: 10px; }
  .kejara-site .default-btn { padding: 14px 20px; font-size: 14px; }
  .kejara-site .outsourcing-services-items .services-image img { height: 310px !important; }
  .kejara-site .outsourcing-case-studies-items .left { grid-template-columns: 1fr; gap: 25px; }
  .kejara-site .outsourcing-case-studies-items .left .image img { height: 250px !important; }
  .kejara-site .outsourcing-cta-content .kejara-contact-list { flex-direction: column; gap: 10px; }
  .kejara-site .outsourcing-work-card { min-height: 0; padding: 28px; }
  .kejara-site .page-banner-area { padding-top: 120px; }
  .kejara-site .page-banner-content .content { padding: 0 20px; }
  .kejara-site .page-banner-content h1 { font-size: 39px; overflow-wrap: anywhere; }
  .kejara-site .page-banner-content .image img { height: 240px; }
  .kejara-site .page-banner-right-content { padding: 20px 8px 35px 20px; }
  .kejara-site .page-banner-right-content .wrap-content p { font-size: 18px; }
  .kejara-site .recruiting-about-image .image2 { position: relative; margin-top: 20px; right: auto; bottom: auto; }
  .kejara-site .recruiting-about-image .image1 img { width: 100%; }
  .kejara-site .next-role-form, .kejara-site .appointment-form, .kejara-site .recruiting-contact-form { padding: 23px 18px; }
  .kejara-site .kejara-form-notice { padding: 18px; }
  .kejara-site .kejara-map { grid-template-columns: 1fr; gap: 25px; padding: 20px; margin-top: 55px; }
  .kejara-site .footer-area .border-wrap { border-right: 0; }
  .kejara-site .footer-area .single-footer-widget { padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .kejara-site *, .kejara-site *::before, .kejara-site *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .kejara-site [data-cue], .kejara-site [data-cues] > * { opacity: 1 !important; transform: none !important; }
  .kejara-site .bgImageParallax { background-attachment: scroll !important; }
}

/* Approved global refinement: original inner-page shell, isolated from Home. */
.kejara-inner .navbar.bg-F8FAFC {
  padding: 30px 0;
  background: var(--kejara-paper);
  border-bottom: 1px solid var(--kejara-line);
  z-index: 999;
}
.kejara-inner .navbar.bg-F8FAFC.sticky {
  padding: 20px 0;
  background: #fff;
  border-bottom: none;
}
.kejara-inner .navbar .navbar-brand {
  flex: 0 0 198px;
  margin-right: 80px;
  padding: 0;
  background: transparent;
  border-radius: 0;
}
.kejara-inner .navbar-brand img { width: 198px; }
.kejara-inner .navbar .navbar-nav { margin: 0 auto 0 0; gap: 0; }
.kejara-inner .navbar .navbar-nav .nav-item { margin: 0 12px; }
.kejara-inner .navbar .navbar-nav .nav-item:first-child { margin-left: 0; }
.kejara-inner .navbar .navbar-nav .nav-item:last-child { margin-right: 0; }
.kejara-inner .navbar .navbar-nav .nav-item .nav-link {
  padding: 10px 0;
  color: var(--kejara-navy);
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}
.kejara-inner .navbar .navbar-nav .nav-item .nav-link.active { font-weight: 700; }
.kejara-inner .navbar .navbar-nav .nav-item .nav-link:hover,
.kejara-inner .navbar .navbar-nav .nav-item .nav-link:focus-visible {
  color: var(--kejara-navy);
  text-decoration: underline;
  text-decoration-color: var(--kejara-orange);
  text-underline-offset: 8px;
}
.kejara-inner .navbar .default-btn {
  padding: 13.5px 30px;
  font-size: 16px;
  box-shadow: 2px 2px 0 var(--kejara-navy);
}
.kejara-inner .navbar .navbar-toggler .burger-menu span { background: var(--kejara-navy); }
.kejara-site .navbar .navbar-toggler { color: var(--kejara-navy); }

/* D04: colour-only corrections for verified shared Timido rules. */
.kejara-site {
  --bs-primary: var(--kejara-orange);
  --bs-primary-rgb: 253, 120, 2;
  --bs-primary-text-emphasis: var(--kejara-navy);
  --bs-primary-bg-subtle: var(--kejara-paper);
  --bs-primary-border-subtle: var(--kejara-line);
  --bs-link-color: var(--kejara-navy);
  --bs-link-color-rgb: 1, 46, 88;
  --bs-link-hover-color: var(--kejara-navy);
  --bs-link-hover-color-rgb: 1, 46, 88;
  --bs-focus-ring-color: rgba(253, 120, 2, .25);
}
/* Home keeps its navbar markup and geometry; only the inherited lime state changes. */
.kejara-home .navbar.navbar-style-three .navbar-nav .nav-item .nav-link:hover,
.kejara-home .navbar.navbar-style-three .navbar-nav .nav-item .nav-link.active,
.kejara-home .navbar.navbar-style-three .navbar-nav .nav-item:hover .nav-link,
.kejara-home .navbar.navbar-style-three .navbar-nav .nav-item.active .nav-link { color: #fff; }
.kejara-site .outsourcing-services-area .section-title .sub { border-color: var(--kejara-teal); }
.kejara-site .outsourcing-services-items .item .services-content h3 a:hover,
.kejara-site .outsourcing-services-items .item .services-content .h3 a:hover { color: var(--kejara-orange); }
.kejara-site .outsourcing-services-items .item .services-content .service-btn .default-btn {
  background: var(--kejara-orange);
  color: var(--kejara-navy);
  border-color: var(--kejara-orange);
  box-shadow: 2px 2px 0 var(--kejara-navy);
}
.kejara-site .outsourcing-services-items .item .services-content .service-btn .default-btn:hover,
.kejara-site .outsourcing-services-items .item .services-content .service-btn .default-btn:focus-visible {
  background: var(--kejara-navy);
  border-color: var(--kejara-navy);
  color: #fff;
}
.kejara-site .outsourcing-cta-content .list li a { color: #fff; }
.kejara-site .page-banner-content .content .list li a:hover { color: var(--kejara-navy); }
.kejara-site .overview-cta-inner { background: var(--kejara-navy); }
/* Colour only: plus/minus reconstruction remains deferred to H03/E03/F01. */
.kejara-site .outsourcing-faq-accordion .accordion .accordion-item .accordion-button:not(.collapsed)::before {
  background-color: var(--kejara-orange);
  border-color: var(--kejara-orange);
  color: var(--kejara-navy);
}

/* G04: original 40px top circles and labelled footer pills, without navigation.
   No matching local social glyph assets exist. Retain the glyph space and visible
   names; approved URLs and exact original glyph fidelity remain outstanding. */
.kejara-site .page-banner-right-content .kejara-social { gap: 12px; align-items: flex-start; }
.kejara-site .page-banner-right-content .social-placeholder { flex-direction: column; gap: 7px; }
.kejara-site .page-banner-right-content .social-placeholder > span { font-size: 12px; color: var(--kejara-navy); }
.kejara-site .page-banner-right-content .social-placeholder i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--kejara-line);
  border-radius: 50px;
  color: var(--kejara-navy);
  transition: border-color .7s;
}
.kejara-site .page-banner-right-content .social-placeholder:hover i { border-color: var(--kejara-teal); }
.kejara-site .footer-top-info .kejara-social { justify-content: center; gap: 15px; }
.kejara-site .footer-top-info .social-placeholder {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 7px 15px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 50px;
  transition: border-color .7s;
}
.kejara-site .footer-top-info .social-placeholder:hover { border-color: var(--kejara-orange); }
.kejara-site .footer-top-info .social-placeholder i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}
.kejara-site.icons-unavailable .kejara-social i { display: inline-flex; }
.kejara-site.icons-unavailable .kejara-social i::before { display: none; }

@media (max-width: 1199px) {
  .kejara-inner .navbar.bg-F8FAFC { padding: 20px 0; }
  .kejara-inner .navbar.bg-F8FAFC.sticky { padding: 15px 0; }
  .kejara-inner .navbar .navbar-brand { margin-right: 20px; }
}
@media (max-width: 767px) {
  .kejara-inner .navbar .navbar-brand { flex-basis: 174px; }
  .kejara-inner .navbar-brand img { width: 174px; }
  .kejara-site .footer-top-info .kejara-social { display: block; }
  .kejara-site .footer-top-info .kejara-social li + li { margin-top: 12px !important; }
}
/* Approved H01-H07 Home refinement. Global shell and inner pages stay isolated. */
.kejara-home .outsourcing-banner-area[data-kejara-hero] {
  --kejara-hero-shift: 0px;
  background-color: var(--kejara-navy);
  background-position: center calc(-65px + var(--kejara-hero-shift));
  background-attachment: fixed;
  background-repeat: no-repeat;
}
.kejara-home .outsourcing-services-items .item .services-content .number {
  padding: 5px 20px;
  border-radius: 50px;
  background: #fff;
  color: var(--kejara-navy);
}

/* CSS-drawn plus/minus: no glyph font, unchanged Bootstrap state/ARIA hooks.
   H03/E03/F01 share declarations through explicit component scopes. */
.kejara-home .kejara-partner-accordion .accordion .accordion-item .accordion-button,
.kejara-employers .kejara-partner-accordion .accordion .accordion-item .accordion-button,
.kejara-site .kejara-faq-accordion .accordion .accordion-item .accordion-button {
  padding: 13.5px 0 13.5px 70px;
  line-height: 1.5;
  color: var(--kejara-navy);
}
.kejara-home .kejara-partner-accordion .accordion .accordion-item .accordion-button::before,
.kejara-employers .kejara-partner-accordion .accordion .accordion-item .accordion-button::before,
.kejara-site .kejara-faq-accordion .accordion .accordion-item .accordion-button::before {
  content: '';
  display: block;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border: 1px solid var(--kejara-line);
  border-radius: 5px;
  background: linear-gradient(var(--kejara-navy), var(--kejara-navy)) center / 16px 2px no-repeat;
  font-family: inherit;
}
.kejara-home .kejara-partner-accordion .accordion .accordion-item .accordion-button::after,
.kejara-employers .kejara-partner-accordion .accordion .accordion-item .accordion-button::after,
.kejara-site .kejara-faq-accordion .accordion .accordion-item .accordion-button::after {
  content: '';
  display: block;
  position: absolute;
  left: 24px;
  right: auto;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 16px;
  margin: 0;
  background: var(--kejara-navy);
}
.kejara-home .kejara-partner-accordion .accordion .accordion-item .accordion-button:not(.collapsed)::before,
.kejara-employers .kejara-partner-accordion .accordion .accordion-item .accordion-button:not(.collapsed)::before,
.kejara-site .kejara-faq-accordion .accordion .accordion-item .accordion-button:not(.collapsed)::before {
  background-color: var(--kejara-orange);
  border-color: var(--kejara-orange);
}
.kejara-home .kejara-partner-accordion .accordion .accordion-item .accordion-button:not(.collapsed)::after,
.kejara-employers .kejara-partner-accordion .accordion .accordion-item .accordion-button:not(.collapsed)::after,
.kejara-site .kejara-faq-accordion .accordion .accordion-item .accordion-button:not(.collapsed)::after { display: none; }

.kejara-home .outsourcing-cta-area { padding-bottom: 0; }

/* H05/S01 share declarations through the opt-in kejara-connected-process scope.
   Three touching/overlapping circle outlines per desktop row, six stages total.
   Twelve pixels of inset balance each circle's extra width inside the container. */
.kejara-home .outsourcing-work-area .kejara-process-grid,
.kejara-site .kejara-connected-process .kejara-process-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 36px 0;
  margin: 0;
  padding: 0 12px;
}
.kejara-home .kejara-process-grid > div,
.kejara-connected-process .kejara-process-grid > div { width: 100%; padding: 0; margin: 0; }
.kejara-home .kejara-process-grid .outsourcing-work-card,
.kejara-connected-process .kejara-process-grid .outsourcing-work-card {
  width: calc(100% + 24px);
  height: auto;
  min-height: 0;
  aspect-ratio: 1;
  margin: 0 0 0 -12px;
  padding: 32px;
  border-radius: 50%;
  background: #fff;
  border-color: var(--kejara-line);
}
.kejara-home .kejara-process-grid .inner,
.kejara-connected-process .kejara-process-grid .inner { width: 100%; max-width: 260px; }

.kejara-home .outsourcing-case-studies-area { background: var(--kejara-navy); }
.kejara-home .outsourcing-case-studies-area :is(h2, h3, p, .sub),
.kejara-home .outsourcing-case-studies-items .left .content h3 a { color: #fff; }
.kejara-home .outsourcing-case-studies-area .sub { border-color: var(--kejara-teal); }
.kejara-home .outsourcing-case-studies-items .item { border-color: rgba(255, 255, 255, .2); }
.kejara-home .outsourcing-case-studies-area .default-btn:hover,
.kejara-home .outsourcing-case-studies-area .default-btn:focus-visible { background: #fff; border-color: #fff; color: var(--kejara-navy); }

/* H07/S02 share declarations through the opt-in kejara-sectors scope.
   Original sector-card rhythm and icon spaces; exact Flaticon glyphs remain unavailable. */
.kejara-home .outsourcing-solutions-card,
.kejara-sectors .outsourcing-solutions-card {
  gap: 20px;
  padding: 10px 20px 10px 10px;
  border-radius: 10px;
  background: #fff;
}
.kejara-home .outsourcing-solutions-card .kejara-sector-icon,
.kejara-sectors .outsourcing-solutions-card .kejara-sector-icon {
  display: flex;
  flex: 0 0 100px;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 80px;
  border-radius: 10px;
  background: var(--kejara-paper);
  color: var(--kejara-navy);
  transition: background-color .7s, color .7s;
}
.kejara-home .outsourcing-solutions-card h3,
.kejara-sectors .outsourcing-solutions-card h3 { font-size: 20px; }
.kejara-home .outsourcing-solutions-card:hover .kejara-sector-icon,
.kejara-sectors .outsourcing-solutions-card:hover .kejara-sector-icon {
  background: var(--kejara-orange);
  color: var(--kejara-navy);
}
@media (max-width: 1199px) {
  .kejara-home .outsourcing-work-area .kejara-process-grid,
  .kejara-site .kejara-connected-process .kejara-process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    padding: 0;
  }
  .kejara-home .kejara-process-grid .outsourcing-work-card,
  .kejara-connected-process .kejara-process-grid .outsourcing-work-card {
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  .kejara-home .outsourcing-banner-area[data-kejara-hero] {
    background-attachment: scroll;
    background-size: auto 900px;
    background-position: center -20px;
    background-image: linear-gradient(to bottom, transparent 70%, var(--kejara-navy)), url('../images%20to%20use/banner1-1.jpg');
  }
}
@media (max-width: 767px) {
  .kejara-home .outsourcing-banner-area[data-kejara-hero] {
    background-size: auto 720px;
    background-position: 52% -12px;
  }
  .kejara-home .outsourcing-work-area .kejara-process-grid,
  .kejara-site .kejara-connected-process .kejara-process-grid { grid-template-columns: minmax(0, 1fr); }
  .kejara-home .kejara-process-grid .outsourcing-work-card,
  .kejara-connected-process .kejara-process-grid .outsourcing-work-card { max-width: 390px; padding: 30px; }
  .kejara-home .kejara-process-grid .inner,
  .kejara-connected-process .kejara-process-grid .inner { max-width: 240px; }
  .kejara-home .outsourcing-solutions-card .kejara-sector-icon,
  .kejara-sectors .outsourcing-solutions-card .kejara-sector-icon { flex-basis: 80px; width: 80px; }
}

/* Approved About refinement A01-A03 and C03 destination. No shared overrides. */
.kejara-about .recruiting-about-image.kejara-about-gallery {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 280px);
  gap: 20px;
  align-items: stretch;
  max-width: 680px;
  margin: 0 auto;
}
.kejara-about .kejara-about-gallery > div { min-width: 0; margin: 0; }
.kejara-about .kejara-about-gallery .image2 { position: static; margin: 0; }
.kejara-about .recruiting-about-image.kejara-about-gallery img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 280px;
  object-fit: cover;
  object-position: center 25%;
  border-radius: 12px;
}
.kejara-about .kejara-about-gallery .image3 { grid-column: 1 / -1; }
.kejara-about .recruiting-about-image.kejara-about-gallery .image3 img {
  height: auto;
  aspect-ratio: 2;
  object-position: center 30%;
}

.kejara-about .kejara-about-values { background: var(--kejara-navy); }
.kejara-about .kejara-about-values :is(.sub, h2, h3, p) { color: #fff; }
.kejara-about .kejara-about-values .outsourcing-values-card { border-color: var(--kejara-teal); }
.kejara-about .kejara-about-values .sub { border-color: var(--kejara-teal); }

/* A03 restores the original About static image/list composition, without glyph slots. */
.kejara-about .kejara-about-partnership .consulting-choose-items {
  margin-left: 60px;
  border-color: var(--kejara-line);
}
.kejara-about .kejara-about-partnership .consulting-choose-items .item { padding-left: 60px; }
.kejara-about .kejara-about-partnership .consulting-choose-content .sub { border-color: var(--kejara-teal); }
.kejara-about .kejara-about-partnership .consulting-choose-content p { margin-bottom: 30px; }
.kejara-about .kejara-about-partnership .consulting-choose-content img { aspect-ratio: 3 / 2; object-position: center; }

/* C03 keeps Simple Application Process's image/list language; a numbered rail
   connects the six real stages and is isolated from the A03 benefit rows. */
.kejara-about .kejara-about-process { background: var(--kejara-paper); }
.kejara-about .kejara-about-process .kejara-about-process-list {
  list-style: none;
  margin: 0 0 0 60px;
  padding: 0;
  border-left: 1px solid var(--kejara-teal);
}
.kejara-about .kejara-about-process .kejara-about-process-list .item {
  position: relative;
  padding: 0 0 35px 50px;
  margin-bottom: 35px;
}
.kejara-about .kejara-about-process .kejara-about-process-list .item:last-child { margin-bottom: 0; padding-bottom: 0; }
.kejara-about .kejara-about-process .kejara-process-number {
  position: absolute;
  left: -23px;
  top: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: var(--kejara-paper);
  border: 1px solid var(--kejara-teal);
  color: var(--kejara-navy);
  font-size: 18px;
}
.kejara-about .kejara-about-process .consulting-choose-content img { height: auto; max-height: 620px; object-position: center; }
@media (max-width: 1199px) {
  .kejara-about .kejara-about-partnership .consulting-choose-items { margin-left: 30px; }
  .kejara-about .kejara-about-partnership .consulting-choose-items .item { padding-left: 30px; }
  .kejara-about .kejara-about-process .kejara-about-process-list { margin-left: 30px; }
}
@media (max-width: 991px) {
  .kejara-about .kejara-about-partnership .consulting-choose-content,
  .kejara-about .kejara-about-process .consulting-choose-content { position: static; }
  .kejara-about .kejara-about-partnership .consulting-choose-items { margin: 15px 0 0; border-left: 0; }
  .kejara-about .kejara-about-partnership .consulting-choose-items .item { padding-left: 0; }
  .kejara-about .kejara-about-process .kejara-about-process-list { margin: 25px 0 0 23px; }
  .kejara-about .kejara-about-process .consulting-choose-content img { max-width: 500px; }
}
@media (max-width: 767px) {
  .kejara-about .recruiting-about-image.kejara-about-gallery { grid-template-columns: 1.2fr 1fr; gap: 16px; }
  .kejara-about .recruiting-about-image.kejara-about-gallery img { height: 200px; }
  .kejara-about .recruiting-about-image.kejara-about-gallery .image3 img { height: auto; aspect-ratio: 3 / 2; }
  .kejara-about .kejara-about-process .kejara-about-process-list .item { padding-left: 38px; }
}

/* Employers and service approach pages share the original static process hierarchy.
   The existing intro supplies the top spacing; adjacent white blocks share one gutter. */
.kejara-employers .kejara-employers-process .consulting-choose-items,
.kejara-site .kejara-service-approach .consulting-choose-items {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  border-color: var(--kejara-line);
}
.kejara-employers .kejara-employers-process .consulting-choose-items .item,
.kejara-site .kejara-service-approach .consulting-choose-items .item { padding-left: 100px; }
.kejara-employers .kejara-employers-process .step-number,
.kejara-site .kejara-service-approach .step-number { font-weight: 500; }
@media (max-width: 1199px) {
  .kejara-employers .kejara-employers-process .consulting-choose-items,
  .kejara-site .kejara-service-approach .consulting-choose-items { margin-left: 40px; }
  .kejara-employers .kejara-employers-process .consulting-choose-items .item,
  .kejara-site .kejara-service-approach .consulting-choose-items .item { padding-left: 40px; }
}
@media (max-width: 991px) {
  .kejara-employers .kejara-employers-process .consulting-choose-content,
  .kejara-site .kejara-service-approach .consulting-choose-content { position: static; }
  .kejara-employers .kejara-employers-process .consulting-choose-content img,
  .kejara-site .kejara-service-approach .consulting-choose-content img { max-width: 500px; }
  .kejara-employers .kejara-employers-process .consulting-choose-items,
  .kejara-site .kejara-service-approach .consulting-choose-items { margin-left: 0; border-left: 0; }
  .kejara-employers .kejara-employers-process .consulting-choose-items .item,
  .kejara-site .kejara-service-approach .consulting-choose-items .item { padding-left: 0; }
}

/* C01/C02: Candidate intro benefits and the original Why Partner card rhythm.
   Separate hooks keep the list and journey independent of other process components. */
.kejara-candidates .kejara-candidate-benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 30px;
  margin-top: 28px;
  margin-bottom: 0;
}
.kejara-candidates .kejara-candidate-benefits li { margin-bottom: 0; }
.kejara-candidates .kejara-candidate-journey .process-card .step-number { font-size: 50px; margin-bottom: 0; }
.kejara-candidates .kejara-candidate-journey .process-card .kejara-candidate-journey-notice {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--kejara-line);
  font-size: 14px;
}
@media (max-width: 575px) {
  .kejara-candidates .kejara-candidate-benefits { grid-template-columns: minmax(0, 1fr); }
}

/* Final scoped visual refinements: original local SVGs, no font dependency. */
.kejara-home .navbar.sticky,
.kejara-home .navbar.sticky .wrap-inner { background: var(--kejara-navy); }
.kejara-home .outsourcing-services-area .section-title .sub,
.kejara-home .outsourcing-services-area .section-title h2,
.kejara-home .outsourcing-services-area .section-title h2 * { color: var(--kejara-navy); }
.kejara-home .outsourcing-services-items .item { background-color: var(--kejara-navy); transition: background-color .3s; }
.kejara-home .outsourcing-services-items .item:hover { background-color: var(--kejara-teal); }
.kejara-home .outsourcing-services-items .item .services-content :is(h3, h3 a, h3 a:hover, p) { color: #fff; }
.kejara-home .kejara-sector-icon .kejara-sector-svg,
.kejara-sectors .kejara-sector-icon .kejara-sector-svg { display: block; width: 40px; height: 40px; }
.kejara-site .kejara-svg-social .kejara-social-svg { display: block; width: 20px; height: 20px; flex: 0 0 20px; }
.kejara-site .page-banner-right-content .kejara-svg-social { flex-direction: row; }

.kejara-home .outsourcing-services-items .services-content h3 a,
.kejara-home .outsourcing-services-items .services-content h3 a:is(:hover, :focus, :focus-visible) { text-decoration: none; }