:root {
  --careers-primary: #2d78c3;
  --careers-primary-deep: #1d489c;
  --careers-primary-soft: #edf4ff;
  --careers-hero-start: #6959be;
  --careers-hero-end: #2d78c3;
  --careers-warm: #feb700;
  --careers-warm-deep: #edad0c;
  --careers-peach: #ffa6a0;
  --careers-text: #191919;
  --careers-text-soft: #4c4c4c;
  --careers-border: #dbe4f3;
  --careers-border-strong: #cdd9ee;
  --careers-surface: #ffffff;
  --careers-surface-soft: #f8fbff;
  --careers-shadow: 0 14px 34px rgba(17, 48, 96, 0.08);
}

.careers-page .font-icon{
  width: 1em;
  height: 1em;
}

.careers-page svg.hidden{
  display: none;
}

.careers-page svg.icon-font {
  width: 1em;
  height: 1em
}
.hidden{display:none;}


.careers-page {
  margin: 0;
  font-family: "Poppins", sans-serif;
  color: var(--careers-text);
  background: #ffffff;
  overflow-x: clip;
   .career-wrap{
      background: linear-gradient(264.98deg, #6959BE 15.2%, #2D78C3 80.98%);
      max-width: 100%;width:100%;
  }
}

.careers-page img {
  display: block;
  max-width: 100%;
}

.careers-page .section-space {
  padding: 4.75rem 0 0;
}

.careers-page .container-xxl {
  max-width: 1440px;
}

.careers-page .careers-hero {
  padding: 2rem 0 0;
  background: linear-gradient(255deg, var(--careers-hero-start) 15.2%, var(--careers-hero-end) 80.98%);
}

.careers-page .careers-kicker {
  margin: 0;
  color: var(--careers-warm);
  font-size: 2.35rem;
  font-weight: 700;
  line-height: 1.2;
}

.careers-page .careers-hero .careers-hero-text{
  margin: 0.85rem 0 0;
  color: #ffffff;
  font-weight: 500;
  line-height: 1.5;
  margin: 1rem 0 0;
  /*color: rgba(255, 255, 255, 0.88);*/
  font-size: 1.25rem;
  line-height: 1.55;
  max-width: 90%;
}

.careers-page .careers-hero-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 1.5rem;
}

.careers-page .careers-pill-card {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.425rem 1rem 0.425rem 0.425rem;
  background: rgba(17, 75, 134, 0.71);
  border: 1px solid rgba(255, 255, 255, 0.36);  
  border-radius: 2.5rem;
  color: #ffffff;

}
.careers-page .careers-pill-icon {
  border-radius: 50%;
  width: 2.5rem ;
  height: 2.5rem;
  align-content: center;
  place-items: center;
  background: white; 
}
.careers-page .careers-pill-card strong,
.careers-page .careers-pill-card span {
  display: block;
}

.careers-page .careers-pill-card strong {
  font-size: 0.95rem;
  font-weight: 600;
  line-height: normal;
}

.careers-page .careers-pill-card span {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.76rem;
  flex-shrink: 0;
}

.careers-page .careers-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.6rem;
}

.careers-page .careers-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /*padding: 1rem 1.5rem;*/
  padding: 0.75rem 1.5rem 0.75rem 1.2rem;
  border-radius: 0.85rem;
  border: 1px solid transparent;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 10px 20px rgba(5, 20, 58, 0.12);
  transition: transform 220ms ease, box-shadow 220ms ease, background 220ms ease, color 220ms ease;
  .icon{
      font-size: 20px;line-height: normal;margin-right: 0.5rem;
  }
}

.careers-page .careers-btn:hover {
  transform: translateY(-1px);
}

.careers-page .careers-btn-primary {
  color: #191919;
  background: linear-gradient(90deg, var(--careers-warm-deep) 0%, var(--careers-peach) 100%);
}

.careers-page .careers-btn-secondary {
  color: #2b2a29;
  border-color: #9eb4cf;
  background: linear-gradient(189deg, #ffffff 9.24%, #eeefff 79.6%);
}

.careers-page .careers-hero-media {
      border-radius: 37px;box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2);
  .careers-hero-image{
      border: 2px solid rgba(255, 255, 255, 0.85);
      object-fit: none;overflow:hidden;
  }
}

.careers-page .careers-hero-image,
.careers-page .careers-story-image {
  width: 100%;
  border-radius: 1.7rem;
  object-fit: cover;
}

.careers-page .careers-stat-strip {
  padding:1rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: #FAFBFF;
  border: 1px solid #B2BCE6;
}

.careers-page .careers-stat {
  display: flex;
  align-items: center;
  gap: 0.9rem;
}

.careers-page .careers-stat-icon,
.careers-page .careers-process-icon,
.careers-page .careers-pillar-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #F1F6FF;
  color: var(--careers-primary-deep);
  font-weight: 700;
}

.careers-page .careers-pillar-icon img{
  width: 2.5rem;
  height: 2.5rem;
}


.careers-page .careers-stat-icon {
  width: 2.65rem;
  height: 2.65rem;
  flex: 0 0 2.65rem;
  background: #E7ECFF;
  box-shadow: none;
}
.careers-page .careers-stat-icon img{
  width: 1.4rem;
  height: 1.4rem;
}

.careers-page .careers-stat strong,
.careers-page .careers-stat span {
  display: block;
}

.careers-page .careers-stat strong {
  color: #464955;
  font-size: 1rem;
  font-weight: 700;
}

.careers-page .careers-stat span {
  color: #6a6f7b;
  font-size: 0.8rem;
  line-height: 1.4;
  display: inline-flex;
  place-items: center;
  
}

.careers-page .careers-story-copy .h2 {
  margin: 0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.16;
  background: linear-gradient(90deg, #202020 0%, #515151 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.careers-page .careers-story-copy .h2 .strong {
  display: block;
  color: var(--careers-warm);
  background: none;
  -webkit-text-fill-color: var(--careers-warm);
  font-weight: 700;
}

.careers-page .careers-story-copy p {
  margin: 1rem 0 0;
  color: var(--careers-text-soft);
  font-size: 1rem;
  line-height: 1.9;
}

.careers-page .careers-quote-box {
  margin-top: 1.5rem;
  padding: 1rem 1.2rem;
  border: 1px solid #d2dff5;
  border-radius: 1rem;
  background: var(--careers-primary-soft);
  color: var(--careers-primary-deep);
  font-size: 0.95rem;
  font-style: italic;
  font-weight: 500;
  line-height: 1.9;
}

.careers-page .careers-story-note {
  font-size: 0.92rem;
}

.careers-page .careers-story-media {
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: var(--careers-shadow);
}

.careers-page .careers-section-head {
  margin-bottom: 2rem;
}

.careers-page .careers-section-head .h2 {
  margin: 0;
  color: var(--careers-primary);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
}

.careers-page .careers-pillars .careers-section-head .h2,
.careers-page .careers-process .careers-section-head .h2 {
  color: #2d2d2d;
  background: linear-gradient(90deg, #535353 0%, #000000 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.careers-page .careers-openings .careers-section-head .h2, .careers-page .careers-process .careers-section-head .h2{
background: linear-gradient(90deg, #2047A9 0%, #339DE0 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.careers-page .careers-section-head p {
  max-width: 56rem;
  margin: 0.7rem auto 0;
  color: var(--careers-text-soft);
  font-size: 1.05rem;
  line-height: 1.75;
}

.careers-page .careers-pillars {
  padding:1rem 1rem 0.1rem;
}

.careers-page .careers-pillars .container-xxl {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
  border-radius: 2rem;
  background: linear-gradient(78deg, #fbf2df 5.38%, #fff1f0 87.63%);
}

.careers-page .careers-pillar-card {
  padding: 1.5rem 1.2rem 1.3rem;
  border: 1px solid #ad71f6;
  border-radius: 1.25rem;
  background: #ffffff;
  text-align: center;
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.09);
}

.careers-page .careers-pillar-icon,
.careers-page .careers-process-icon {
  width:10rem;
  height: 10rem;
  border: 1px solid #AFCEE7;
  margin: 0 auto 1rem;
  font-size: 1.05rem;
  background-color: white;
  box-shadow: 0px 4px 13.5px rgba(34, 74, 101, 0.14);
}
.careers-page .careers-pillar-icon{width: 8rem;height: 8rem; background-color: #F1F6FF; border: none; box-shadow: none;}
.careers-page .careers-pillar-icon img{width: 4.5rem; height: 4.5rem;}

.careers-page .careers-process-icon img{
  width: 5rem;
}

.careers-page .careers-pillar-card h3,
.careers-page .careers-process-card h3 {
  margin: 0;
  color: #191919;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.55;
}

.careers-page .careers-pillar-card p,
.careers-page .careers-process-card p {
  margin: 0.7rem 0 0;
  color: var(--careers-text-soft);
  font-size: 0.88rem;
  line-height: 1.8;
}

.careers-page .careers-filter-bar {
  margin-top: 2.3rem;
  padding: 0.95rem;
  border: 1px solid var(--careers-border);
  border-radius: 1.10rem;background: #F1F5FF;
  /*background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
  box-shadow: var(--careers-shadow);*/

}

.careers-page .careers-input {
  min-height: 3.3rem;
  border: 1px solid var(--careers-border-strong);
  border-radius: 0.8rem;
  box-shadow: none;
  color: #4d576a;
  font-size: 0.87rem;padding-left: 1rem;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.11);  
  background: #FFFFFF;
  border: 1px solid #AFCEE7;
  box-shadow: 0px 4px 13.5px rgba(34, 74, 101, 0.14);
}

.careers-page .careers-input.search_field{background: url(images/search_icn.svg) no-repeat 20px center; padding-left: 3rem;}
.careers-page .careers-input.form-select{
  background:#fff url(../../images/assets-latest/select-dropdown.svg) no-repeat calc(100% - 20px) center;
}

.careers-page .careers-input.job-location{
  background: url(../../images/assets-latest/career-location.svg) no-repeat 12px center, 
              url(../../images/assets-latest/select-dropdown.svg) no-repeat calc(100% - 20px) center;
  padding-left: 2.4rem;background-color:#fff;
}

.careers-page .careers-input:focus {
  border-color: #8ab5ef;
  box-shadow: 0 0 0 0.2rem rgba(45, 120, 195, 0.12);
}

.careers-page .careers-filter-btn {
  min-height: 3.3rem;
  border-radius: 0.6rem;
  font-size: 1.20rem;
  font-weight: 500;
  
}

.careers-page .careers-filter-reset {
  color: #000000;width:170px;border: 1px solid #74A7D9;
  background: #f4f7fc;
  background-image: linear-gradient(258.07deg, #E8E5FF 4.36%, #C2E4FF 101.45%), radial-gradient(circle at top left, #E8E5FF,var(--careers-warm-deep));
  box-shadow: 0px 4px 9.4px rgba(0, 0, 0, 0.15);
}

.careers-page .careers-filter-search {
  color: #191919;width:214px;border:1px solid #ca9108;
  background: linear-gradient(90deg,  0%, 100%);
  /*border-radius: 30px;  border-radius: 50em;*/
    background-image: linear-gradient(var(--careers-warm-deep), var(--careers-peach) ), radial-gradient(circle at top left, var(--careers-peach),var(--careers-warm-deep));
  background-origin: border-box;background-clip: padding-box, border-box;
  box-shadow: 0px 4px 9.4px rgba(0, 0, 0, 0.15);
}

.careers-page .careers-job-list {
  display: grid;
  gap: 1rem;
  margin-top: 1.6rem;
}

.careers-page .careers-job-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.2rem 1.35rem;
  border: 1px solid #e2e8f3;
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(15, 41, 92, 0.04);
}

.careers-page .careers-job-main {
  min-width: 0;
}

.careers-page .careers-job-tag {
  display: inline-flex;
  align-items: center;
  min-height: 1.55rem;
  padding: 0.22rem 0.7rem;
  border-radius: 999px;
  background: #e8f1ff;
  color: var(--careers-primary-deep);
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: capitalize;
}

.careers-page .careers-job-tag-alt {
  background: #f0ecff;
  color: #6c4fcf;
}

.careers-page .careers-job-card h3 {
  color: #191919;
  margin: 0.55rem 0 0;
  font-size: 1.26rem;
  font-weight: 500;
  line-height: 1.55;
}

.careers-page .careers-job-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 0.7rem 0 0;
  padding: 0;
  list-style: none;
  color: #778092;
  font-size: 0.82rem;
}

.careers-page .careers-job-meta li {color: #636363;font-size: 14px;position: relative;padding-left: 0rem;align-items: center;}

/*.careers-page .careers-job-meta li::before {
  content: "";position: absolute;left: 0;top: 0.42rem;width: 0.38rem;height: 0.38rem;
  border-radius: 50%;background: #a7b4ca;
}*/

.careers-page .careers-job-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
  /*flex: 0 0 auto;*/
}

.careers-page .careers-job-side span {color: #363636;font-size: 0.8rem;text-align: center;width: 100%;}

.careers-page .careers-apply-btn {
  background: linear-gradient(90deg, #0C8AE5 0%, #1C4AA4 100%);
  box-shadow: 0px 4px 9.4px rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  color: #ffffff;
  font-size: 0.9rem;font-size: 1.15rem;
  transition: all 0.3s linear;
  font-weight: 600;
  justify-content: center;
    padding: 0.5rem 1.35rem;
}

.careers-page .careers-apply-btn:hover{
  transform: translateX(3px);
}
.careers-page .careers-apply-btn::after {
  content: url("../images/assets-latest/arrow-applynow.svg");
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 0.5rem;
  margin-right: 0.3rem;
}
.careers-page .careers-apply-btn:hover,
.careers-page .careers-loadmore-btn:hover {
  color: #ffffff;
}

.careers-page .careers-loadmore-wrap {
  margin-top: 1.9rem;
}

.careers-page .careers-loadmore-btn {
  border-radius: 999px;
  background: linear-gradient(90deg, var(--careers-warm-deep) 0%, var(--careers-peach) 100%);
  color: #191919;
  padding: 0.825rem 2rem;
  font-size: 1.165rem;
  font-weight: 600;
}

.careers-page .careers-process {
  padding-bottom: 4.75rem;
}

.careers-page .careers-process-panel {
  padding: 2.6rem 2rem;
  border-radius: 1.75rem;
  background: linear-gradient(180deg, #edf4ff 0%, #f7faff 100%);
}

.careers-page .careers-process-card {
  text-align: center;
  padding: 0.5rem 0.75rem;
}

.careers-page .careers-process-card h3 {
  font-size: 0.98rem;
}

.careers-page .our-culture-wrap {
  .block-title{
    font-weight: 700;
  background: linear-gradient(90deg, #1147AE 0%, #0F85C4 100%);
  webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  }
  .block-title-small {
    max-width: 56rem;
    margin: 0.7rem auto 0;
    color: var(--careers-text-soft);
    font-size: 1.05rem;font-weight: 400;
    line-height: 1.75;
  }
}

.careers-page .collase-img-gallery-wrap { 
  width: 100%;overflow: auto; 
  [alt="gallery"]{max-width: 100%;width:100%}
}

#job_valid_issues{    
    color: red;height: auto;font-size: 12px;font-weight: bold;flex-grow: 1;
    margin: auto;padding-top: 5px;
}

@media screen and (max-width:1440px){
  .careers-page .collase-img-gallery-wrap [alt="gallery"]{max-width: fit-content;width:auto}
}