@charset "utf-8";

@keyframes career-hero-animation { 
  0% { transform: translateY(0px); }
  50% { transform: translateY(-20px) scale(1.015); }
}

.aniamte-reverse { animation-delay: 3s; animation-direction: reverse; }

.author-card.open .author-info { display: block; }

.author-card.open { max-width: 635px; }

.author-card.open .author-name-card { opacity: 0; transition: 0.25s ease-in; }

.author-card.open .author-info p { opacity: 1; }

.stack-card-shadow { filter: drop-shadow(rgba(24, 12, 55, 0.4) 0px -61px 180px); }

.dropdown:hover .dropdown-menu { display: block; }

.scroll-cards__item { --offset: .5em; position: sticky; top: max(12vh, 23rem); }

.scroll-cards { clip-path: ellipse(175% 100% at center bottom); }

.scroll-cards__item:nth-of-type(0) { transform: translate(calc(var(--offset)*-1),calc(var(--offset)*0)); }

.scroll-cards__item:first-of-type { transform: translate(calc(var(--offset)*1),calc(var(--offset)*-5)); }

.scroll-cards__item:nth-of-type(2) { transform: translate(calc(var(--offset)*1),calc(var(--offset)*6)); }

.scroll-cards__item:nth-of-type(3) { transform: translate(calc(var(--offset)*1),calc(var(--offset)*17)); }

.scroll-cards__item:nth-of-type(4) { transform: translate(calc(var(--offset)*1),calc(var(--offset)*28)); }

.benefit-tab-content { display: none; }

.benefit-tab-content.active { display: flex; }

.benefits-tab.active .benefits-tab-list { border: 1.4px solid rgb(249, 109, 65); }

.benefits-tab.active .benefits-tab-list span { color: rgb(249, 109, 65); font-variation-settings: "wght" 700; }

.benefits-tab.active .benefits-tab-list path { stroke: rgb(249, 109, 65); }

.benefits-tab.active .line { animation: 2s ease 0s 1 normal forwards running opacity-change; }

.line { opacity: 0; }

@keyframes opacity-change { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.timeline ul li { background: transparent; }

.timeline ul li.in-view { transition: 0.125s ease-in-out, background-color 0.2s ease-out, color 0.1s ease-out, border 0.1s ease-out; }

.step-number-block { background: rgb(50, 57, 124); border: 2px solid rgb(129, 146, 213); color: rgb(129, 146, 213); }

.in-view .step-number-block { background: rgb(205, 227, 254); border: 2px solid rgb(205, 227, 254); color: rgb(50, 57, 124); }

.desc { display: none; }

.in-view.current-active .desc { display: block; }

.step-tittle { color: rgb(129, 146, 213); }

.in-view .step-tittle { color: rgb(205, 227, 254); font-variation-settings: "wght" 700; }

.circular-progress-bar, .circular-progress-track, .inspiring-circular-progress-bar { fill: transparent; stroke: currentcolor; stroke-linecap: round; transition: stroke-dasharray 0.3s; }

.inspiring-tab-content { display: none; }

.inspiring-tab-content.active, .inspiring-tab.active .circular-progress-wrapper { display: block; }

.inspiring-tab .circular-progress-wrapper { height: 90px; width: 90px; }

.inspiring-tab .circular-progress-track { stroke: rgb(159, 183, 245); stroke-width: 2px; }

.inspiring-tab.active .circular-progress-bar { stroke: rgb(56, 63, 128); }

.inspiring-tab.active .progress-figure { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 70px; opacity: 1; width: 70px; }

.tab.active .progress-figure { position: relative; }

.inspiring-tab.active .progress-figure-container::after, .tab.active .progress-figure::after { background-image: url("/images/career/svg/icon-star-orange.svg"); bottom: -30px; content: ""; height: 20px; left: 50%; position: absolute; transform: translate(-50%); width: 20px; }

.inspiring-tab.active .progress-figure-container::after { background-image: url("/images/career/svg/icon-star-blue.svg"); }

.inspiring-tab.active .inspiring-circular-progress-bar { stroke: rgb(56, 63, 128); }

.tab-content { display: none; }

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

.progress-figure { height: 60px; opacity: 0.6; position: relative; transition: 0.15s; width: 60px; }

.tab.active .progress-figure { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 80px; opacity: 1; padding: 3px; width: 80px; }

.circular-progress-svg { transform: rotate(90deg); }

.circular-progress-wrapper { display: none; height: 95px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 95px; }

.tab.active .circular-progress-wrapper { display: block; }

.circular-progress-svg { height: 100%; width: 100%; }

.circular-progress-bar, .circular-progress-track { fill: transparent; stroke: currentcolor; stroke-linecap: round; transition: stroke-dasharray 0.3s; }

.circular-progress-track { stroke: rgb(252, 221, 212); }

.circular-progress-bar { stroke: rgb(249, 109, 65); }

.list button { align-items: center; cursor: pointer; display: none; font-size: 14px; gap: 5px; }

.author-card.open .author-info { animation: 1s ease 0s 1 normal none running fade-in; }

@keyframes fade-in { 
  0% { opacity: 0; }
  60% { opacity: 0; }
  100% { opacity: 1; }
}

video { height: auto; width: 100%; }

@media (max-width: 1200px) {
  .author-card.open { max-width: 55%; }
}

@media (max-width: 1024px) {
  .career-truncate-text { display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }
  .tab.active .progress-figure { position: relative; }
  .scroll-cards { clip-path: ellipse(223% 100% at center bottom); }
  .progress-figure { height: 50px; width: 50px; }
  .tab.active .progress-figure { height: 70px; width: 70px; }
  .circular-progress-wrapper { height: 80px; width: 80px; }
  .inspiring-tab .progress-figure { height: 70px; width: 70px; }
}

@media (max-width: 1023px) {
  .scroll-cards__item { position: relative; top: 0px; transform: translate(0px) !important; }
}

@media (max-width: 767px) {
  .benefits-tab .benefit-tab-content { }
  .benefits-tab.active .benefit-tab-content { display: flex; }
  .benefits-tab.active .benefits-tab-list { border: 0px; }
  .in-view.current-active .hiring-title { display: flex; }
  .benefits-tab.active .plus-icon { display: none; }
  .benefits-tab.active .minus-icon { display: block; }
  .benefits-tab .minus-icon { display: none; }
}

@media (max-width: 640px) {
  .scroll-cards { clip-path: ellipse(300% 100% at center bottom); }
  .tab.active .progress-figure { position: relative; }
  .progress-figure { height: 45px; width: 45px; }
  .tab.active .progress-figure { height: 50px; width: 50px; }
  .circular-progress-wrapper { height: 56px; width: 56px; }
  .list button { display: flex; }
}