.nav_btn {
    padding: 10px 25px;
    border-radius: 3px;
    color: #fff !important
  }
  .navigation li {
    padding-left: 2rem;
    display: block
  }
  .stellar_team_section {
    position: relative
  }
  .stellar_team_section:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background: url(https://www.stellarinfo.com/career/public/themes/superio/assets/images/Our-Team.jpg);
    content: '';
    mix-blend-mode: multiply;
    opacity: .6;
    background-size: cover
  }
  .team_wrapper {
    padding-top: 9.25rem;
    padding-bottom: 12.25rem;
    position: relative;
    z-index: 1;
    color: #fff
  }
  .team_wrapper p {
    font-size: 18px;
    font-family: 'Montserrat'
  }
  .join_team {
    display: inline-flex;
    padding: .8rem 0rem;
    background: #fff;
    margin-top: 1rem;
    font-size: 16px;
    font-family: 'Montserrat';
    font-weight: 600;
    border-radius: 5px;
    margin: auto;
    align-items: center;
    position: relative;
    max-width: 200px;
    width: 100%;
    justify-content: center
  }
  .join_team img {
    width: 0;
    transition: all ease-in-out .3s;
    margin-left: -1rem
  }
  .join_team span {
    font-family: 'Montserrat'
  }
  .join_team:hover img {
    width: 18px;
    max-width: 100%;
    margin-left: .5rem
  }
  .top_h {
    color: #fff;
    text-align: center;
    font-size: 3.4375rem;
    font-weight: 700
  }
  .sticky_bar ul {
    align-items: center
  }
  a.red_btn {
    background: #e11f26;
    color: #fff !important;
    display: inline-flex !important;
    padding: .8rem 0rem !important
  }
  .red_btn img {
    filter: brightness(0) invert(1)
  }
  .career_p1 {
    font-size: 30px;
    font-weight: 700
  }
  .dot {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #12c104
  }
  .career_p2 {
    font-size: 18px
  }
  .value_icon {
    list-style: none;
    display: flex;
    padding-left: 0;
    align-items: center;
    justify-content: space-around
  }
  .value_icon li {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 2rem;
    text-align: center
  }
  .value_icon li span {
    text-transform: uppercase;
    font-family: 'Montserrat';
    color: #181617;
    font-weight: 700;
    padding-top: 1rem;
    font-size: 18px;
    padding-bottom: .5rem
  }
  .perks_sec_txt {
    font-size: 150px !important;
    font-weight: 700;
    padding-right: 2rem;
    text-align: right;
    background: -webkit-linear-gradient(#ff5d63 31%, #4b78b1 56%, #f7f7f700 76%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0
  }
  .perks_sec h4 {
    font-size: 20px;
    font-weight: 600
  }
  .perks_sec p {
    font-size: 16px
  }
  .emp_box1 {
    border-radius: 4px;
    box-shadow: 2px 2px 20px #d7d7d7;
    position: relative
  }
  .emp_box1 .emp_p {
    font-size: 16px;
    font-weight: 600;
    line-height: 30px
  }
  .emp_box2 {
    border-radius: 4px;
    box-shadow: 2px 2px 20px #d7d7d7
  }
  .emp_box2 .emp_p {
    font-size: 16px;
    font-weight: 600;
    line-height: 30px
  }
  .perks_sec {
    max-width: 270px;
    width: 100%;
    margin: auto
  }
  .perks_sec h4 {
    font-size: 20px;
    font-weight: 600
  }
  .perks_sec p {
    font-size: 16px
  }
  .volunteer div img {
    width: 100%; height: 100%
  }
  .meanual_sec {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden
  }
  .volunteer {
    display: flex
  }
  .volunteer div {
    width: 25%
  }
  .red_sec {
    background: #fff;
    font-size: 20px;
    font-weight: 600
  }
  .shenanigans_sec .sec_box1, .shenanigans_sec .sec_box2 {
    width: 50%
  }
  .shenanigans_sec .sec_box2 img {
    width: 100%
  }
  .black_sec {
    background: #292929;
    padding-top: 250px !important
  }
  .green_sec {
    background: #32908f
  }
  .green_sec2 {
    background: #53a2a1
  }
  .shenanigans_sec {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden
  }
  .out_sec {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    flex-wrap: wrap
  }
  .out_box1 {
    width: 50%;
    flex-wrap: wrap
  }
  .out_box2 {
    width: 25%;
    flex-wrap: wrap
  }
  .out_sec img {
    width: 100%
  }
  .green_p {
    width: 50%;
    margin: auto
  }
  .motivational img {
    width: 110%
  }
  .motiv_box1 {
    width: 53%;
    flex-wrap: wrap
  }
  .motiv_box2 {
    width: 22.6%;
    flex-wrap: wrap
  }
  .motivational {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    flex-wrap: wrap
  }
  .party {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box
  }
  .party_box1 {
    width: 51%
  }
  .party img {
    width: 100%;
    height: 100%
  }
  .party_box2 {
    width: 25%
  }
  .dark_sec {
    background: #302f2f;
    font-size: 20px;
    font-weight: 600
  }
  .sticky_bar {
    border-bottom: solid 1px #e5e5e5;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 10
  }
  .sticky_bar ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0
  }
  .sticky_bar ul li a {
    margin-right: 2.5rem;
    font-size: 15px;
    font-weight: 700;
    color: #181617;
    padding: 1.5rem 0;
    display: block;
    position: relative;
    overflow: hidden
  }
  .sticky_bar ul li a:before {
    width: 100%;
    height: 2px;
    background: #e11f26;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    transform: translateX(-110%);
    transition: ease-in .5s
  }
  .sticky_bar ul li a.active:before {
    transform: translateX(0)
  }
  
  .volunteer  div.video_container{ width: 50%; background: #000}
  
  
  @media screen and (max-width: 575.98px) {
    .black_sec {
      background: #292929;
      padding-top: 0px !important;
    }
      
      .team_wrapper { padding-top: 2rem; padding-bottom: 2rem; background-position: center}
      .stellar_team_section:before{background-position: center; opacity: .5}
      .stellar_gives_pra, .pred_sec, .pdark_sec{font-size: 14px}
      .perks_sec_txt{text-align: center}
      .volunteer div{ width: 100%}
      .volunteer{flex-direction: column}
      .profile img{ max-width: 100px}
       .shenanigans_sec {flex-direction: column}
      .shenanigans_sec .sec_box1, .shenanigans_sec .sec_box2{ width: 100%}
      .sec_box1 {padding-top: 3rem !important}
      .out_sec, .motivational, .party{flex-direction: column}
       .out_box1, .out_box2, .party_box1, .motivational img, .motiv_box1, .motiv_box2, .party_box2{ width: 100%}
       .volunteer  div.video_container{ width: 100%; background: #000}
      }

  }