@media only screen and (min-width: 1500px) {
    .container {
        max-width: 1470px;
    }
}

body{
    font-family: "Oswald", sans-serif;
}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: 'soliden-trial-blackexp';
    src: url('/assets/fonts/soliden_fonts/SolidenTrial-BlackExpanded.eot');
    src: url('/assets/fonts/soliden_fonts/SolidenTrial-BlackExpanded.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-BlackExpanded.woff2') format('woff2'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-BlackExpanded.woff') format('woff'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-BlackExpanded.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
} 

@font-face {
    font-family: 'Soliden-Trial-BExp';
    src: url('/assets/fonts/soliden_fonts/SolidenTrial-BoldExpanded.eot');
    src: url('/assets/fonts/soliden_fonts/SolidenTrial-BoldExpanded.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-BoldExpanded.woff2') format('woff2'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-BoldExpanded.woff') format('woff'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-BoldExpanded.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soliden-Trial-Exp';
    src: url('/assets/fonts/soliden_fonts/SolidenTrial-Expanded.eot');
    src: url('/assets/fonts/soliden_fonts/SolidenTrial-Expanded.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-Expanded.woff2') format('woff2'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-Expanded.woff') format('woff'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-Expanded.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soliden-Trial-BCond';
    src: url('/assets/fonts/soliden_fonts/SolidenTrial-BoldCondensed.eot');
    src: url('/assets/fonts/soliden_fonts/SolidenTrial-BoldCondensed.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-BoldCondensed.woff2') format('woff2'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-BoldCondensed.woff') format('woff'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-BoldCondensed.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soliden-Trial-Bold';
    src: url('/assets/fonts/soliden_fonts/SolidenTrial-Bold.eot');
    src: url('/assets/fonts/soliden_fonts/SolidenTrial-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-Bold.woff2') format('woff2'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-Bold.woff') format('woff'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soliden-Trial-Reg';
    src: url('/assets/fonts/soliden_fonts/SolidenTrial-Regular.eot');
    src: url('/assets/fonts/soliden_fonts/SolidenTrial-Regular.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-Regular.woff2') format('woff2'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-Regular.woff') format('woff'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soliden-Trial-Cond';
    src: url('/assets/fonts/soliden_fonts/SolidenTrial-Condensed.eot');
    src: url('/assets/fonts/soliden_fonts/SolidenTrial-Condensed.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-Condensed.woff2') format('woff2'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-Condensed.woff') format('woff'),
        url('/assets/fonts/soliden_fonts/SolidenTrial-Condensed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} 


section{
    padding: 80px 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
span,
p,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
    clear: none;
    color: var(--blue);
}

img{
    max-width: 100%;
}

figure {
    margin: 0;
}

label {
    font-weight: normal;
}

*:focus {
    outline: none;
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}

h1{
    font-family: 'soliden-trial-blackexp';
    font-size: 60px;
    font-weight: 500;
    color: var(--black);
}

h2{
    font-size: 30px;
    font-weight: 500;
    color: var(--black);
}

h3{
    font-size: 22px;
    font-weight: 500;
    color: var(--black);
}

h4{
    font-size: 25px;
    font-family: 'soliden-trial-blackexp';
    color: var(--heading-bg);
    margin-bottom: 20px;
}

input:focus,
select:focus,
button:focus {
    box-shadow: none;
    outline: none;
}

select::-ms-expand {
    display: none;
}

:root {
    --side-bg: #2D51E5;
    --content-bg: #F8FAFF;
    --heading-bg: #111316;
    --home-bg: #F5F4F4;
    --white: #ffffff;
    --black: #000000;
    --btn-bg: #12BF48;
}

input:focus{
    outline: none !important;
    box-shadow: unset !important;
}

.play_button{
  background-color: var(--btn-bg);
  border-radius: 34px;
  color: var(--white);
  font-weight: 500;
  padding: 10px 25px;
  transition: 0.6s ease;
}

.play_button:hover{
    transform: translateY(-5px);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    cursor: pointer;
  }

.common_heading h3{
    font-size: 55px;
    color: var(--heading-bg);
    font-family: 'soliden-trial-blackexp';
    margin-bottom: 30px;
}

/* responsive css */

@media(max-width:1599px){

    .hero_section .hero_image {
        max-width: 865px;
    }

    .work_section .absolute_image {
        left: 35%;
    }

    /* dashboard responsive ************************************************************************************************************************************ */

    .column_2 .table_container {
        overflow: scroll;
        position: relative;
    }

    .column_2 table {
        width: 700px;
    }

    .content_wrapper .feed .column_2 {
        width: calc(50% - 40px);
    }

    .table_dashboard .column_2 table {
        width: 100%;
    }

    .dashboard table thead tr th {
        width: calc(100% / 4);
    }

    .column_2 table tbody .col_4 div {
        justify-content: end;
    }

    .column_2 table .col_4 {
        padding-right: 15px;
    }

    .column_2 table thead .col_4 {
        text-align: center;
    }

    .table_dashboard .column_2 table thead .col_4 {
        text-align: right;
    }

    .pixel_dashboard table thead tr th {
        width: calc(100% / 6);
    }

    .pixel_dashboard .column_2 table .col_4{
        text-align: center !important;
    }

    .pixel_dashboard .column_2 table .col_4 {
        padding-right: unset;
    }

    .leader_dashboard .column_2 table {
        width: 60%;
    }

    .pixel_dashboard.trending_athlete_dashboard table thead .col_6 {
        padding-right: 20px;
    }

    .player_info_dashboard table thead tr th {
        width: calc(100% / 5);
    }

    .table_dashboard.player_info_dashboard .column_2 table thead .col_4 {
        text-align: left;
    }
}

@media(max-width:1499px){

    .hero_section .hero_image {
        max-width: 765px;
    }

    .work_section .work_steps {
        margin-top: 40px;
    }

    .fantsy_player_section .fantsy_player figure .player_bio {
        padding: 20px 10px;
    }

    .fantsy_player_section .fantsy_player figure .player_bio .player_name {
        font-size: 26px;
    }

    .fantsy_player_section .fantsy_player figure .player_bio .performance {
        font-size: 23px;
    }

    .fantsy_player_section .blog-carousel .slick-arrow.slick-next {
        right: 5.5%;
    }

    .hero_section.login_section.signup_section .absolute_image {
        background-position-x: -130px;
    }

    .hero_section.login_section.signup_section .hero_image {
        width: 50%;
    }

    .hero_section.login_section.signup_section .content_image {
        padding-left: 0;
    }

    .get_in_touch_section .form {
        width: 45%;
    }

    .work_section .absolute_image {
        width: 447px;
    }

      /* dashboard responsive ************************************************************************************************************************************ */

    .content_wrapper {
        padding: 20px 20px;
    }

    .content_wrapper .feed .column_3 .achievment_column .athlete p:nth-child(3) {
        margin: 0 8px 0 8px;
    }

    .custom_navbar.scrolled {
        width: calc(100% - 340px);
      }

}

@media(max-width:1399px){
    .page_header .navbar-brand {
        font-family: 'soliden-trial-blackexp';
        font-size: 40px;
        color: var(--white);
    }

    .hero_section .records h4 {
        font-size: 40px;
    }

    .hero_section .records p {
        font-size: 20px;
    }

    .common_heading h3 {
        font-size: 48px;
    }

    .page_header .navbar-collapse .navbar-nav {
        gap: 30px;
    }

    .page_header .navbar-collapse .navbar-nav .nav-item a, .page_header .navbar-collapse button {
        font-size: 18px;
    }

    .hero_section .hero_content {
        width: 50%;
        margin-top: 100px;
    }

    .hero_section .hero_image {
        max-width: 565px;
    }

    .sports_section .sports .sport h4 {
        font-size: 40px;
    }

    .sports_section .sports .sport .sport_content h5 {
        font-size: 27px;
    }

    .sports_section .sports .sport .sport_content {
        padding: 20px 20px 30px;
    }

    .sports_section .sports .sport .sport_content .sport_athlete .athlete_name h6, .sports_section .sports .sport .sport_content .sport_athlete .athlete_ranking p {
        font-size: 20px;
    }

    .sports_section .sports .sport .sport_content .sport_athlete .athlete_name p {
        font-size: 15px;
    }

    .fantsy_player_section .fantsy_player figure .player_bio .player_name {
        font-size: 23px;
    }

    .fantsy_player_section .fantsy_player figure .player_bio .performance {
        font-size: 20px;
    }

    .fantsy_player_section .blog-carousel .slick-arrow.slick-next {
        right: 6.5%;
    }

    .work_section .absolute_image {
        width: 417px;
    }

    .work_section .work_list .work_content>div h4 {
        font-size: 50px;
    }

    .footer_section .footer_items h4 {
        font-size: 40px;
    }

    .login_section .login_form label, .get_in_touch_section .form label {
        font-size: 16px;
    }

    .login_section .login_form input::placeholder, .get_in_touch_section .form input::placeholder{
        font-size: 18px;
     }

     .hero_section.login_section .forgot_pass, .hero_section.login_section form p, .hero_section.login_section form p a {
        font-size: 14px;
    }

    .hero_section.login_section .play_button, .get_in_touch_section .form .play_button {
        font-size: 25px;
    }

    .hero_section.login_section.signup_section form .checked label, .hero_section.login_section.signup_section form .checked label a {
        font-size: 14px;
    }

    .hero_section.login_section.signup_section form .checked {
        align-items: start;
        gap: 10px;
    }

    .hero_section.login_section.signup_section form .checked input {
        margin-top: 4px;
    }

    .get_in_touch_section .content h3 {
        font-size: 50px;
    }

    .get_in_touch_section .form {
        width: 50%;
    }

    .get_in_touch_section .content p {
        font-size: 20px;
    }

    .get_in_touch_section .content a, .get_in_touch_section .content p.address {
        font-size: 23px;
    }

    .get_in_touch_section .form p {
        font-size: 17px;
    }

    /* dashboard responsive ************************************************************************************************************************************ */

    .dashboard .sidebar {
        width: 250px;
    }

    .content_wrapper {
        width: calc(100% - 250px);
    }

    .custom_navbar.scrolled {
        width: calc(100% - 290px);
      }

    h1 {
        font-size: 35px;
    }

    .dashboard .sidebar li a {
        font-size: 18px;
    }

    h2 {
        font-size: 26px;
    }

    .custom_navbar .user_info .search {
        min-width: 270px;
    }

    .custom_navbar .user p {
        font-size: 18px;
    }

    h4 {
        font-size: 21px;
    }

    .content_wrapper .feed .column_1 .athlete img {
        width: 62px;
        height: 54px;
    }

    .content_wrapper .feed .column_1 .athlete h5 {
        font-size: 18px;
    }

    .content_wrapper .feed .column_1 .athlete p, .column_2 table th, .column_2 table tbody .col_4 button, .content_wrapper .feed .common_item a {
        font-size: 14px;
    }

    .content_wrapper .feed .column_2 .rank_earning h6 {
        font-size: 26px;
    }

    .content_wrapper .feed .column_2 .rank_earning p, .content_wrapper .feed .column_2 .players_heading p, .column_2 table tbody td, .content_wrapper .feed .column_3 .achievment_column .athlete p  {
        font-size: 16px;
    }

    .column_2 table tbody .col_1 img, .content_wrapper .feed .column_3 .achievment_column .athlete img {
        width: 40px;
        height: 40px;
    }

    .content_wrapper .feed .column_3 .medals .medal img {
        width: 28px;
        height: 40px;
    }

    h3 {
        font-size: 20px;
    }

    .column_2 table .col_1 {
        padding-left: 15px;
    }

    .column_2 table .col_4 {
        padding-right: 15px;
    }

    .content_wrapper .feed .column_3 .achievment_column .athlete p:nth-child(2) {
        min-width: 82px;
    }

    .content_wrapper .feed .column_3 .achievment_column .athlete p:nth-child(3) {
        min-width: 32px;
    }

    .table_dashboard .column_2 table thead .col_4 {
        text-align: right;
    }

    .pixel_dashboard .column_2 table thead .col_4 {
        text-align: center;
    }

    .footer_section .footer_items ul.quick_links li a {
        font-size: 18px;
    }

    .footer_section .footer_items ul.social_links img {
        width: 34px;
        height: 34px;
    }

    .player_info_dashboard .player_info_container .performance_metrics figure {
        width: 120px;
        height: 32px;
    }

    .player_info_dashboard .player_info_container .player_specs {
        width: 50%;
    }

    .trending_athlete_dashboard .feed .players_heading h4 {
        font-size: 32px;
    }

    .player_info_dashboard .player_info_container .player_specs ul li {
        font-size: 20px;
    }

    .player_info_dashboard .player_info_container .performance_metrics h5 {
        font-size: 22px;
    }

    .player_info_dashboard .player_info_container .performance_metrics ul li h6 {
        font-size: 18px;
    }
}

@media(max-width:1199px){
    .content_wrapper .feed {
        width: 100%;
        overflow-x: scroll;
    }

    .content_wrapper .feed .inner_div {
        width: 1000px;
    }

    .dashboard.table_dashboard.achievement_dashboard .content_wrapper .feed .inner_div{
        width: 100%;
    }

    .custom_navbar {
        padding: 12px 10px;
    }

    .custom_navbar .user_info .search {
        min-width: 160px;
        width: 100px;
    }

    .header_heading h2 {
        font-size: 20px;
    }

    .custom_navbar .user_info .search {
        min-width: 160px;
        width: 100px;
    }
}

@media(max-width: 991px) {
    .custom_navbar.scrolled {
        width: 100%;
    }
    header,
    .feed {
        width: 100%;
    }
    .header_heading h2 {
        padding-left: 50px;
        font-size: 18px;
    }
    .custom_navbar .toggle {
        display: block;
    }
    .custom_navbar {
        width: 100%;
        padding: 12px 30px;
        position: fixed;
        top: 0;
        left: 0;
        border-radius: unset;
    }
    .custom_navbar .icon {
        min-height: 45px;
        /* height: 40px; */
    }
    .user.client img {
        width: 55px;
        height: 55px;
    }
    .sidebar {
        transform: translateX(-300px);
    }

    .dashboard .sidebar {
        top: 82px;
    }

    .show {
        transform: translateX(0);
    }

    .content_wrapper {
        width: 100%;
    }

    .content_wrapper .feed .inner_div {
        margin-top: 90px;
    }

}

@media(max-width:767px){
    .dashboard .sidebar {
        top: 122px;
    }
    .custom_navbar {
        flex-direction: column;
        align-items: start;
        gap: 15px;
    }

    .content_wrapper .feed .inner_div {
        margin-top: 120px;
    }

    .custom_navbar .user_info {
        width: 100%;
        justify-content: space-between;
    }

    .custom_navbar .icon {
        min-height: 45px;
        min-width: 185px;
    }

    .user_info .user.client {
        min-width: 121px;
    }

    .custom_navbar .user_info .search {
        min-width: unset;
        width: 100%;
    }
}

@media(max-width:575px){
    .user_info .user.client {
        min-width: 72px;
    }

    .custom_navbar .user p {
        display: none;
    }

    .custom_navbar .icon p {
        font-size: 12px;
    }

    .custom_navbar .icon {
        padding: 0px 8px;
        min-width: 145px;
    }

    .custom_navbar .user_info .search input::placeholder {
        font-size: 14px;
        font-weight: 600;
    }

    .custom_navbar .user_info .search button i {
        font-size: 13px;
    }

    .custom_navbar .user_info .search {
        height: 40px;
    }

    .achievement_dashboard .column_2 .achievement_container .standings li h6, .achievement_dashboard .column_2 .achievement_container .standings li p, .achievement_dashboard .column_2 .achievement_container .acquired_badges {
        padding: 0 20px;
    }

    .achievement_dashboard .column_2 .achievement_container .standings li:first-child::before, .achievement_dashboard .column_2 .achievement_container .standings li:nth-child(2)::before, .achievement_dashboard .column_2 .achievement_container .standings li:last-child::before {
        top: -8px;
        left: 20px;
    }

    .achievement_dashboard .column_2 .achievement_container .standings li small {
        padding: 0 60px;
    }

}

@media(max-width:475px){
    .dashboard .sidebar {
        top: 106px;
    }
    .custom_navbar {
        padding: 12px 10px;
    }

    .custom_navbar .user_info {
        gap: 0 5px;
    }

    .custom_navbar .user_info .search {
        padding: 0 10px;
    }

    .custom_navbar .icon img {
        width: 18px;
    }

    .custom_navbar .icon {
        min-width: 120px;
        gap: 5px;
    }

    .user_info .user.client {
        min-width: 52px;
    }

    .user.client img {
        width: 35px;
        height: 35px;
    }

    .custom_navbar .icon small {
        font-size: 12px;
    }

    .custom_navbar .icon {
        min-height: 40px;
    }
}

.table_dashboard .buysell_table table thead tr th {
    width: calc(100% / 6);
}

.table_dashboard .buysell_table table thead .col_4 {
    text-align: left;
    padding-right: 0;
}

.about_section p {
    line-height: 2;
    letter-spacing: 0.5px;
}