/*
****************************************************************
First Screen Styles
****************************************************************
*/
/*
****************************************************************
=== Break Points ===
--------------------
1920  - Large Desktop
1440  - Desktop/Laptop
768   - Tablet
375   - Mobile
****************************************************************
*/
/*--------------------------------------------------------------
=== FONTS ===
-------------
Montserrat 400, 400i, 500, 500i, 600, 600i
Merriweather 400i
--------------------------------------------------------------*/
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.eot');
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
  url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Montserrat-Regular.woff2') format('woff2'),
  url('../fonts/Montserrat-Regular.woff') format('woff'),
  url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Italic.eot');
  src: local('Montserrat Italic'), local('Montserrat-Italic'),
  url('../fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Montserrat-Italic.woff2') format('woff2'),
  url('../fonts/Montserrat-Italic.woff') format('woff'),
  url('../fonts/Montserrat-Italic.svg#Montserrat-Italic') format('svg');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Medium.eot');
  src: local('Montserrat Medium'), local('Montserrat-Medium'),
  url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Montserrat-Medium.woff2') format('woff2'),
  url('../fonts/Montserrat-Medium.woff') format('woff'),
  url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-MediumItalic.eot');
  src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'),
  url('../fonts/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Montserrat-MediumItalic.woff2') format('woff2'),
  url('../fonts/Montserrat-MediumItalic.woff') format('woff'),
  url('../fonts/Montserrat-MediumItalic.svg#Montserrat-MediumItalic') format('svg');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-SemiBold.eot');
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
  url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
  url('../fonts/Montserrat-SemiBold.woff') format('woff'),
  url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-SemiBoldItalic.eot');
  src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'),
  url('../fonts/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
  url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff'),
  url('../fonts/Montserrat-SemiBoldItalic.svg#Montserrat-SemiBoldItalic') format('svg');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Merriweather';
  src: url('../fonts/Merriweather48pt-Italic.eot');
  src: local('Merriweather 48pt Italic'), local('Merriweather48pt-Italic'),
  url('../fonts/Merriweather48pt-Italic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Merriweather48pt-Italic.woff2') format('woff2'),
  url('../fonts/Merriweather48pt-Italic.woff') format('woff'),
  url('../fonts/Merriweather48pt-Italic.svg#Merriweather48pt-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}


/*--------------------------------------------------------------
=== GLOBAL VAR ===
--------------------------------------------------------------*/
:root {
  --font-family-base:  'Montserrat', Arial, Helvetica, sans-serif;
  --font-family-accent: 'Merriweather';

  --black:            #000;
  --blue:             #1E4488;
  --blue-dark:        #20285C;
  --blue-medium:      #005EB0;
  --blue-light-tint:  #EBF7F8;
  --blue-bright:      #00F4FF;
  --aqua:             #00A6CF;
  --lavandar-light:   #C0D3FE;
  --lavander:         #748ED3;
  --hightlight:       #0088ED;
  --yellow:           #FFCD00;

  --gap:              2.5rem;
  --brdrd:            11px;
  --brdrd-sm:         10px;

  --nav-height:       5.5rem;
  --mb-base:          2rem;
  --mv:               calc(var(--mb-base) * 3.75);
  --mv-box:           calc(var(--mb-base) * 10);
  @media (min-width: 769px) {
    --nav-height:     5.4rem;
    --gap:              3rem;
    --brdrd:            15px;
  }
}


/*--------------------------------------------------------------
=== GLOBAL RESET ===
--------------------------------------------------------------*/
* { margin:0; padding:0; box-sizing:border-box;}
.clearfix { zoom:1;}
.clearfix:after { content:" "; display:table; clear:both;}
header, footer, section, nav, article, aside, details, figcaption, figure, hgroup, main, menu, summary { display:block;}
button { cursor:pointer;}
:focus { outline:none;}
button::-moz-focus-inner { border: 0;}

img, table { border: 0;}
img { display: block; max-width: 100%; height: auto;}
ul { list-style: none;}

/* FIX for laptops with scale screen 125% preset  */
@media (-webkit-device-pixel-ratio: 1.25) {
  :root {
    zoom: 0.8; }
}


/*--------------------------------------------------------------
=== BASE LAYOUT ===
--------------------------------------------------------------*/
/*html { scroll-behavior: smooth;}*/
.skip-link { transform: translateY(-200%); position: absolute; left: 1rem; top: 1rem; font-size: 2rem!important; background-color: rgba(255,255,255,.75);}
.skip-link:focus-visible { transform: translateY(0%)!important; z-index: 1000!important;}


body { min-height: 100vh; display: flex; flex-direction: column; width: 100%;}
#page { flex-grow: 1;}
.page-content > p { display: none;}
.container, #page > .wp-block-group/*, .page-header.ph-3lv + .wp-block-group > **/ { margin-left:auto; margin-right:auto; width: 100%;}

.row { display: flex; width: 100%; gap: var(--gap);}
.col { min-height: 1px;}
.nowrap { white-space: nowrap;}

.mv-top { margin-top: var(--mv);}
.mv-bot { margin-bottom: var(--mv);}
.mv-box-t { margin-top: var(--mv-box);}
.mv-box-b { margin-bottom: var(--mv-box);}

.mv-top-0 { margin-top: 0!important;}
.mv-bot-0 { margin-bottom: 0!important;}

@media (max-width: 768px) {
  .section/*, .page-header.ph-3lv + .wp-block-group > **/ { padding: 10rem 0;}
  .container, #page > .wp-block-group/*, .page-header.ph-3lv + .wp-block-group > **/ { padding-left: 16px; padding-right: 16px;}
}
@media (min-width: 769px) {
  #page .container, footer .container, #page > .wp-block-group { max-width: calc(1318px + 50px * 2);}
  .section { padding: 20rem 0;}
  .container, #page > .wp-block-group { padding-left: 50px; padding-right: 50px;}
}


/*--------------------------------------------------------------
=== TYPOGRAPHY & COLORS ===
--------------------------------------------------------------*/
html { font-size: 10px; background: #fff;}
body, td, th, input, select, textarea, button { font: 400 2.6rem/1.38em var(--font-family-base); color: var(--blue-dark);}

@media (max-width:768px) {
  body, td, th, input, select, textarea, button { font-size: 1.8rem;}
}
@media (min-width:769px) {
  body, td, th, input, select, textarea, button { font-size: 2rem;}
}
@media (min-width: 1440px) {
  body, td, th, input, select, textarea, button { font-size: 2.2rem;}
}
@media (min-width: 1920px) {
  body, td, th, input, select, textarea, button { font-size: 2.4rem;}
}

h1, .h1 { line-height: 1.18; font-weight: 300;}
h1:not(:last-child), .h1:not(:last-child) { margin-bottom: calc(var(--mb-base) * 1.5);}
h2, .h2 { line-height: 1.15; font-weight: 600; color: var(--blue);} /* news */
h2:not(:last-child), .h2:not(:last-child) { margin-bottom: calc(var(--mb-base) * 3);}
h2 + .under-head-line, .h2 + .under-head-line { margin-top: calc(var(--mb-base) * -3);}
h3, .h3 { font-size: 4.8rem; line-height: 1.15; font-weight: 600;}
h3:not(:last-child), .h3:not(:last-child) { margin-bottom: calc(var(--mb-base) * 1.5);}
@media (max-width:768px) {
  h1, .h1 { font-size: 3.4rem;}
  h2, .h2 { font-size: 3.2rem;}
  h3, .h3 { font-size: 3.2rem;}
}
@media (min-width:769px) {
  h1, .h1 { font-size: 4.4rem;}
  h2, .h2 { font-size: 4rem;}
  h3, .h3 { font-size: 3.6rem;}
}
@media (min-width: 1440px) {
  h1, .h1 { font-size: 5.4rem;}
  h2, .h2 { font-size: 5rem;}
  h3, .h3 { font-size: 4.2rem;}
}
@media (min-width: 1920px) {
  h1, .h1 { font-size: 6.4rem;}
  h2, .h2 { font-size: 5.7rem;}
  h3, .h3 { font-size: 4.6rem;}
}

.blue { color: var(--blue);}
.w-dark-bg { color: #fff;}
.w-dark-bg, .w-dark-bg .section-title, .w-dark-bg h5 { color: #fff!important;}  /* team-click */
.w-dark-bg a:not(.btn) { color: #fff!important;}
.w-dark-bg a:not(.btn):hover, .w-dark-bg a:not(.btn):focus, .w-dark-bg a:not(.btn):hover *, .w-dark-bg a:not(.btn):focus * { color: var(--blue-bright)!important;}
#page .w-dark-bg ul li:before { background: #fff;}

/*--------------------------------------------------------------
=== HEADER ===
--------------------------------------------------------------*/
header { z-index: 100; position: fixed; top: 0; width: 100%; background-color: rgba(255,255,255,0); transition: .25s ease-in-out;}
.popup-open header { z-index: 0;}
header .container { display: flex; justify-content: space-between; transition: .25s ease-in-out;}
#logo { z-index: 100; position: relative;}
@media (max-width: 768px) {
  header { padding: 1.5rem 0;}
  #logo { width: 18.6rem; min-width: 18.6rem;}
}
@media (min-width: 769px) {
  header { padding: 3.9rem 0 .5rem;}
  header .container { max-width: none; align-items: flex-start;}
  #logo { width: 24.5rem;}
}


/*--------------------------------------------------------------
=== NAVIGATION ===
--------------------------------------------------------------*/
#nav {}
#main-nav { display: flex; justify-content: flex-end; align-items: flex-start;}
#main-nav a { display: block; font-size: 2.2rem; line-height: 1.2; color: var(--blue-dark); text-decoration: none;}

#main-nav > li > a { font-weight: 600; letter-spacing: .02em; position: relative;}
#main-nav .sub-menu a { font-weight: 500;}

#main-nav > li > a:after { z-index: 100; position: absolute; bottom: -.6rem; left: 50%; transform: translateX(-50%); height: 2px; width: 0; border-radius: 2px; background: var(--hightlight); content: ''; transition: .25s ease-in-out;}
@media (max-width:768px) {
}
@media (min-width:769px) {
}
@media (min-width: 1440px) {
  #main-nav > li > a:after { bottom: -.6rem;}
}
@media (min-width: 1920px) {
  #main-nav > li > a:after { bottom: -.4rem;}
}

#main-nav a:hover, #main-nav a:focus, #main-nav .current-menu-ancestor > a { color: var(--blue-medium);}

.nav-control { z-index: 100; position: absolute; right: 20px; margin-top: 1.5rem; display: flex; gap: 6px; flex-direction: column; align-items: center; justify-content: center; width: 40px; height: 40px; cursor:pointer;
  transform: rotate(0deg); transition: .5s ease-in-out;}
.nav-control > span { display:block; width: 100%; height: 3px; border-radius: 3px; background: var(--black); transform: rotate(0deg); transition: .25s ease-in-out;}
.sticky-header .nav-control { margin-top: 1rem;}

@media (max-width:768px) {
  #nav { margin-right: -16px;}
}
@media (min-width:769px) and (max-width:1159px) {
  #nav { margin-right: -50px;}
}
@media (max-width:1159px) {
  #nav { z-index: 100; width: 170px;}
  .menu-menu-container { height: 0; overflow: hidden; position: absolute; left: 0; right: 0; top: 9.5rem; background: #fff; transition: .25s ease-in-out;}
  .sticky-header .menu-menu-container { top: 6.2rem;}
  #main-nav > li:hover > a:after { width: 100%;}
}
@media (min-width:1160px) {
  #nav { margin-right: -50px; margin-top: 1.7rem; width: 100%; max-width: 115.4rem; background: url("../img/nav.svg") left top / auto var(--nav-height) no-repeat;}
  #main-nav { position: relative; padding: 2.2rem 50px 0 50px; height: var(--nav-height);}
  #main-nav > li { position: relative; height: 100%;}
  #main-nav > li > a { padding: 0 40px;}

  .nav-control { display: none;}

  #main-nav .sub-menu { max-height: 0; overflow: hidden; position: absolute; left:50%; transform: translateX(-50%); top: calc(var(--nav-height) - 2.5rem); width: 21rem; border-radius: 1rem; background: #fff; box-shadow: 0 0 10px rgba(75,87,161,.38);}
  #main-nav li:hover .sub-menu, #main-nav a:hover + .sub-menu { max-height: calc(100vh - 8rem); padding: 1.8rem 1.4rem;}
  #main-nav > li:hover > a:after, #main-nav > li.current-menu-ancestor > a:after { width: calc(100% - 80px);}

  #main-nav .sub-menu a { padding: .6rem 0;}
}

@media (max-width:768px) {
  #main-nav > li > a { font-size: 2rem;}
  #main-nav .sub-menu a { font-size: 1.6rem;}
}
@media (min-width:769px) {
  #main-nav > li > a { font-size: 2rem; }
  #main-nav .sub-menu a { font-size: 1.6rem;}
}
@media (min-width: 1440px) {
  #main-nav > li > a { font-size: 2rem;}
  #main-nav .sub-menu a { font-size: 1.8rem;}
}
@media (min-width: 1920px) {
  #main-nav > li > a { font-size: 2.2rem;}
  #main-nav .sub-menu a { font-size: 1.8rem;}
}


/*--------------------------------------------------------------
=== Specific for the FRONT page ===
--------------------------------------------------------------*/
.brdrd { overflow: hidden; border-radius: var(--brdrd);}
.img-wrapper.brdrd img { border-radius: var(--brdrd);}

/* --- HERO & PAGE HEADER */
.hero { position: relative; overflow: hidden;}
.hero_img, .hero_img img,
.page-header_img, .page-header_img img { z-index: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position: right center;}
.hero .container { z-index: 1; position: relative; display: flex; flex-direction: column;}
.hero .container, .hero_head * { transition: .25s ease-in-out;}
.hero_title { line-height: 1; font-weight: 600; letter-spacing: .05em; text-transform: uppercase;}
.hero_tagline { font-family: var(--font-family-accent); font-style: italic; line-height: 1.3; letter-spacing: .03em;}
.hero_text { line-height: 1.3; font-weight: 600;}

.page-header { background: url("../img/ph-3lv-m.webp") 0 bottom / cover no-repeat #cee7f3;}
.page-header_title { font-weight: 600; letter-spacing: .03em; text-transform: uppercase;}


@media (min-width: 769px) and (min-resolution: 1.5dppx) {
  .page-header { background-image: url("../img/ph-3lv@2x.webp");}
}

@media (max-width:768px) {
  .hero .container { height: 71.6rem; padding-top: 14.75rem;}
  .hero_img, .hero_img img { object-position: center;}
  .page-header_img, .page-header_img img { object-position: center bottom;}
  .hero_mg img, .page-header_img img { width: 100vw; height: 100%;}
  .hero_text { margin-top: 4rem;}

  .page-header { position: relative;}
  .page-header .container { z-index: 1; position: relative; height: 57.288rem; padding-top: 14.75rem;}
  .page-header.ph-2lv .container { height: 52rem;}

  .page-header.ph-3lv .container { height: 33rem; justify-content: center; padding-bottom: 2rem;}
  .page-header.ph-3lv .page-header_title { line-height: 1.05;}
}
@media (min-width:769px) {
  .hero_img, .hero_img img, .page-header_img, .page-header_img img { object-position: center;}
  .hero .container { /*padding: 18rem 2rem 14rem 50%;*/ padding: calc(5rem + 10vw + 17vh) 2rem calc(5rem + 1.5vw + 1.5vh) 50%; max-width: none!important; height: 100vh; min-height: 43.5rem; justify-content: center; color: var(--blue);}
  .hero_head { line-height: 1.1; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 10rem;}
  .hero_tagline { margin-top: 1.5rem;}
  .hero_title.line-2, .hero_tagline { margin-left: 22.6rem;}

  .page-header { position: relative; background: url("../img/ph-3lv.webp") center / cover no-repeat #cee7f3;}
  .page-header .container { display: flex; justify-content: flex-start;}
  .page-header_head { color: var(--blue); margin-top: 7rem;}

  .page-header.ph-2lv .container { height: 34.6354vw; min-height: 498px; padding-left: 44.5vw; max-width: none!important; align-items: center;}
  .page-header.ph-3lv .container { height: 46.1rem; align-items: flex-end; padding-bottom: 8rem;}
}
@media (min-width: 769px) and (max-width: 1090px) {
  .hero .container { padding-left: 44%;}
}
@media (min-width: 769px) and (max-width: 1439px) {
  .page-header.ph-3lv .container { align-items: center; padding-bottom: 0; align-items: center;}
}

@media (min-width: 1921px) and (min-aspect-ratio: 16/9) {
  .page-header.ph-2lv .container { height: 31.6406vw; padding-left: 45.5vw;}
}
@media (max-width:768px) {
  .hero_title { font-size: 5rem;}
  .hero_tagline { font-size: 2.6rem; margin-top: 1rem;}
  .hero_text { font-size: 2.2rem;}
}
@media (min-width:769px) {
  .hero_title { font-size: 6rem;}
  .hero_tagline { font-size: 3rem;}
  .hero_text { font-size: 2.2rem;}
  .hero_title.line-2, .hero_tagline { margin-left: 15rem;}
}
@media (min-width: 1440px) {
  .hero_title { font-size: 7.5rem;}
  .hero_tagline { font-size: 3.8rem;}
  .hero_text { font-size: 2.6rem;}
  .hero_title.line-2, .hero_tagline { margin-left: 18.6rem;}
}
@media (min-width: 1920px) {
  .hero_title { font-size: 9rem;}
  .hero_tagline { font-size: 4.6rem;}
  .hero_text { font-size: 3rem;}
  .hero_title.line-2, .hero_tagline { margin-left: 22.6rem;}
}
@media (min-width: 769px) and (max-width: 824px) {
  .hero_title.line-2, .hero_tagline { margin-left: 8.4rem;}
}


/* --- INTRO & content-3lv & gr-blue1-lt */
.intro, .content-3lv, .gr-blue1-lt, .page-header.ph-3lv + .wp-block-group { position: relative; overflow: hidden;}
.intro .container, .content-3lv .container, .gr-blue1-lt .container { z-index: 1; position: relative;}
.intro:before, .content-3lv:before, .gr-blue1-lt:before { z-index: 0; position: absolute; left: 0; right: 0; top: 0; height: 50.9rem; content: ""; background: linear-gradient(153.52deg, #DAF8FF 7%, #FFF 39.01%);}
@media (max-width:768px) {
  .intro, .content-3lv, .gr-blue1-lt, .page-header.ph-3lv + .wp-block-group { min-height: 30rem;}
  .intro { padding: 6rem 0 8rem;}
}
@media (min-width:769px) {
  .intro, .content-3lv, .gr-blue1-lt, .page-header.ph-3lv + .wp-block-group { min-height: 50rem;}
  .intro { padding: 15.7rem 0 10rem;}
}

/* --- section HOME INTRO */
.home_intro h2:not(:last-child), .home_intro .h2:not(:last-child) { margin-bottom: calc(var(--mb-base) * 1.5);}
.home_intro .section-content { line-height: 1.4;}
@media (max-width:768px) {
  .home_intro { padding-bottom: 5.5rem;}
}
@media (min-width:769px) {
  .home_intro { padding-bottom: 0;}
}

@media (max-width:768px) {
  .home_intro { font-size: 1.8rem; line-height: 1.4;}
}
@media (min-width:769px) {
  .home_intro { font-size: 2rem;}
  .home_intro p { max-width: 39.607em;}
}
@media (min-width: 1440px) {
  .home_intro { font-size: 2.6rem; line-height: 1.4;}
}
@media (min-width: 1920px) {
  .home_intro { font-size: 3rem; line-height: 1.4;}
}


/* --- PAGE Press Releases */
.press-releases .section-title_row { margin-bottom: calc(var(--mb-base) * 5);}
.press-releases .section-title_row select { width: 14rem;}
.press-releases .news-item:not(:last-child) { margin-bottom: calc(var(--mb-base) * 3);}

@media (max-width:768px) {
}
@media (min-width:769px) {
  .press-releases { padding-bottom: 20rem;}
  .press-releases .section-title_row { align-items: center;}
}


/* PAGE Privacy Policy */
#page .page_privacy-policy p:not(:last-child), #page .page_privacy-policy ul:not(:last-child), #page .page_privacy-policy ol:not(:last-child)   { margin-bottom: calc(var(--mb-base) * 2.5);}
#page .page_privacy-policy h3 { margin-bottom: 0;}
#page .page_privacy-policy strong { font-weight: 400;}


/* PAGE Pipeline */
@media (max-width:768px) {
  .pipeline-container { margin-left: -16px; margin-right: -16px; padding: calc(var(--mb-base) * 3) 16px; background: linear-gradient(to right,  #E6E7E8,#ffffff 100%);}
}
@media (min-width:769px) {
}


/* PAGE Investor */
.investor_intro .img-wrapper:not(.stock-chart-wrapper) { margin: 0 0 3.5rem;}
@media (max-width:768px) {
  .investor_intro .btn-default { font-size: 1.7rem;}
}
@media (min-width:769px) {
  .investor_intro .col-md-7 { padding-right: 5.1rem;}
  .investor_intro .btn-default { font-size: 1.8rem;}
}
@media (min-width: 1440px) {
  .investor_intro .btn-default { font-size: 1.9rem;}
}
@media (min-width: 1920px) {
  .investor_intro .btn-default { font-size: 2.1rem;}
}


/*--------------------------------------------------------------
=== page ABOUT ===
--------------------------------------------------------------*/

/* --- about INTRO */
.about_intro { padding-bottom: 0;}



/*--------------------------------------------------------------
=== page PATIENTS ===
--------------------------------------------------------------*/
@media (max-width: 768px) {
  .ph-patients .page-header_title { font-size: 3.1rem!important;}
}


/*--------------------------------------------------------------
=== PAGE Career ===
--------------------------------------------------------------*/

/* Career Page Header */
.ph-career:after { position: absolute; left: 0; right: 0; bottom: 0; content: ""; background: linear-gradient(180deg, rgba(30, 68, 136, 0) 0%, var(--blue) 73.56%);}
.btn-join { color: var(--hightlight); background: linear-gradient(91.79deg, #DAF8FF 3.37%, #FFFFFF 67.37%); box-shadow: 0px 0px 5px 5px rgba(0, 166, 207, 0.35);}
.btn-join:hover, .btn-join:focus { color: var(--aqua); background: linear-gradient(91.79deg, #DAF8FF -30.37%, #FFFFFF 47.37%);}
@media (max-width:768px) {
  .ph-career:after { height: 152px;}
  .ph-career .page-header_title { margin-bottom: calc(var(--mb-base) * 1);}
  .btn-join { padding: .8rem 1.5rem; border-radius: 35px;}
}
@media (min-width:769px) {
  .ph-career:after { height: 224px;}
  .ph-career .container { padding-left: 50px!important;}
  .ph-career .page-header_title { margin: 11vw auto 0; padding: 1rem 5rem; color: #fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 50px; background: linear-gradient(270deg, #005EB0 0%, #20285C 102.1%);
    box-shadow: 0px 0px 25px 15px rgba(1, 255, 230, 0.5);}
  .btn-join { z-index: 2; position: fixed; right: 0; margin-top: 11vw; padding: 1.3rem 2.5rem; border-radius: 35px 0px 0px 35px;}
}

/* Career Intro */
.career_intro { background: linear-gradient(180deg, var(--blue) 25.48%, var(--blue-dark) 100%)!important;}
.career_intro:before { display: none!important;}
@media (max-width:1010px) {
  .career_intro .row { flex-direction: column;}
  .career_intro .col-2 { margin: 0 auto; max-width: 420px;}
}
@media (min-width:769px) {
  .career_intro { padding-top: 6rem;}
  .career_intro .section-title { margin-bottom: 0;}
  .career_intro .col-1 { flex: 0 0 60%; padding-top: 3.5rem;}
  .career_intro .col-2 { flex: 0 0 40%;}
}


/*--------------------------------------------------------------
=== ANIMATION ===
--------------------------------------------------------------*/
.animate-me {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.animate-me.animate-in {
  opacity: 1;
  transform: translateY(0);
}
.pipeline-line.animate-me { transform: translateY(0); opacity: 1; max-width: 0; transition: 1s ease-in-out .5s;}
.pipeline-line.animate-me.animate-in { max-width: 100rem;}