@charset "UTF-8";
/* Electric Circus -- CSS Template Document */
@font-face {
    font-family: 'Cera Pro';
    src: url('../assets/fonts/CeraPro-BlackItalic.woff2') format('woff2'),
        url('../assets/fonts/CeraPro-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('../assets/fonts/CeraPro-Medium.woff2') format('woff2'),
        url('../assets/fonts/CeraPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('../assets/fonts/CeraPro-ThinItalic.woff2') format('woff2'),
        url('../assets/fonts/CeraPro-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('../assets/fonts/CeraPro-RegularItalic.woff2') format('woff2'),
        url('../assets/fonts/CeraPro-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('../assets/fonts/CeraPro-MediumItalic.woff2') format('woff2'),
        url('../assets/fonts/CeraPro-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('../assets/fonts/CeraPro-Thin.woff2') format('woff2'),
        url('../assets/fonts/CeraPro-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('../assets/fonts/CeraPro-LightItalic.woff2') format('woff2'),
        url('../assets/fonts/CeraPro-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('../assets/fonts/CeraPro-Regular.woff2') format('woff2'),
        url('../assets/fonts/CeraPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('../assets/fonts/CeraPro-Light.woff2') format('woff2'),
        url('../assets/fonts/CeraPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('../assets/fonts/CeraPro-Bold.woff2') format('woff2'),
        url('../assets/fonts/CeraPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('../assets/fonts/CeraPro-BoldItalic.woff2') format('woff2'),
        url('../assets/fonts/CeraPro-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('../assets/fonts/CeraPro-Black.woff2') format('woff2'),
        url('../assets/fonts/CeraPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
/* CSOD OVERRIDES */
#ns_container > body {
  padding-top: 0!important;
  scroll-behavior: smooth;
  overflow-x: hidden;
  padding-bottom: 80px;
}

#ctl00_pnlBR {
    display: none !important;
}

#ctl00_footer_pnlCustomFooter {display: none !important;}

#mainContainer {
    padding: 0 !important;
}

.widgetDropped {
    padding: 0 !important;
    margin: 0 !important;
}


/* ------------- */
/* -- GENERAL --*/
/* ----------- */
html {
  font-size: 14px;
}
body {
  font-size: 1rem;
  font-family: 'Cera Pro';
  font-weight: normal;
  overflow-x: hidden;
}
.grid-container {
  max-width: 1240px;
}
.f_width {width: 100%;}
.f_height {height: 100%;}
.pos_rel {position: relative;}
.z_index_2 {z-index: 2;}
.pos_abs {position: absolute;}
/* ----------- */
/* -- FONTS --*/
/* --------- */
h1 {
  font-size: 48px;
  font-family: 'Cera Pro';
  font-weight: bold;
  line-height: 56px;
  letter-spacing: -0.48px;
  margin-bottom: 0;
}
h2.big {
  font-size: 48px;
  font-family: 'Cera Pro';
  font-weight: bold;
  line-height: 56px;
  letter-spacing: -0.48px;
  margin-bottom: 0;
}
h2 {
  font-size: 40px;
  font-family: 'Cera Pro';
  font-weight: bold;
  line-height: 48px;
  letter-spacing: -0.4px;
  margin-bottom: 0;
}
h3 {
  font-size: 30px;
  font-family: 'Cera Pro';
  font-weight: bold;
  line-height: 38px;
  letter-spacing: -0.32px;
  margin-bottom: 0;
}
h4 {
  font-size: 24px;
  font-family: 'Cera Pro';
  font-weight: bold;
  line-height: 32px;
  letter-spacing: -0.24px;
  margin-bottom: 0;
}
h5 {
  font-size: 20px;
  font-family: 'Cera Pro';
  font-weight: bold;
  line-height: 26px;
  letter-spacing: -0.2px;
  margin-bottom: 0;
}
/* -------------- */
/* -- COLOURS -- */
/* ------------ */
.white {color:#fff;}
.white_bg {background-color:#fff;}
.black {color:#000;}
.black_bg {background-color:#000;}
.lblack {color:#2B2C2F;}
.lblack_bg {background-color:#2B2C2F;}
.lblue {color:#25ACC6;}
.lblue_bg {background-color:#25ACC6;}
.orange {color:#F58220;}
.orange_bg {background-color:#F58220;}
.orange_hover {color:#E8720D;}
.orange_hover_bg {background-color:#E8720D;}
.red {color:#DC4D28;}
.red_bg {background-color:#DC4D28;}
.yellow {color:#FAA61A;}
.yellow_bg {background-color:#FAA61A;}
.dgrey {color:#898A8E;}
.dgrey_bg {background-color:#898A8E;}

/* -------------- */
/* -- LINKS -- */
/* ------------ */
a.white_lnk {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all .4s;
  transition: all .4s;
}
a.white_lnk:hover {
  text-decoration: underline;
}
/* -------------- */
/* -- BUTTONS -- */
/* ------------ */
/* -------------- */
/* -- MARGINS -- */
/* ------------ */
.margin_0 {margin: 0;}
.margin_1 {margin: 1rem;}
.margin_2 {margin: 2rem;}
.margin_3 {margin: 3rem;}
.margin_4 {margin: 4rem;}
.t_margin_0 {margin-top: 0;}
.t_margin_05 {margin-top: 0.5rem;}
.t_margin_1 {margin-top: 1rem;}
.t_margin_2 {margin-top: 2rem;}
.t_margin_3 {margin-top: 3rem;}
.t_margin_4 {margin-top: 4rem;}
.t_margin_5 {margin-top: 5rem;}
.t_margin_6 {margin-top: 6rem;}
.b_margin_05 {margin-bottom: 0.5rem;}
.b_margin_1 {margin-bottom: 1rem;}
.b_margin_2 {margin-bottom: 2rem;}
.b_margin_3 {margin-bottom: 3rem;}
.b_margin_4 {margin-bottom: 4rem;}
.b_margin_5 {margin-bottom: 5rem;}
.b_margin_6 {margin-bottom: 6rem;}
.r_margin_0 {margin-right: 0;}
.r_margin_05 {margin-right: 0.5rem;}
.r_margin_1 {margin-right: 1rem;}
.r_margin_2 {margin-right: 2rem;}
.r_margin_3 {margin-right: 3rem;}
.r_margin_4 {margin-right: 4rem;}
.l_margin_0 {margin-left: 0;}
.l_margin_05 {margin-left: 0.5rem;}
.l_margin_1 {margin-left: 1rem;}
.l_margin_2 {margin-left: 2rem;}
.l_margin_3 {margin-left: 3rem;}
.l_margin_4 {margin-left: 4rem;}
/* -------------- */
/* -- PADDINGS -- */
/* ------------ */
.padding_0 {padding: 0!important;}
.padding_05 {padding: 0.5rem;}
.padding_1 {padding: 1rem;}
.padding_2 {padding: 2rem;}
.padding_3 {padding: 3rem;}
.padding_4 {padding: 4rem;}
.t_padding_0 {padding-top: 0;}
.t_padding_05 {padding-top: 0.5rem;}
.t_padding_1 {padding-top: 1rem;}
.t_padding_2 {padding-top: 2rem;}
.t_padding_3 {padding-top: 3rem;}
.t_padding_4 {padding-top: 4rem;}
.t_padding_5 {padding-top: 5rem;}
.t_padding_6 {padding-top: 6rem;}
.b_padding_0 {padding-bottom: 0;}
.b_padding_05 {padding-bottom: 0.5rem;}
.b_padding_1 {padding-bottom: 1rem;}
.b_padding_2 {padding-bottom: 2rem;}
.b_padding_3 {padding-bottom: 3rem;}
.b_padding_4 {padding-bottom: 4rem;}
.b_padding_5 {padding-bottom: 5rem;}
.b_padding_6 {padding-bottom: 6rem;}
.r_padding_0 {padding-right: 0;}
.r_padding_05 {padding-right: 0.5rem;}
.r_padding_1 {padding-right: 1rem;}
.r_padding_2 {padding-right: 2rem;}
.r_padding_3 {padding-right: 3rem;}
.r_padding_4 {padding-right: 4rem;}
.l_padding_0 {padding-left: 0;}
.l_padding_05 {padding-left: 0.5rem;}
.l_padding_1 {padding-left: 1rem;}
.l_padding_2 {padding-left: 2rem;}
.l_padding_3 {padding-left: 3rem;}
.l_padding_4 {padding-left: 4rem;}
/* ------------------------ */
/* -- BORDERS/UNDERLINES --*/
/* ---------------------- */
/* ------------------ */
/* -- FORM STYLES --*/
/* --------------- */
/* ------------------- */
/* -- COMPONENT STYLES --*/
/* ----------------- */
.personal_dashboard {
  position: relative;
  display: block;
  min-height: 960px;
}
.statement {
  font-size: 20px;
  font-family: 'Cera Pro';
  line-height: 26px;
  letter-spacing: -0.2px;
  color: #fff;
  margin-top: 10px;
}
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #EBEBEC;
    -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
    box-shadow: 0px 3px 6px #0000001F;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out, -webkit-box-shadow .5s;
}
.search_field {
  border-radius: 4px 0 0 4px!important;
}
input.search_field::placeholder {
  color: #898A8E;
}
.search_btn {
  border-radius: 0 4px 4px 0!important;
  height: 48px;
  cursor: pointer;
  display: inline-block;
  width: auto;
  padding: 12px 16px;
  background-color: #F58220;
  color: #000;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.search_btn:hover {
  background-color: #00ACC6;
  color: #fff;
}
.search_btn .icon {
  height: 18px;
  width: auto;
}
.search_btn .icon svg path {
  -webkit-transition: all .4s;
  transition: all .4s;
}
.search_btn .icon svg {
  height: auto;
  width: 18px;
  margin-right: 5px;
}
.search_btn .txt {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1.4px;
}
.search_btn:hover .icon svg path {
  fill: #fff;
}

.pd_img {
  position: absolute;
  width:100%;
  height: 800px;
  z-index: 1;
}
.pd_img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.stats_cont {
  position: relative;
  padding: 40px;
  background-color: #2B2C2F;
  box-shadow: 0px 10px 20px #00000029;
}
.stat_title {
  font-size: 16px;
  line-height: 18px;
  color: #FFF;
  letter-spacing: 0.64px;
  white-space: nowrap;
}
.title_line {
  background-color: #FFF;
  height: 1px;
  width: 100%;
}
.title_line_alt {
  background-color: #414246;
  height: 1px;
  width: 100%;
  margin: 5px 0;
}
.red_circle {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  background-color: #DC4D28;
  margin-right: 5px;
}
.blue_circle {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  background-color: #00ACC6;
  margin-right: 5px;
}
.yellow_circle {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  background-color: #FAA61A;
  margin-right: 5px;
}
.stat_key {
  font-size: 12px;
  line-height: 18px;
  color: #FFF;
  letter-spacing: -0.06px;
}
.chart-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.chart_svg {
  height: 100%;
  width: 100%;
}

  .chart-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
  }

  .chart-text .value {
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: bold;
  }

  .chart-text .label {
    font-size: 1rem;
    background-color: transparent;
    opacity: 0.75;
  }
.video_container {
  width: 100%;
  overflow: hidden;
  border-radius: 32px 0px;
  position: relative;
  padding-bottom: 56.25%; /* This creates a 16:9 aspect ratio. Adjust this value if needed for different aspect ratios. */
  overflow: hidden;
  height: -webkit-fill-available;
}
.video_container img {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 100%;
  object-fit: cover;
  -webkit-object-fit: cover; /* Force Webkit prefix */
  object-position: center center;
  -webkit-object-position: center center;
}
.video_container .play_button {
  position: absolute;
  z-index: 4;
  height: 40px;
  width: 40px;
  top:50%;
  left: 50%;
  transform: scale(1) translateX(-50%) translateY(-50%);
  cursor: pointer;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.video_container .play_button svg {
  height: 50px;
  width: 50px;
}
.video_container .play_button .icon .play-icon .circle {
  fill: none;
  transition: fill 0.3s ease;
}
.video_container .play_button .icon .play-icon .triangle {
  fill: white;
  transition: fill 0.3s ease;
}
.video_container .play_button:hover .icon .play-icon .circle {
  fill: white;
}
.video_container .play_button:hover .icon .play-icon .triangle {
  fill: #F58220;
}
.video_container .play_button:hover {
  background-color: inherit;
}
.video_container iframe,
.video_container object,
.video_container video,
.video_container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;  /* Fill container while maintaining aspect ratio */
  object-position: center center; /* Center the video within the container (optional) */
}

/* Link Boxes */
.link_box {
  position: absolute;
  width: 100%;
  background-color: #F58220;
  min-height: 220px;
  padding: 64px 20px 24px 20px;
  cursor: pointer;
  box-shadow: 0px 3px 20px #0000001F;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.link_box .title {
  height: 52px;
}
.link_box .icon_tile {
  height: 64px;
  width: auto;
}
.link_box .icon_tile img {
  height: 64px;
  width: auto;
}
.link_cont {
  width: 100%;
  margin-top: 20px;
  display: block;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.link_cont.open {
  opacity: 1;
}
a.key_link {
  text-align: left;
  width: 100%;
  display: inline-flex;
  color: #000;
  border-bottom: 1px solid #E8720D;
  background-color: transparent;
  padding: 5px 3px;
  -webkit-transition: all .4s;
  transition: all .4s;
}
a.key_link:first-of-type {
  border-top: 1px solid #E8720D;
}
a.key_link .txt {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 1.2px;
}
a.key_link .icon img {
  height: 12px;
  width: 12px;
}
a.key_link:hover {
  background-color: #E8720D;
}

a.my_career_lnk {
  width: 100%;
  display: inline-block;
  color: #FFF;
  border-bottom: 1px solid #393B3E;
  background-color: transparent;
  padding: 12px 5px;
  -webkit-transition: all .4s;
  transition: all .4s;
}
a.my_career_lnk:first-of-type {
  border-top: 1px solid #393B3E;
}
a.my_career_lnk .txt {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 1.4px;
}
a.my_career_lnk .icon {
  height: 14px;
  width: auto;
  position: relative;
  left:0;
  -webkit-transition: all .4s;
  transition: all .4s;
}
a.my_career_lnk .icon svg {
  height: 14px;
  width: 14px;
}
a.my_career_lnk .icon path{
  -webkit-transition: all .4s;
  transition: all .4s;
}
a.my_career_lnk:hover {
  background-color: #393B3E;
}
a.my_career_lnk:hover .icon path {
  fill: #F58220;
}
a.my_career_lnk:hover .icon {
  left:5px;
}
a.playlist_link {
  text-decoration: underline;
}
a.playlist_link:hover {
  text-decoration: none;
}
.my_career {
  position: relative;
  margin-top: 120px;
}
.career_img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.desc {
  margin-top: 20px;
  font-size: 20px;
  color: #C9CACC;
  line-height: 26px;
  letter-spacing: -0.2px;
}
.cta_grid {
  position: relative;
  margin-top:96px;
}
.cta_desc {
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.2px;
  color: #2B2C2F;
}
a.card_link {
  display: block;
  height: 330px;
  width: calc(100% - 1rem);
  margin: 0.5rem;
  padding: 1rem;
  overflow: hidden;
  position: relative;
}
a.card_link img.imgA {
  position: absolute;
  z-index: 1;
  top:0;
  left: 0;
  opacity: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  -webkit-transition: all .4s;
  transition: all .4s;
}
a.card_link img.imgB {
  position: absolute;
  z-index: 1;
  top:0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  -webkit-transition: all .4s;
  transition: all .4s;
}
a.card_link .gradient {
  position: absolute;
  z-index: 2;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(180deg, #00000040 0%, #000000BF 60%) 0% 0% no-repeat padding-box;
  opacity: 60%;
  -webkit-transition: all .4s;
  transition: all .4s;
}
a.card_link .card-content {
  position: absolute;
  z-index: 3;
  top: calc(100% - 40px);
  transform: translateY(-100%);
  -webkit-transition: all .4s;
  transition: all .4s;
}
a.card_link .card-content .card-title {

}
a.card_link .card-content .card-desc {
  overflow: hidden;
  color: #FFF;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  padding: 0 40px;
  margin: 8px 0 16px 0;
  letter-spacing: -0.07px;
  max-height: 0;
  transition: max-height 0.4s ease;
}
a.card_link .card-content .card-button {
  display: inline-block;
  width: auto;
  padding: 0 20px;
  height: 46px;
  border-radius: 4px;
  background-color: #F58220;
  color: #000;
}
a.card_link .card-content .card-button .txt {
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
}
a.card_link .card-content .card-button .icon {
  position: relative;
  width: 14px;
  height: 14px;
  top:-4px;
  left: 0px;
  -webkit-transition: all .4s;
  transition: all .4s;
}
a.card_link .card-content .card-button .icon img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
a.card_link:hover {
  align-items: center; /* Move content to center on hover */
}
a.card_link:hover .card-content {
  top: calc(50% + 20px);
  transform: translateY(-50%);
}
a.card_link:hover .gradient {
  opacity: 80%;
}
a.card_link:hover img.imgA {
  opacity: 0;
}
a.card_link:hover img.imgB {
  opacity: 1;
}
a.card_link:hover .card-content .card-button .icon {
  left: 5px;
}
a.card_link:hover .card-content .card-button {
  background-color: #E8720D;
}

/* CTA Banner */
.cta_fw {
  position: relative;
  width: 100%;
  padding: 88px 0;
}
.cta_banner {
  position: relative;
  width: 100%;
  height: 320px;
}
.cta_banner .cta_img {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 320px;
  top:0;
  left: 0;
}
.cta_grad {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 320px;
  background-color: #00A2C2;
  opacity: 0.6;
  mix-blend-mode: multiply;
  top:0;
  left: 0;
}
.cta_cont {
  position: relative;
  z-index: 3;
}
.cta_banner .cta_img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center center;
}
.cta_cont .cta_desc {
  width: 70%;
  font-size: 20px;
  line-height: 26px;
  margin: 10px 0 20px 0;
  letter-spacing: -0.2px;
  color: #FFF;
}
.cta_banner a.cta_btn {
  display: inline-block;
  width: auto;
  height: 46px;
  border-radius: 4px;
  padding: 0 20px;
  transform: scale(1);
  background-color: #F58220;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.cta_banner .gradient {
  position: absolute;
  z-index: 3;
  top:0;
  left: 0;
  width: 100%;
  height: 320px;
  background: transparent linear-gradient(180deg, #00000099 0%, #00000000 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.cta_banner a.cta_btn .txt {
  letter-spacing: 1.4px;
  color: #2B2C2F;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  margin-right: 10px;
}
.cta_banner a.cta_btn .icon img {
  height: 14px;
  width: 14px;
  margin-top: -2px;
}
.cta_banner a.cta_btn:hover {
  background-color: #E8720D;
  transform: scale(1.025);
}

.hidden {
    display: none;
}
/* ------------------------------*/
/* ------- MEDIA QUERIES --------*/
/* ------------------------------*/
@media (min-width: 640px) and (max-width: 940px) {
  .chart-text .value {
    font-size: 1.6rem;
    line-height: 1rem;
  }
  .chart-text .label {
    font-size: 0.85rem;
    padding: 0.2rem .5rem;
  }
}
@media (min-width: 640px) and (max-width: 740px) {
  .link_box {
    padding: 64px 8px 24px 8px;
  }
  .link_box .title h5 {
    font-size: 16px;
  }
}
/* MOBILE */
@media only screen and (max-width: 640px) {
  .grid-container {
    padding-right: 24px;
    padding-left: 24px;
  }
  .df-footer {
    margin-left: 0!important;
    margin-right: 0!important;
  }
  h1 {
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -0.36px;
  }
  h2.big {
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -0.36px;
  }
  h2 {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.4px;
  }
  h4 {
    font-size: 20px;
    font-family: 'Cera Pro';
    font-weight: bold;
    line-height: 26px;
    letter-spacing: -0.2px;
    margin-bottom: 0;
  }
  .t_margin_0_m {margin-top: 0;}
  .t_margin_1_m {margin-top: 1rem;}
  .stats_cont {
    padding: 24px;
  }
  .statement {
    font-size: 18px;
  }
  .cta_desc {
    font-size: 16px;
  }
  .personal_dashboard {
    position: relative;
    display: block;
    padding-bottom: 3rem;
    min-height: 100%;
  }
  .pd_img {
    height: 100%;
  }
  .stat_title {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.56px;
  }
  .chart-wrapper {
    width: 100px;
    height: 100px;
  }
  .chart_svg {
    height: 100px;
    width: 100px;
  }
  .chart-text {
    top: 55%;
  }
  .chart-text .value {
    font-size: 30px;
    line-height: 15px;
  }
  .chart-text .label {
    font-size: 10px;
  }
  .link_cont {
    width: 100%;
    margin-top: 0;
    max-height: 100%;
    opacity: 1;
    display: block;
    -webkit-transition: all .4s;
    transition: all .4s;
  }
  .accordion {
    box-shadow: 0px 3px 20px #0000001F;
    margin-bottom: 3px;
  }
  .accordion-title.box {
    background-color: #F58220;
    border: 0;
    color: #000;
  }
  .accordion-title.box .icon {
    height: 30px;
    width: 30px;
    margin-right: 10px;
  }
  .accordion-title.box .icon img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
  .accordion-title.box .txt {
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -0.18px;
    font-weight: bold;
  }
  .accordion-title.box .chev {
    height: 14px;
    width: 14px;
    transform: rotate(0);
    -webkit-transition: all .4s;
    transition: all .4s;
  }
  .is-active>.accordion-title.box .chev {
    transform: rotate(180deg);
  }
  .accordion-title.box::before {
    content: none;
  }
  .accordion-content {
    border: 0;
    background-color: #F58220;
    padding: 0 1rem 1rem 1rem;
  }
  .my_career {
    margin-top: 72px;
  }
  .padding_24p_m {
    padding: 24px;
  }
  .t_margin_16p_m {
    margin-top: 16px;
  }
  .desc {
    margin-top: 16px;
    font-size: 18px;
    color: #C9CACC;
    line-height: 24px;
    letter-spacing: -0.18px;
  }
  a.my_career_lnk .txt {
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 1.2px;
  }
  a.my_career_lnk .icon {
    height: 12px;
  }
  .cta_grid {
    margin-top:72px;
  }
  a.card_link {
    height: 260px;
    padding:0;
  }
  a.card_link img.imgA {
    display: none;
  }
  a.card_link img.imgB {
    opacity: 1;
  }
  a.card_link .gradient {
    opacity: 80%;
  }
  a.card_link .card-content {
    top:50%;
    transform: translateY(-50%);
  }
  a.card_link .card-content .card-desc {
    max-height: 100%!important;
    padding: 0 20px;
    font-weight: normal;
  }
  a.card_link .card-content .card-button {
    height: 40px;
  }
  a.card_link .card-content .card-button .txt {
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 1.2px;
  }
  a.card_link .card-content .card-button .icon {
    height: 12px;
    width: 12px;
  }
  .cta_fw {
    padding: 72px 0;
  }
  .cta_banner {
    height: 400px;
  }
  .cta_banner .cta_img  {
    height: 400px;
  }
  .cta_grad {
    height: 400px;
  }
  .cta_cont .cta_desc {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.18px;
    width: 90%;
  }
  .cta_banner a.cta_btn {
    height: 40px;
  }
  .cta_banner a.cta_btn .txt {
    font-size: 12px;
    line-height: 12px;
  }
  .cta_banner a.cta_btn .icon img {
    width: 12px;
    height: 12px;
  }
}