.player_details {
  background-color: #f2f2f2;
  margin-top: 40px; 
    
}
  .player_details .top {
     margin: auto;
    max-width: 1050px;
    padding: 0 33px;
    position: relative;
      
  }
    .player_details .top .left {
      position: relative;
      width: 739px; }
    .player_details .top .right {
      position: absolute;
      left: 55%;
      top: 10%;
      right: 0;
      width:60%;
      
        
    }
      .player_details .top .right .right_card {
        background-color: #001838;
        color: #ffffff;
        height: 350px;
        padding: 61px 48px;
        box-sizing: border-box; }
        .player_details .top .right .right_card .top_card .first {
         font-family: 'Barlow Condensed', sans-serif;
          font-size: 44px;
          text-transform: uppercase;
          margin: 0; }
        .player_details .top .right .right_card .top_card .last {
          font-size: 80px;
          line-height:1em;
          text-transform: uppercase;
          margin: 0; }
        .player_details .top .right .right_card .top_card .pos {
          margin-top: 10px;
         font-family: 'Barlow Condensed', sans-serif;
          font-size: 24px;
          font-weight: bold;
          text-transform: capitalize; }
        .player_details .top .right .right_card .bottom_card {
          border-top: 1px solid rgba(255, 255, 255, 0.1);
          margin-top: 20px;
          padding-top: 20px;
          display: flex;
          justify-content: space-between; }
          .player_details .top .right .right_card .bottom_card p {
            font-family: 'Barlow Condensed', sans-serif;
            font-size: 20px; }
          .player_details .top .right .right_card .bottom_card .item {
            display: flex;
            flex-direction: column;
            align-items: center;
            font-size: thin; }
            .player_details .top .right .right_card .bottom_card .item .big {
              font-family: 'Barlow Condensed', sans-serif;
              font-size: 98px;
              color: #4b7aee; }
  .player_details .sticky-player-menu {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2; }
    .player_details .sticky-player-menu .player-menu {
      padding: 24px 0 12px 0;
      display: flex;
      margin-top: 7px;
      justify-content: center;
      background-color: #ffffff;
      color: #000;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); }
      .player_details .sticky-player-menu .player-menu .holder {
        display: flex;
        border-bottom: 2px solid rgba(0, 0, 0, 0.3);
        box-sizing: border-box; }
      .player_details .sticky-player-menu .player-menu .tab_item {
        cursor: pointer;
        color: rgba(0, 0, 0, 0.3);
        padding: 0 30px;
        padding-bottom: 10px;
        font-size: 33px;
        text-transform: uppercase;
        transition: all ease-in-out 0.3s;
        border-bottom: 2px solid transparent;
        margin-bottom: -3px; }
      .player_details .sticky-player-menu .player-menu .active {
        padding-bottom: 10px;
        color: #000;
        border-bottom: 4px solid #4b7aee; }
  .player_details .content {
    background-color: #ffffff;
    color: #ff000;
    padding: 80px 64px;
    padding-bottom: 0; }
    .player_details .content .player_data .card {
      margin: 30px 0; }
      .player_details .content .player_data .card h1 {
        font-size: 50px; }
      .player_details .content .player_data .card .data {
        margin-top: 20px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px; }
  .player_details .bottom {
    background-color: #000; }

@media screen and (max-width: 1280px) {
  .player_details .top .left {
    width: 650px; }
  .player_details .top .right .right_card .top_card .last {
    font-size: 130px; } }

@media screen and (max-width: 1024px) {
  .player_details .top {
    padding: 0;
    display: flex; }
    .player_details .top .left {
      width: 50%; }
    .player_details .top .right {
      position: static;
      padding-right: 0px;
      width: 50%; }
      .player_details .top .right .right_card {
        padding: 76px 32px;
        height: 100%; }
        .player_details .top .right .right_card .top_card .last {
          font-size: 100px; }
  .player_details .sticky-player-menu .player-menu {
    margin-top: unset; }
  .player_details .content {
    padding: 80px 24px;
    padding-bottom: 0; } }

@media screen and (max-width: 760px) {
  .player_details .top {
    padding: 0;
    margin-top: -36px;
    flex-direction: column; }
    .player_details .top .left {
      width: unset; }
    .player_details .top .right {
      width: unset; }
      .player_details .top .right .right_card {
        padding: 24px; }
  .player_details .sticky-player-menu {
    top: 47px; }
    .player_details .sticky-player-menu .player-menu {
      padding-top: 16px;
      padding-bottom: 4px; }
      .player_details .sticky-player-menu .player-menu .tab_item {
        font-size: 20px; }
  .player_details .content {
    padding: 40px 24px; } }

@media screen and (max-width: 414px) {
  .player_details .top .right .right_card {
    padding: 16px;
    }
    .player_details .top .right .right_card .top_card .first {
      font-size: 24px; 
        
    }
    .player_details .top .right .right_card .top_card .last {
      font-size: 55px;
      line-height:1em;
      font-family: 'Barlow Condensed', sans-serif;
      }
    .player_details .top .right .right_card .top_card .pos {
      font-size: 16px;
      }
    .player_details .top .right .right_card .bottom_card {
      margin-top: 16px;
      padding-top: 16px;
      }
      .player_details .top .right .right_card .bottom_card p {
        font-size: 16px; 
          
      }
      .player_details .top .right .right_card .bottom_card .item .big {
        font-size: 64px; 
          
      }
  .player_details .content {
    padding: 24px 16px; 
      
  } 
    
}