.elementor-kit-7{--e-global-color-primary:#FF702A;--e-global-color-secondary:#0D305E;--e-global-color-text:#438198;--e-global-color-accent:#F5F5F5;--e-global-color-35f1e68:#C3C3C3;--e-global-color-892b313:#414141;--e-global-color-bd2cbf6:#DB5817;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-size:64px;--e-global-typography-primary-font-weight:300;--e-global-typography-primary-line-height:88px;--e-global-typography-primary-letter-spacing:0.035em;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-size:56px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:71px;--e-global-typography-secondary-letter-spacing:0.035em;--e-global-typography-text-font-family:"Plus Jakarta Sans";--e-global-typography-text-font-size:50px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:62px;--e-global-typography-text-letter-spacing:0.015em;--e-global-typography-accent-font-family:"Plus Jakarta Sans";--e-global-typography-accent-font-size:40px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:58px;--e-global-typography-accent-letter-spacing:0.015em;--e-global-typography-68627ac-font-family:"Plus Jakarta Sans";--e-global-typography-68627ac-font-size:24px;--e-global-typography-68627ac-font-weight:600;--e-global-typography-68627ac-line-height:32px;--e-global-typography-68627ac-letter-spacing:0.015em;--e-global-typography-85fce37-font-family:"Plus Jakarta Sans";--e-global-typography-85fce37-font-size:20px;--e-global-typography-85fce37-font-weight:600;--e-global-typography-85fce37-line-height:25px;--e-global-typography-b05fdaf-font-family:"Plus Jakarta Sans";--e-global-typography-b05fdaf-font-size:20px;--e-global-typography-b05fdaf-font-weight:400;--e-global-typography-b05fdaf-line-height:32px;--e-global-typography-17f803c-font-family:"Plus Jakarta Sans";--e-global-typography-17f803c-font-size:18px;--e-global-typography-17f803c-font-weight:400;--e-global-typography-17f803c-line-height:29px;color:var( --e-global-color-892b313 );font-family:var( --e-global-typography-b05fdaf-font-family ), Sans-serif;font-size:var( --e-global-typography-b05fdaf-font-size );font-weight:var( --e-global-typography-b05fdaf-font-weight );line-height:var( --e-global-typography-b05fdaf-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:#FF702A;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:700;line-height:24px;color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);border-style:none;padding:12px 56.5px 12px 56.5px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:#DB5817;color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);border-style:none;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 p{margin-block-end:0px;}.elementor-kit-7 a{font-family:var( --e-global-typography-b05fdaf-font-family ), Sans-serif;font-size:var( --e-global-typography-b05fdaf-font-size );font-weight:var( --e-global-typography-b05fdaf-font-weight );line-height:var( --e-global-typography-b05fdaf-line-height );}.elementor-kit-7 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-7 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h3{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-7 h4{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-7 h5{font-family:var( --e-global-typography-68627ac-font-family ), Sans-serif;font-size:var( --e-global-typography-68627ac-font-size );font-weight:var( --e-global-typography-68627ac-font-weight );line-height:var( --e-global-typography-68627ac-line-height );letter-spacing:var( --e-global-typography-68627ac-letter-spacing );}.elementor-kit-7 h6{font-family:var( --e-global-typography-85fce37-font-family ), Sans-serif;font-size:var( --e-global-typography-85fce37-font-size );font-weight:var( --e-global-typography-85fce37-font-weight );line-height:var( --e-global-typography-85fce37-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1240px){.elementor-kit-7{font-size:var( --e-global-typography-b05fdaf-font-size );line-height:var( --e-global-typography-b05fdaf-line-height );}.elementor-kit-7 a{font-size:var( --e-global-typography-b05fdaf-font-size );line-height:var( --e-global-typography-b05fdaf-line-height );}.elementor-kit-7 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-7 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h3{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-7 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-7 h5{font-size:var( --e-global-typography-68627ac-font-size );line-height:var( --e-global-typography-68627ac-line-height );letter-spacing:var( --e-global-typography-68627ac-letter-spacing );}.elementor-kit-7 h6{font-size:var( --e-global-typography-85fce37-font-size );line-height:var( --e-global-typography-85fce37-line-height );}}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-primary-font-size:52px;--e-global-typography-primary-line-height:62px;--e-global-typography-primary-letter-spacing:0.015em;--e-global-typography-secondary-font-size:46px;--e-global-typography-secondary-line-height:56px;--e-global-typography-secondary-letter-spacing:0.015em;--e-global-typography-text-font-size:40px;--e-global-typography-text-line-height:48px;--e-global-typography-text-letter-spacing:0.015em;--e-global-typography-accent-font-size:32px;--e-global-typography-accent-line-height:42px;--e-global-typography-accent-letter-spacing:0.015em;--e-global-typography-68627ac-font-size:22px;--e-global-typography-68627ac-line-height:30px;--e-global-typography-68627ac-letter-spacing:0.015em;--e-global-typography-85fce37-font-size:18px;--e-global-typography-85fce37-line-height:26px;--e-global-typography-85fce37-letter-spacing:0.015em;--e-global-typography-b05fdaf-font-size:18px;--e-global-typography-b05fdaf-line-height:28px;--e-global-typography-b05fdaf-letter-spacing:0.015em;--e-global-typography-17f803c-font-size:16px;--e-global-typography-17f803c-line-height:26px;--e-global-typography-17f803c-letter-spacing:0.015em;font-size:var( --e-global-typography-b05fdaf-font-size );line-height:var( --e-global-typography-b05fdaf-line-height );}.elementor-kit-7 a{font-size:var( --e-global-typography-b05fdaf-font-size );line-height:var( --e-global-typography-b05fdaf-line-height );}.elementor-kit-7 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-7 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h3{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-7 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-7 h5{font-size:var( --e-global-typography-68627ac-font-size );line-height:var( --e-global-typography-68627ac-line-height );letter-spacing:var( --e-global-typography-68627ac-letter-spacing );}.elementor-kit-7 h6{font-size:var( --e-global-typography-85fce37-font-size );line-height:var( --e-global-typography-85fce37-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:18px;line-height:28px;letter-spacing:0.015em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:40px;--e-global-typography-primary-line-height:48px;--e-global-typography-primary-letter-spacing:0.035em;--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-line-height:48px;--e-global-typography-secondary-letter-spacing:0.035em;--e-global-typography-text-font-size:28px;--e-global-typography-text-line-height:32px;--e-global-typography-text-letter-spacing:0.035em;--e-global-typography-accent-font-size:24px;--e-global-typography-accent-line-height:32px;--e-global-typography-accent-letter-spacing:0.035em;--e-global-typography-68627ac-font-size:20px;--e-global-typography-68627ac-line-height:26px;--e-global-typography-68627ac-letter-spacing:0.035em;--e-global-typography-85fce37-font-size:18px;--e-global-typography-85fce37-line-height:24px;--e-global-typography-85fce37-letter-spacing:0.035em;--e-global-typography-b05fdaf-font-size:18px;--e-global-typography-b05fdaf-line-height:28px;--e-global-typography-b05fdaf-letter-spacing:0.015em;--e-global-typography-17f803c-font-size:16px;--e-global-typography-17f803c-line-height:26px;--e-global-typography-17f803c-letter-spacing:0.015em;font-size:var( --e-global-typography-b05fdaf-font-size );line-height:var( --e-global-typography-b05fdaf-line-height );}.elementor-kit-7 a{font-size:var( --e-global-typography-b05fdaf-font-size );line-height:var( --e-global-typography-b05fdaf-line-height );}.elementor-kit-7 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-7 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h3{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-7 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-7 h5{font-size:var( --e-global-typography-68627ac-font-size );line-height:var( --e-global-typography-68627ac-line-height );letter-spacing:var( --e-global-typography-68627ac-letter-spacing );}.elementor-kit-7 h6{font-size:var( --e-global-typography-85fce37-font-size );line-height:var( --e-global-typography-85fce37-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:16px;line-height:24px;padding:10px 0px 10px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS */.flip-card:hover { background: #04274A!important; } .flip-card:hover .elementor-heading-title { color: white!important; } .synceva-jobs { /* --- brand colours ------------------------------------------- */ --sj-orange: #F26A21; --sj-orange-hover: #DB5817; --sj-navy: #0E2E4C; --sj-body-text: #4A5A68; --sj-white: #FFFFFF; /* --- search bar ---------------------------------------------- */ --sj-input-bg: #FFFFFF; --sj-input-border: #D8DEE3; --sj-input-radius: 4px; --sj-input-pad: 14px 16px; --sj-input-size: 14px; --sj-searchbtn-bg: #0E2E4C; --sj-searchbtn-fg: #FFFFFF; --sj-searchbtn-w: 160px; /* --- checkboxes ---------------------------------------------- */ --sj-check-size: 16px; --sj-check-border: #C9D2D9; --sj-check-on: #F26A21; --sj-check-gap: 28px; --sj-check-text: 18px; /* --- job card ------------------------------------------------ */ --sj-card-bg: #FFFFFF; --sj-card-border: #E6EAED; --sj-card-radius: 10px; --sj-card-pad: 18px 20px; --sj-card-gap: 14px; --sj-card-shadow: 0 2px 10px rgba(14,46,76,.06); --sj-title-size: 15px; --sj-title-weight: 700; --sj-title-color: #0E2E4C; --sj-desc-size: 13px; --sj-desc-color: #4A5A68; --sj-desc-lh: 1.6; /* --- apply button -------------------------------------------- */ --sj-btn-bg: #F26A21; --sj-btn-fg: #FFFFFF; --sj-btn-radius: 0px; --sj-btn-pad: 4px 36px; --sj-btn-size: 13px; /* --- mobile category select ----------------------------------- */ --sj-select-bg: #FFFFFF; --sj-select-border: #D8DEE3; --sj-select-radius: 4px; --sj-select-pad: 13px 40px 13px 16px; --sj-select-size: 14px; /* --- layout --------------------------------------------------- */ --sj-col-gap: 30px; --sj-sidebar-w: 25%; } /* ================================================================== Below here is structure — you shouldn't need to touch it. ================================================================== */ /* --- search bar ---------------------------------------------------- */ .synceva-jobs .sj-search { display: flex; gap: 16px; margin-bottom: 40px; } .synceva-jobs .sj-search__input { flex: 1 1 auto; background: var(--sj-input-bg); border: 1px solid var(--sj-input-border); border-radius: var(--sj-input-radius); padding: var(--sj-input-pad); font-size: var(--sj-input-size); color: var(--sj-body-text); line-height: 1.2; height:100%; } .synceva-jobs .sj-search__input:focus { outline: none; border-color: var(--sj-orange); } .synceva-jobs .sj-search__btn { flex: 0 0 var(--sj-searchbtn-w); background: var(--sj-searchbtn-bg); color: var(--sj-searchbtn-fg); border: 0; border-radius: var(--sj-input-radius); font-size: var(--sj-input-size); font-weight: 600; cursor: pointer; transition: opacity .2s ease; } .synceva-jobs .sj-search__btn:hover { opacity: .88; } /* --- two-column body ----------------------------------------------- */ .synceva-jobs .sj-body { display: flex; gap: var(--sj-col-gap); align-items: flex-start; } .synceva-jobs .sj-filters { flex: 0 0 var(--sj-sidebar-w); } .synceva-jobs .sj-list { flex: 1 1 auto; min-width: 0; } @media(min-width:767px) { .synceva-jobs .sj-filters { position:sticky; top:32px; } } /* --- checkboxes ---------------------------------------------------- */ .synceva-jobs .sj-filters__form { display: flex; flex-direction: column; gap: var(--sj-check-gap); } /* select is mobile-only; checkboxes are the desktop control */ .synceva-jobs .sj-select { display: none; } .synceva-jobs .sj-checks { display: flex; flex-direction: column; gap: var(--sj-check-gap); } .synceva-jobs .sj-check { display: flex; align-items: center; gap: 10px; cursor: pointer; } .synceva-jobs .sj-check__box { appearance: none; -webkit-appearance: none; width: var(--sj-check-size); height: var(--sj-check-size); flex: 0 0 var(--sj-check-size); border: 1px solid var(--sj-check-border); border-radius: 2px; background: var(--sj-white); cursor: pointer; position: relative; transition: background .15s ease, border-color .15s ease; } .synceva-jobs .sj-check__box:checked { background: var(--sj-check-on); border-color: var(--sj-check-on); } .synceva-jobs .sj-check__box:checked::after { content: ""; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .synceva-jobs .sj-check__label { font-size: var(--sj-check-text); color: var(--sj-body-text); line-height: 1.3; } .synceva-jobs .sj-check:hover .sj-check__label { color: var(--sj-navy); } /* --- job card ------------------------------------------------------ */ .synceva-jobs .sj-list { display: flex; flex-direction: column; gap: var(--sj-card-gap); } .synceva-jobs .sj-card { display: flex; align-items: center; gap: 20px; background: var(--sj-card-bg); border: 1px solid var(--sj-card-border); border-radius: var(--sj-card-radius); box-shadow: var(--sj-card-shadow); padding: var(--sj-card-pad); transition: border-color .2s ease; } .synceva-jobs .sj-card:hover { border-color: #D3DBE1; } .synceva-jobs .sj-card__text { flex: 1 1 auto; min-width: 0; } .synceva-jobs .sj-card__action{ flex: 0 0 auto; } .synceva-jobs .sj-card__title { margin: 0 0 6px; font-size: var(--sj-title-size); font-weight: var(--sj-title-weight); color: var(--sj-title-color); line-height: 1.4; } .synceva-jobs .sj-card__desc { margin: 0; font-size: var(--sj-desc-size); color: var(--sj-desc-color); line-height: var(--sj-desc-lh); } .synceva-jobs .sj-card__btn { display: inline-block; background: var(--sj-btn-bg); color: var(--sj-btn-fg); border-radius: var(--sj-btn-radius); padding: var(--sj-btn-pad); font-size: var(--sj-btn-size); font-weight: 600; text-decoration: none; white-space: nowrap; transition: background .2s ease; } .synceva-jobs .sj-card__btn:hover { background: var(--sj-orange-hover); color: var(--sj-btn-fg); } /* --- pagination ---------------------------------------------------- */ .synceva-jobs .sj-pager { display: flex; justify-content: flex-end; gap: 20px; margin-top: 22px; } .synceva-jobs .sj-pager__link { font-size: 14px; font-weight: 600; color: var(--sj-orange)!important; text-decoration: none; background:transparent!important; } .synceva-jobs .sj-pager__link:hover { text-decoration: underline; } /* --- empty state --------------------------------------------------- */ .synceva-jobs .sj-empty { font-size: 14px; color: var(--sj-body-text); padding: 20px 0; } /* --- responsive ---------------------------------------------------- */ @media (max-width: 1024px) { .synceva-jobs { --sj-sidebar-w: 30%; } } @media (max-width: 767px) { .synceva-jobs .sj-search__btn { flex: 0 0 auto; padding: 12px 12px; } .synceva-jobs .sj-list { width: 100%!important; } .synceva-jobs .sj-list, .sj-card__action { width:fit-content!important; } .synceva-jobs .sj-filters__form { flex-direction: row; align-items: center; } .synceva-jobs .sj-body { flex-direction: column; } .synceva-jobs .sj-filters { flex: 0 0 auto; width: 100%; margin-bottom: 24px; } /* checkboxes out, select in */ .synceva-jobs .sj-checks { display: none; } .synceva-jobs .sj-select { display: block; width: 100%; background: var(--sj-select-bg); border: 1px solid var(--sj-select-border); border-radius: var(--sj-select-radius); padding: var(--sj-select-pad); font-size: var(--sj-select-size); color: var(--sj-body-text); font-family: inherit; line-height: 1.6; height:fit-content; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%234A5A68' d='M1 1l5 5 5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; } .synceva-jobs .sj-select:focus { outline: none; border-color: var(--sj-orange); } .synceva-jobs .sj-card { flex-direction: column; align-items: flex-start; gap: 14px; } .synceva-jobs .sj-card__action { width: 100%; } .synceva-jobs .sj-card__btn { display: block; text-align: center; } } /* --- AJAX loading state -------------------------------------------- */ .synceva-jobs .sj-list--loading { opacity: .45; pointer-events: none; transition: opacity .15s ease; } /* --- clickable card title (opt-in per job) -------------------------- */ .synceva-jobs .sj-card__link { color: inherit; text-decoration: none; transition: color .15s ease; margin: 0 0 6px; font-size: var(--sj-title-size); font-weight: var(--sj-title-weight); color: var(--sj-title-color); line-height: 1.4; } .sj-more-wrap { justify-content: end; display:flex; padding-top:16px; } .synceva-jobs .sj-card__link:hover { color: var(--sj-orange); text-decoration: underline; } /* pager items are