.players_heading a.player-btn {
    width: fit-content;
    margin-left: auto;
    text-decoration: none !important;
}

.hover-tooltip{
    position: relative;
    width: fit-content;
    transition: 0.5s ease;
}

.hover-tooltip:hover .tool_span{
    display: block;
    
}

.hover-tooltip .tool_span {
    position: absolute;
    bottom: 100%;
    left: 100%;
    font-size: 12px !important;
    background: #000000;
    color: #ffffff;
    padding: 5px 15px;
    border-radius: 20px;
     display: none; 
    z-index: 9999;
    min-width: 140px;
    font-weight: 400 !important;
    font-family: "Oswald", sans-serif !important;
    text-align: center;
}
.navbar-brand img {
    width: 190px;
    height: auto;
}

/* .navbar-expand-xl .navbar-collapse {
    display: flex;
    flex-basis: auto;
    justify-content: end;
    margin-top: 20px;
} */

.navbar-expand-xl .navbar-collapse {
    justify-content: end;
}

.page_header .navbar-brand {
    font-family: 'soliden-trial-blackexp';
    font-size: 50px;
    color: var(--white);
}

.page_header .bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: var(--inner-bg) !important;
    padding: 0 0 15px 0;
    position: absolute;
    width: 100%;
    background-color: #FAF8FF;
    border-bottom: 1px solid #DCDCDC;
    z-index: 1;
}

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

.page_header li {
    font-size: 22px;
    font-weight: 500;
}

.page_header .navbar-collapse .navbar-nav .nav-item a {
    color: var(--white);
    font-size: 22px;
    font-weight: 500;
    transition: 0.2s;
}

.page_header .navbar-collapse .navbar-nav .nav-item a:hover {
    opacity: 0.8;
}

.page_header .navbar-collapse button {
    border: unset;
    background: unset;
    outline: none;
    padding: 5px 25px;
    margin-left: 40px;
    font-size: 20px;
    transition: 0.3s;
    border: 1px solid var(--white);
    border-radius: 23px;
}

.page_header .navbar-collapse .log_sign button:last-child {
    background-color: var(--btn-bg);
    margin-left: 20px;
    border: 1px solid #12BF48;
    transition: 0.6s ease;
}

.page_header .navbar-collapse .log_sign button:last-child:hover {
    background-color: unset;
    border: 1px solid #fff;
}

.page_header .navbar-collapse button:hover {
    cursor: pointer;
    background-color: #12BF48;
    border: 1px solid #12BF48;
}

.page_header .navbar-collapse button a {
    color: #fff;
}

a {
    text-decoration: none;
}

/* hero section css */

.hero_section {
    padding-top: 130px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    background-color: #2B4DDB;
    min-height: calc(100vh - 20px);
    /* clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%); */
}

.hero_section::before {
    content: "";
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #F3F3F3;
    height: 40px;
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    clip-path: polygon(100% 0, 0 100%, 100% 100%, 100% 0);
}

.hero_section .content_image {
    display: flex;
    gap: 50px;
    align-items: center;
    /* position: relative; */
}

.hero_section .hero_content {
    width: 40%;
    margin-top: 160px;
}

.hero_section .hero_content h1 {
    color: var(--white);
}

.hero_section .hero_content a {
    font-size: 25px;
    display: inline-block;
    margin: 20px 0 50px;
}

.hero_section .records {
    display: flex;
    gap: 50px;
}

.hero_section .records h4 {
    font-family: "Oswald", sans-serif;
    font-size: 45px;
    font-weight: bold;
    color: var(--white);
}

.hero_section .records p {
    font-size: 23px;
    color: var(--white);
}

.hero_section .hero_image {
    max-width: 965px;
    position: absolute;
    right: 30px;
    /* top: 25px; */
    bottom: 0;
}

/* fantsy player section */

.fantsy_player_section .fantsy_player {
    position: relative;
}

.fantsy_player_section .fantsy_player figure {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}

/* Dynamic player cards styling - purple background with decorations */
.fantsy_player_section .fantsy_player.dynamic_player figure {
    background: linear-gradient(135deg, #7B2DDB 0%, #5B1DB0 50%, #7B2DDB 100%);
    min-height: 350px;
}

/* Background pattern for dynamic player cards */
.fantsy_player_section .fantsy_player.dynamic_player figure::before {
    content: "WOW WOW WOW WOW WOW WOW WOW WOW WOW WOW WOW WOW";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 28px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.08);
    word-wrap: break-word;
    line-height: 1.4;
    padding: 10px;
    z-index: 0;
    pointer-events: none;
}

/* Orange decorative element for dynamic players */
.fantsy_player_section .fantsy_player.dynamic_player figure::after {
    content: "";
    position: absolute;
    top: 10%;
    right: -20px;
    width: 120px;
    height: 200px;
    background: linear-gradient(180deg, #FF6B35 0%, #FF8C42 50%, #FF6B35 100%);
    border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
    transform: rotate(-15deg);
    opacity: 0.9;
    z-index: 0;
}

.fantsy_player_section .fantsy_player.dynamic_player figure img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center bottom;
}

.fantsy_player_section .fantsy_player figure .player_bio {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px;
    z-index: 2;
    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
}

.fantsy_player_section .fantsy_player figure .player_bio figcaption {
    color: var(--white);
}

.fantsy_player_section .fantsy_player figure .player_bio .player_name {
    font-size: 29px;
    font-weight: bold;
}

.fantsy_player_section .fantsy_player figure .player_bio .last_days {
    font-size: 12px;
    font-weight: 400;
}

.fantsy_player_section .fantsy_player figure .player_bio .performance {
    font-size: 26px;
    font-weight: bold;
    position: relative;
}

.fantsy_player_section .fantsy_player figure .player_bio .chase::before {
    position: absolute;
    content: "";
    background-image: url(../images/green_arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 15px;
    top: 12px;
    left: -29px;
    z-index: 999;
}

.fantsy_player_section .fantsy_player figure .player_bio .tatum::before {
    position: absolute;
    content: "";
    background-image: url(../images/red_arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 15px;
    top: 12px;
    left: -29px;
    z-index: 999;
}

.fantsy_player_section .fantsy_player figure .player_bio .nacua::before {
    position: absolute;
    content: "";
    background-image: url(../images/green_arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 15px;
    top: 12px;
    left: -29px;
    z-index: 999;
}

.fantsy_player_section .fantsy_player figure .player_bio .tagovaila::before {
    position: absolute;
    content: "";
    background-image: url(../images/red_arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 15px;
    top: 12px;
    left: -29px;
    z-index: 999;
}

.fantsy_player_section .blog-carousel .slick-track {
    display: flex !important;
}

.fantsy_player_section .blog-carousel .slick-slide {
    height: inherit !important;
    margin: 15px;
}

.fantsy_player_section .blog-carousel .slick-arrow.slick-next {
    border-radius: 100%;
    width: 44px;
    height: 44px;
    right: 4.5%;
    top: -71px;
    transition: all 0.4s ease-in-out;
    font-size: 0;
    position: absolute;
    background: #DEDEDE;
    transition: 0.6s ease;
    border: unset;
}

.fantsy_player_section .blog-carousel .slick-arrow.slick-next::before {
    content: "";
    /* font-family: FontAwesome; */
    background-image: url(../images/arrow-left-solid.svg);
    width: 20px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 11px;
    background-size: contain;
    background-repeat: no-repeat;
    transition: 0.6s ease;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(355deg) brightness(102%) contrast(103%);
}

.fantsy_player_section .blog-carousel .slick-arrow.slick-next:hover::before {
    transform: translateX(-5px);
}


.fantsy_player_section .blog-carousel .slick-arrow.slick-prev {
    border: unset;
    border-radius: 100%;
    width: 57px;
    height: 57px;
    right: 0;
    top: -80px;
    transition: all 0.4s ease-in-out;
    font-size: 0;
    position: absolute;
    background: #2B4DDB;
    transition: 0.6s ease;
}

.fantsy_player_section .blog-carousel .slick-arrow.slick-prev::before {
    content: "";
    background-image: url(../images/arrow-right-solid.svg);
    width: 20px;
    height: 30px;
    position: absolute;
    top: 16px;
    left: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    transition: 0.6s ease;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(355deg) brightness(102%) contrast(103%);
}

.fantsy_player_section .blog-carousel .slick-arrow.slick-prev:hover::before {
    transform: translateX(5px);
}

/* sports sectin css */

.sports_section {
    background-color: var(--home-bg);
    clip-path: polygon(0 3%, 100% 0, 100% 97%, 0 100%);
}

.sports_section .sports {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.sports_section .sports .sport {
    width: calc(100% / 3 - 30px);
}

.sports_section .sports .sport h4 {
    font-size: 45px;
    font-weight: 600;
    text-align: center;
    color: var(--black);
    margin-bottom: 20px;
}

.sports_section .sports .sport .sport_content {
    background: #FFFFFF;
    box-shadow: 0px 0px 36px #00000010;
    border-radius: 13px;
    padding: 20px 30px 30px;
}

.sports_section .sports .sport .sport_content h5 {
    font-size: 31px;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 20px;
}

.sports_section .sports .sport .sport_content .sport_athlete {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.sports_section .sports .sport .sport_content .sport_athlete .athlete_name p {
    font-size: 18px;
    font-weight: 500;
    color: #ADADAD;
}

.sports_section .sports .sport .sport_content .sport_athlete .athlete_name h6 {
    font-size: 23px;
    font-weight: 600;
    color: var(--black);
}

.sports_section .sports .sport .sport_content .sport_athlete .athlete_ranking {
    display: flex;
    gap: 10px;
}

.sports_section .sports .sport .sport_content .sport_athlete .athlete_ranking p {
    font-size: 24px;
    font-weight: 500;
    color: var(--black);
}

.sports_section .sports .sport .sport_content .sport_athlete figure {
    width: 25%;
}

.sports_section .sports .sport .sport_content .sport_athlete>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 70%;
}

.sports_section .sports .sport .sport_content .sport_button {
    display: flex;
    justify-content: center;
}

.sports_section .sports .sport .sport_content .sport_button .play_button {
    font-size: 23px;
}

/* work section css */

.work_section {
    position: relative;
}

.work_section.common_heading h3 {
    text-align: center;
    margin-bottom: 20px;
}

.work_section h3+p {
    text-align: center;
    width: 88.2%;
    margin: auto;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
}

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

.work_section .work_list {
    background: var(--white);
    box-shadow: 0px 0px 36px #00000010;
    border-radius: 13px;
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 30px;
}

.work_section .work_steps .work_list:first-child {
    margin-bottom: 30px;
}

.work_section .work_list .work_content {
    width: 33%;
    position: relative;
}

.work_section .work_list .work_content>div {
    display: flex;
    align-items: center;
    gap: 20px;
}

.work_section .work_list .work_content>div h4 {
    font-family: "Oswald", sans-serif;
    font-size: 60px;
    font-weight: bold;
    color: #EDEDED;
    margin-bottom: unset;
}

.work_section .work_list .work_content>div h5 {
    font-family: "Oswald", sans-serif;
    font-size: 29px;
    font-weight: bold;
    color: var(--black);
}

.work_section .work_list .work_content p {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: var(--black);
    padding-left: 75px;
}

.work_section .absolute_image {
    position: absolute;
    width: 487px;
    left: 38%;
    bottom: -34px;
    z-index: 1;
}

.work_section .absolute_image img {
    max-width: 100%;
    width: 100%;
}

/* faq section css */

.faq_section {
    position: relative;
    background-color: #F5F4F4;
}

.faq_section .container {
    padding: 0 130px;
}

.faq_section h3 {
    text-align: center;
    margin-bottom: 40px;
}

.faq_section .accordion-item {
    padding: 10px 20px;
    margin-bottom: 16px;
    background: #FFFFFF;
    box-shadow: 0px 0px 36px #00000012;
    opacity: 1;
    border-radius: 9px;
    border: 1px solid #fff;
}

.faq_section .accordion-button:not(.collapsed) {
    background-color: unset;
}

.faq_section h4 {
    font-size: 27px;
    font-family: "Oswald", sans-serif;
    font-weight: 600;
    margin-bottom: 0;
}

.faq_section .accordion-button:focus {
    box-shadow: unset;
    border: unset;
    outline: none;
}

.faq_section .accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
    padding-top: 15px;
    padding-bottom: 18px;
    padding-left: unset;
}

.faq_section .accordion-body p {
    margin-bottom: unset;
    font-size: 14px;
    padding-right: 32px;
    font-family: "Poppins", sans-serif;
}

.faq_section .collapse {
    margin: 0 15px;
}

.faq_section .collapse.show {
    border-top: 1px solid #ddd;
}

.faq_section .accordion-button:not(.collapsed) {
    box-shadow: unset;
}

.faq_section .accordion-button:not(.collapsed)::after {
    background-image: url(../images/minus.svg);
    transform: var(--bs-accordion-btn-icon-transform);
}

.accordion-button::after {
    background-image: url(../images/plus.svg);
}

.table_search_design .search{
    position: relative;
    height: 50px;
    min-width: 300px;
    border-radius: 25px;
    background: #F4F4F4;
    border: 1px solid #fff;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 10px;
}
.table_search_design .search input {
    background: unset;
    border: unset;
    width: 100%;
}
.table_search_design .search button {
    background: unset;
    border: unset;
}
/* about section css */

.about_section {
    background-color: #F5F4F4;
    clip-path: polygon(0 3%, 100% 0, 100% 97%, 0 100%);
}

.about_section.common_heading h3 {
    margin-bottom: 20px;
}

.about_section .content_image {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.about_section .content_image .content {
    width: 48%;
}

.about_section .content_image .content p {
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 20px;
    max-width: 620px;
    font-family: "Poppins", sans-serif;
}

.about_section .content_image .content .play_button {
    font-size: 25px;
    z-index: 9;
    position: relative;
    margin-top: 20px;
    display: inline-block;
}


.about_section .content_image .about_image {
    width: 48%;
}

.about_section .content_image .content .about_image figure img {
    width: 100%;
}

/* footer section css */

.footer_section {
    padding: 10px 30px 20px;
}

.footer_section .container {
    border-top: 1px solid #ddd;
    padding-top: 50px;
}

.footer_section .footer_items {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer_section .footer_items h4 {
    font-size: 50px;
    color: #070707;
    margin-bottom: unset;
}

.footer_section .footer_items h4 a {
    color: #070707;
}

.footer_section .footer_items ul {
    display: flex;
}

.footer_section .footer_items ul.quick_links {
    gap: 50px;
}

.footer_section .footer_items ul.quick_links li a {
    font-size: 22px;
    color: var(--black);
}

.footer_section .footer_items ul li {
    transition: 0.6s ease;
}

.footer_section .footer_items ul.quick_links li:hover {
    opacity: 0.5;
}

.footer_section .footer_items ul.social_links {
    gap: 5px;
}

.footer_section .footer_items ul.social_links li:hover {
    transform: translateY(-5px);
}

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

.footer_section .footer_items ul.social_links li:first-child img {
    filter: invert(66%) sepia(9%) saturate(3698%) hue-rotate(173deg) brightness(93%) contrast(86%);
}

.footer_section .footer_items ul li {
    list-style-type: none;
}

.footer_section .copy_right p {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    color: var(--black);
    text-align: center;
    margin-top: 70px;
}

/* login page css */
.page_header.login_header .bg-body-tertiary {
    border-bottom: unset;
}

.hero_section.login_section {
    padding-top: 130px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: -102px;
    background-position-y: -20px;
    position: relative;
    background-color: #2B4DDB;
    /* min-height: unset; */
    min-height: 750px;
    overflow: hidden;
}

.hero_section.login_section::before {
    display: none;
}

.hero_section.login_section .content_image {
    justify-content: end;
}

.hero_section.login_section .hero_image {
    left: 10%;
    right: unset;
    width: 540px;
    bottom: -120px;
}

.hero_section.login_section .hero_content {
    width: 40%;
    margin-top: 35px;
}

.login_section .login_form {
    background-color: var(--white);
    border-radius: 10px;
    padding: 30px 25px;
}

.login_section .login_form h3 {
    text-align: center;
}

.login_section .login_form label {
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    display: block;
    margin-bottom: 5px;
    color: #414141;
}

.login_section .login_form input {
    border: unset;
    padding: unset;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    border-radius: unset;
}

.login_section .login_form input::placeholder {
    font-size: 20px;
    font-weight: bold;
}

.login_section .login_form form div:nth-child(3) {
    margin: 25px 0 10px;
}

.hero_section.login_section .forgot_pass {
    display: block;
    text-decoration: underline;
    color: #414141;
    font-size: 16px;
    text-align: right;
    margin: unset;
}

.hero_section.login_section .play_button {
    font-size: 28px;
    border: unset;
    padding: 6px 50px;
}

.hero_section.login_section form p {
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    color: #414141;
    margin-top: 25px;
}

.hero_section.login_section form p a {
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    color: #12BF48;
    text-decoration: underline;
    margin: unset;
}

/* sign up page css */

.hero_section.login_section.signup_section {
    padding-bottom: 20px;
    position: relative;

    /* background-position-x: -232px;
    background-position-y: -40px; */
}

.hero_section.login_section.signup_section .absolute_image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: -220px;
    background-position-y: -40px;
}

.hero_section.login_section.signup_section .content_image {
    justify-content: space-between;
    padding-left: 100px;
}

.hero_section.login_section.signup_section .hero_image {
    position: static;
    width: 40%;
}

.hero_section.login_section.signup_section .hero_content {
    width: 43%;
    margin-top: 0;
    z-index: 1;
}

.hero_section.login_section.signup_section form .checked {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 15px 0 20px;
}

.hero_section.login_section.signup_section form .checked label {
    font-size: 16px;
    margin-bottom: unset;
}

.hero_section.login_section.signup_section form .checked label a {
    display: inline;
    text-decoration: underline;
    color: #414141;
    font-size: 16px;
    text-align: right;
    margin: unset;
}

.signup_section .login_form form div:nth-child(4) {
    margin: 25px 0 10px;
}

.signup_section .login_form form div:nth-child(5) {
    margin: 25px 0 10px;
}

section.hero_section.login_section.forgot_section {
    display: flex;
    align-items: center;
}

.hero_section.login_section.forgot_section .hero_content {
    margin-top: 0;
}

.hero_section.login_section.forgot_section .play_button {
    margin-top: 25px;
}

/* trading page css */

.hero_section.trading_section {
    position: relative;
    min-height: 500px;
    clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
    display: flex;
    align-items: center;
    background-size: contain;
    background-position: bottom;
    width: 100%;
    width: 100vw;
}

.hero_section.trading_section::before {
    display: none;
}

.hero_section.trading_section .content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero_section.trading_section .content h2 {
    font-size: 60px;
    color: var(--white);
    font-family: 'soliden-trial-blackexp';
}

.get_in_touch_section .content_form {
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding-right: 120px;
}

.get_in_touch_section .content {
    width: 40%;
}

.get_in_touch_section .content h3 {
    font-size: 60px;
    color: var(--black);
    font-family: 'soliden-trial-blackexp';
    margin-bottom: 30px;
}

.get_in_touch_section .content p {
    font-size: 23px;
    font-weight: 500;
    color: var(--black);
}

.get_in_touch_section .content a {
    font-size: 26px;
    font-weight: 700;
    color: var(--black);
    margin-bottom: 25px;
    display: block;
}

.get_in_touch_section .content p.address {
    font-size: 26px;
    font-weight: 700;
    color: var(--black);
    margin-bottom: 25px;
    display: block;
    max-width: 320px;
}

.get_in_touch_section .form {
    width: 40%;
    background-color: var(--white);
    border-radius: 10px;
    padding: 40px 35px;
    background: var(--white);
    box-shadow: 0px 0px 36px #00000010;
    border-radius: 13px;
    opacity: 1;
    position: relative;
}

.get_in_touch_section .form::before {
    position: absolute;
    content: "";
    background-image: url(../images/trading_form_bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 710px;
    top: -20px;
    left: -80px;
    z-index: -1;
}

.get_in_touch_section .form p {
    font-size: 19px;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    color: var(--black);
    margin-bottom: 25px;
    line-height: 1.4;
}

.get_in_touch_section .form div:nth-child(2) {
    margin: 25px 0 0;
}

.get_in_touch_section .form div:nth-child(3) {
    margin: 25px 0 0;
}

.get_in_touch_section .form div:nth-child(4) {
    margin: 25px 0 0;
}

.get_in_touch_section .form div:nth-child(5) {
    margin: 25px 0;
}

.get_in_touch_section .form label {
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    display: block;
    margin-bottom: 5px;
    color: #414141;
}

.get_in_touch_section .form input {
    border: unset;
    padding: unset;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    border-radius: unset;
}

.get_in_touch_section .form input::placeholder {
    font-size: 20px;
    font-weight: bold;
}

.get_in_touch_section .form .play_button {
    font-size: 28px;
    border: unset;
    padding: 6px 50px;
}

.location_section {
    padding: unset;
}

.location_section iframe {
    width: 100%;
    height: 500px;
}

/* dashboard css **********************************************************************************************************************************************************************************  */

.dashboard {
    overflow-x: hidden;
}

.dashboard .sidebar {
    position: fixed;
    left: 0;
    top: 0;
    width: 300px;
    height: 100vh;
    background-color: var(--side-bg);
    padding: 15px;
    box-sizing: border-box;
    transition: 0.6s ease;
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
}

.dashboard .sidebar h1 {
    font-family: 'soliden-trial-blackexp';
    font-size: 40px;
    color: var(--white);
    margin-bottom: 30px;
}

.dashboard .sidebar li {
    color: white;
    margin-bottom: 15px;
    list-style-type: none;
    min-width: 160px;
    border-radius: 33px;
    padding: 8px 20px;
    transition: 0.6s ease;
}

.dashboard .sidebar li:hover {
    background: #2446D0;
}

.dashboard .sidebar li.active {
    background: #2446D0;
}

.dashboard .sidebar li a {
    color: var(--white);
    font-size: 21px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
}

.dashboard .sidebar li a img {
    width: 24px;
}

.custom_navbar {
    background: var(--white);
    border: 1px solid white;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 5px;
    /* transition: 0.6s ease; */
    padding: 12px 30px;
    border-radius: 50px;
    z-index: 1000;
    /* Ensures the header stays above other content */
}

.custom_navbar .toggle {
    display: none;
    transition: 0.6s ease;
    cursor: pointer;
    position: absolute;
}

.custom_navbar .toggle .bars {
    background: #ddd;
    border-radius: 5px;
    padding: 10px;
}

.custom_navbar .toggle .cross {
    display: none;
    padding: 6px 10px;
    background: #ddd;
    border-radius: 5px;
}

.custom_navbar .user_info {
    display: flex;
    gap: 0 15px;
    align-items: center;
}

.custom_navbar .icon {
    background-color: #EFFCF3;
    border: 1px solid #17EF59;
    display: flex;
    align-items: center;
    padding: 0px 22px;
    border-radius: 25px;
    gap: 0 10px;
    min-height: 50px;
}

.custom_navbar .icon p {
    font-size: 20px;
    font-weight: 500;
    color: var(--black);
    margin-bottom: -8px;
}

.custom_navbar .icon small {
    font-size: 13px;
    font-weight: 500;
    color: var(--black);
}

.custom_navbar .user_info .search {
    position: relative;
    height: 50px;
    min-width: 300px;
    border-radius: 25px;
    background: #F4F4F4;
    border: 1px solid #fff;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom_navbar .user_info .search input {
    background: unset;
    border: unset;
    width: 100%;
}

.custom_navbar .user_info .search input:focus {
    outline: none;
    box-shadow: unset;
    border: unset;
}

.custom_navbar .user_info .search input::placeholder {
    font-size: 17px;
    font-weight: bold;
    color: var(--black);
}

.custom_navbar .user_info .search button {
    background: unset;
    border: unset;
}

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

.custom_navbar .user {
    display: flex;
    align-items: center;
    gap: 7px;
    position: relative;
    cursor: pointer;
}

.custom_navbar .user i {
    color: #D9D9D9;
}

.custom_navbar .user p {
    font-size: 22px;
    font-weight: 500;
}

.content_wrapper {
    width: calc(100% - 300px);
    min-height: 100vh;
    background-color: var(--content-bg);
    float: right;
    padding: 20px 30px;
    border: 2px solid white;
    box-sizing: border-box;
    transition: 0.6s ease;
}

.content_wrapper .feed {
    width: 100%;
}

.content_wrapper .feed .inner_div {
    width: 100%;
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.content_wrapper .feed .common_item {
    background: var(--white);
    box-shadow: 0px 0px 31px #00000005;
    border-radius: 26px;
    padding: 20px;
    height: 100%;
}

.content_wrapper .feed .common_item a {
    font-size: 16px;
    color: var(--black);
    text-decoration: underline;
    transition: 0.6s ease;
    display: inline-block;
}

.content_wrapper .feed .common_item a:hover {
    transform: translateY(-5px);
}

.content_wrapper .feed .column_1 {
    width: 25%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.content_wrapper .feed .column_1 .athlete {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.content_wrapper .feed .column_1 .athlete img {
    width: 72px;
    height: 64px;
}

.content_wrapper .feed .column_1 .athlete img:last-child {
    width: 21px;
    height: 27px;
}

.content_wrapper .feed .column_1 .athlete h5 {
    font-size: 20px;
    font-weight: 500;
}

.content_wrapper .feed .column_1 .athlete p {
    font-size: 16px;
    font-weight: 500;
    color: #ADADAD;
    margin-bottom: unset;
}

.content_wrapper .feed .column_2 {
    width: 50%;
}

.content_wrapper .feed .column_2 .rank_earning {
    display: flex;
    gap: 20px;
}

.content_wrapper .feed .column_2 .rank_earning .rank {
    background-color: #2D51E5;
    border-radius: 15px;
    width: 178px;
    padding: 20px;
}

.content_wrapper .feed .column_2 .rank_earning .earning {
    background-color: #12BF48;
    border-radius: 15px;
    width: 188px;
}

.content_wrapper .feed .column_2 .rank_earning h6 {
    font-size: 30px;
    color: var(--white);
    font-weight: 500;
}

.content_wrapper .feed .column_2 .rank_earning p {
    font-size: 18px;
    color: var(--white);
    font-weight: 500;
}

.content_wrapper .feed .column_2 .players_heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0 20px;
}

.content_wrapper .feed .column_2 .players_heading h4 {
    margin-bottom: unset;
}

.content_wrapper .feed .column_2 .players_heading>div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.content_wrapper .feed .column_2 .players_heading p {
    font-size: 18px;
    color: var(--black);
    font-weight: 500;
}

.column_2 select#cars {
    background: #F5F5F5;
    border-radius: 19px;
    border: unset;
    padding: 6px 10px;
    color: #797979;
    font-weight: 500;
    font-size: 15px;
}

.column_2 select.cars {
    background: #F5F5F5;
    border-radius: 19px;
    border: unset;
    padding: 6px 10px;
    color: #797979;
    font-weight: 500;
    font-size: 15px;
}

.column_2 .table_container {
    width: 100%;
    background: var(--white);
    box-shadow: 0px 0px 17px #00000010;
    border-radius: 28px;
    padding: 10px 0;
    border-collapse: collapse;
}

.column_2 table {
    width: 100%;
    border-collapse: collapse;
}

.column_2 table thead tr {
    border-bottom: 1px solid #EAEAEA;
}

.column_2 table tr:not(:last-child) {
    border-bottom: 1px solid #EAEAEA;
}

.column_2 table th {
    font-size: 16px;
    font-weight: 500;
    color: #797979;
    text-align: left;
    padding-bottom: 10px;
}

.column_2 table tbody td {
    font-size: 19px;
    font-weight: 500;
    color: var(--black);
}

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

.column_2 table tbody .col_1>div {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0;
}

.column_2 table tbody .col_1 img {
    width: 44px;
    height: 44px;
}

.column_2 table .col_2,
.column_2 table .col_3 {
    text-align: center;
}

.column_2 table tbody .col_4 div {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 100%;
}

.column_2 table tbody .col_4 button {
    border: unset;
    font-size: 16px;
    font-weight: 500;
    border-radius: 80px;
    padding: 5px 12px;
    cursor: pointer;
}

.column_2 table tbody .col_4 .buy {
    color: #12BF48;
    background-color: #DEFFE8;
}

.column_2 table tbody .col_4 .sell {
    color: #FF0E1A;
    background-color: #FFDEDF;
}

.column_2 table tbody td {
    margin-top: 10px;
}

.column_2 a {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 20px;
}

.content_wrapper .feed .column_3 {
    width: 25%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.content_wrapper .feed .column_3 .medals {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.content_wrapper .feed .column_3 .medal {
    width: 100%;
    border-radius: 39px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 6px 25px;
}

.content_wrapper .feed .column_3 .medals .medal img {
    width: 38px;
    height: 50px;
}

.content_wrapper .feed .column_3 .medals .medal:first-child {
    background-color: #FDFCE7;
}

.content_wrapper .feed .column_3 .medals .medal:nth-child(2) {
    background-color: #D7DEE0;
}

.content_wrapper .feed .column_3 .medals .medal:last-child {
    background-color: #F8E8E1;
}

.content_wrapper .feed .column_3 .achievment_column .athlete {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.content_wrapper .feed .column_3 .achievment_column .athlete img {
    width: 44px;
    height: 44px;
    margin-right: 10px;
}

.content_wrapper .feed .column_3 .achievment_column .athlete p {
    font-size: 19px;
    font-weight: 500;
    color: var(--black);
}

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

.content_wrapper .feed .column_3 .achievment_column .athlete p:nth-child(3) {
    margin: 0 22px 0 15px;
    min-width: 40px;
}

.content_wrapper .feed .column_3 .achievment_column a {
    display: inline-block;
    width: 100%;
    text-align: center;
}

/* dashboard 2 css */

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

.table_dashboard .content_wrapper .feed .column_2.common_item .players_heading {
    justify-content: unset;
    gap: 30px;
}

.table_dashboard .content_wrapper .feed .column_2.common_item .players_heading h3 {
    width: 210px;
}

.table_dashboard .content_wrapper .feed .common_item {
    padding: 20px 30px;
}

.table_dashboard .column_2 {
    width: 100% !important;
}

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

.table_dashboard table thead tr .col_3 {
    text-align: left;
    padding-left: 0;
}

.table_dashboard table thead .col_4 {
    text-align: right;
    padding-right: 90px;
}

.table_dashboard .column_2 table tbody .col_4 div {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 100%;
    /* justify-content: end; */
    padding-right: 20px;
}

.custom_navbar .user_dropdown {
    min-width: 150px;
    position: absolute;
    background: #fff;
    top: 70px;
    right: 0;
    padding: 20px 20px 0 20px;
    transition: 0.8s ease;
    display: none;
    border-radius: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.custom_navbar .user_dropdown .links {
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-bottom: 1px solid;
    padding-bottom: 18px;
    margin: 0 -20px;
}

.custom_navbar .user_dropdown .links a {
    display: inline-block;
    padding: 0 20px;
    transition: 0.6s ease;
}

.custom_navbar .user_dropdown .links a:hover {
    transform: translateY(-5px);
}

.custom_navbar .user_dropdown button {
    border: unset;
    text-align: center;
    color: #2d51e5;
    width: 100%;
    background: unset;
    padding: 12px 0;
    font-size: 11p;
    font-size: 16px;
    cursor: pointer;
    transition: 0.6s ease;
}

.custom_navbar .user_dropdown button:hover {
    transform: translateY(-5px);
}

.custom_navbar.scrolled {
    top: 0;
    position: fixed;
    width: calc(100% - 360px);
    border-radius: unset;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    /* transition: 0.6s ease; */
}

/* dashboard 3 css */

.pixel_dashboard form {
    display: flex;
    gap: 10px;
}

.pixel_dashboard .players_heading .search {
    position: relative;
    height: 50px;
    min-width: 300px;
    border-radius: 25px;
    background: #F4F4F4;
    border: 1px solid #fff;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 10px;
}

.pixel_dashboard .players_heading .search input {
    background: unset;
    border: unset;
    width: 100%;
}

.pixel_dashboard .players_heading .search input:focus {
    outline: none;
    box-shadow: unset;
    border: unset;
}

.pixel_dashboard .players_heading .search button {
    background: unset;
    border: unset;
}

.pixel_dashboard .players_heading .search input::placeholder {
    font-size: 17px;
    font-weight: bold;
    color: var(--black);
}

.pixel_dashboard .players_heading .search button i {
    font-size: 15px;
}

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

.pixel_dashboard table thead .col_4 {
    text-align: center;
    padding-right: unset;
}

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

.pixel_dashboard table .col_5 {
    text-align: center;
}

.pixel_dashboard table .col_5 div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #F4F4F4;
    width: 80px;
    margin: auto;
    border-radius: 25px;
}

.pixel_dashboard table .col_5 div button {
    background: unset;
    border: unset;
    font-size: 22px;
    cursor: pointer;
}

.pixel_dashboard table thead .col_6 {
    text-align: right;
    padding-right: 90px;
}

.pixel_dashboard .column_2 table tbody .col_6 div {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 100%;
    justify-content: end;
    padding-right: 20px;
}

.pixel_dashboard .column_2 table tbody .col_6 button {
    border: unset;
    font-size: 16px;
    font-weight: 500;
    border-radius: 80px;
    padding: 5px 12px;
    cursor: pointer;
}

.pixel_dashboard .column_2 table tbody .col_6 .buy {
    color: #12BF48;
    background-color: #DEFFE8;
}

.pixel_dashboard .column_2 table tbody .col_6 .sell {
    color: #FF0E1A;
    background-color: #FFDEDF;
}

.pixel_dashboard .column_2 .table_container {
    padding: 10px 0 70px;
}

/* dashboard 4 css */

.leader_dashboard .column_2 .table_container {
    padding: 10px 30px 50px 0;
    display: flex;
    align-items: start;
    gap: 60px;
}

.leader_dashboard .column_2 table {
    width: 60%;
    border-collapse: collapse;
}

/* .leader_dashboard table thead tr th {
    width: calc(100% / 3);
} */

.leader_dashboard table thead tr th:first-child {
    width: 46%;
}

.leader_dashboard table thead tr th:nth-child(2) {
    width: 30%;
}

.leader_dashboard table thead tr th:last-child {
    width: 24%;
}

.leader_dashboard .column_2 table .col_2,
.leader_dashboard .column_2 table .col_3 {
    text-align: left;
}

.leader_dashboard .column_2 .table_image {
    width: 40%;
}

.leader_dashboard .column_2 .table_image .rank_earning {
    margin: 30px 0;
}

.table_image figure img {
    width: 100%;
}

.leader_dashboard .column_2 table thead tr {
    border-right: unset !important;
}

.leader_dashboard .column_2 table tr {
    border-bottom: 1px solid #EAEAEA;
    border-right: 1px solid #EAEAEA;
}

/* dashboard 5 css */

.achievement_dashboard .content_wrapper .feed .common_item {
    padding: 20px 30px 50px 30px;
}

.achievement_dashboard .column_2 .achievement_container {
    padding: 30px 0 50px;
    background: var(--white);
    box-shadow: 0px 0px 17px #00000010;
    border-radius: 28px;
}

.achievement_dashboard .column_2 .achievement_container h5 {
    font-size: 25px;
    font-weight: 500;
}

.achievement_dashboard .column_2 .achievement_container .acquired_badges {
    padding: 0 30px;
}

.achievement_dashboard .column_2 .achievement_container .progress_bar {
    max-width: 1033px;
    width: 100%;
    height: 20px;
    background-color: #F2F2F2;
    border-radius: 21px;
    margin: 15px 0 35px;
}

.achievement_dashboard .column_2 .achievement_container .progress_bar .inner_bar {
    width: 10%;
    height: 100%;
    background-color: #2D51E5;
    border-radius: 21px;
}

.achievement_dashboard .column_2 .achievement_container .standings li {
    list-style-type: none;
    position: relative;
}

.achievement_dashboard .column_2 .achievement_container .standings li:first-child::before {
    content: "";
    position: absolute;
    background-image: url(../images/gold.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px;
    height: 39px;
    top: 0;
    left: 30px;
}

.achievement_dashboard .column_2 .achievement_container .standings li:nth-child(2)::before {
    content: "";
    position: absolute;
    background-image: url(../images/silver.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px;
    height: 39px;
    top: 0;
    left: 30px;
}

.achievement_dashboard .column_2 .achievement_container .standings li:last-child::before {
    content: "";
    position: absolute;
    background-image: url(../images/bronze.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px;
    height: 39px;
    top: 0;
    left: 30px;
}

.achievement_dashboard .column_2 .achievement_container .standings li:not(:last-child) {
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #EAEAEA;
}

.achievement_dashboard .column_2 .achievement_container .standings li small {
    font-size: 16px;
    font-weight: 500;
    color: #797979;
    padding: 0 70px;
    margin-bottom: 4px;
    display: inline-block;
}

.achievement_dashboard .column_2 .achievement_container .standings li h6 {
    font-size: 19px;
    font-weight: 500;
    color: var(--black);
    padding: 0 70px;
    margin-bottom: 4px;
}

.achievement_dashboard .column_2 .achievement_container .standings li p {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    color: var(--black);
    padding: 0 70px;
}

/* playcoin dashboard css */

.playcoin_dashboard .feed h4 {
    margin-bottom: 5px;
    margin-top: 15px;
}

.playcoin_dashboard .feed {
    background: var(--content-bg);
    border-radius: 26px;
}

.playcoin_dashboard .feed h4+p {
    font-size: 30px;
    font-weight: 500;
    font-family: "Oswald", sans-serif;
}

.playcoin_dashboard .feed h5 {
    font-size: 21px;
    font-family: 'soliden-trial-blackexp';
    margin-top: 20px;
    margin-bottom: 15px;
    padding-top: 20px;
    border-top: 1px solid #EBEBEB;
    width: 50%;
}

.playcoin_dashboard .feed .play_button {
    font-size: 20px;
    font-weight: 500;
    border: unset;
    font-family: "Oswald", sans-serif;
    min-width: 135px;
    min-height: 44px;
    padding: unset;
    cursor: pointer;
}

.leader_dashboard.playcoin_dashboard .column_2 .table_container {
    width: 50%;
    padding: 7px 0 7px 0;
    overflow: hidden;
    border: 1px solid #EBEBEB;
    box-shadow: unset;
}

.leader_dashboard.playcoin_dashboard .column_2 .table_container table {
    width: 100%;
}

.leader_dashboard.playcoin_dashboard .column_2 table tr {
    border-right: unset;
}

.leader_dashboard.playcoin_dashboard .column_2 table tr td {
    padding-top: 3px;
    padding-bottom: 3px;
}

.leader_dashboard.playcoin_dashboard .column_2 table tbody tr:last-child {
    border-bottom: unset;
}

.leader_dashboard.playcoin_dashboard table thead tr th:first-child {
    width: unset;
}

.leader_dashboard.playcoin_dashboard table thead tr th:nth-child(2) {
    width: unset;
}

.leader_dashboard.playcoin_dashboard table thead tr th:last-child {
    width: unset;
}

.leader_dashboard.playcoin_dashboard .content_wrapper .see_all {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 50px;
    width: 50%;
}

.leader_dashboard.playcoin_dashboard .content_wrapper .see_all button {
    border: unset;
    background: unset;
    font-size: 16px;
    text-decoration: underline;
    font-family: "Oswald", sans-serif;
    cursor: pointer;
}

/* trending athlete css */

.table_dashboard.trending_athlete_dashboard .content_wrapper .feed .common_item {
    padding: 20px 30px 70px;
}

.trending_athlete_dashboard .feed .players_heading h4 {
    font-size: 35px;
    font-family: 'soliden-trial-blackexp';
}

.trending_athlete_dashboard .feed .column_2 table .col_2,
.column_2 table .col_3 {
    text-align: left;
}

.pixel_dashboard.trending_athlete_dashboard table thead .col_4 {
    text-align: left;
    padding-right: unset;
}

.pixel_dashboard.trending_athlete_dashboard table tbody .col_4,
.pixel_dashboard.trending_athlete_dashboard table .col_5 {
    text-align: left;
}

.pixel_dashboard.trending_athlete_dashboard table .col_5 div {
    display: flex;
    align-items: center;
    justify-content: unset;
    gap: 10px;
    background: unset;
    width: unset;
    margin: unset;
    border-radius: 25px;
}

.pixel_dashboard.trending_athlete_dashboard table .col_5 div span {
    font-size: 12px;
    font-weight: 500;
}

.pixel_dashboard.trending_athlete_dashboard table thead .col_6 {
    text-align: left;
    padding-right: 60px;
}

.pixel_dashboard.trending_athlete_dashboard table td.col_6 {
    padding-left: 0;
}

.pixel_dashboard.trending_athlete_dashboard .column_2 table tr:last-child {
    border-bottom: 1px solid #EAEAEA;
}

.pixel_dashboard.trending_athlete_dashboard .column_2 .table_container {
    padding: 10px 0 30px;
}

/* player info css */

.player_info_dashboard .top_container {
    background: var(--white);
    box-shadow: 0px 0px 31px #00000005;
    border-radius: 26px;
    padding: 20px;
    height: 100%;
    margin-bottom: 40px;
}

.player_info_dashboard .content_wrapper .feed .common_item {
    background: unset;
    box-shadow: unset;
    border-radius: 0;
    padding: 0;
    height: 100%;
    margin-bottom: 40px;
}

.player_info_dashboard .player_info_container {
    display: flex;
    align-items: start;
}

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

.player_info_dashboard .player_info_container .player_specs ul {
    display: flex;
    flex-wrap: wrap;
}

.player_info_dashboard .player_info_container .player_specs ul li {
    list-style-type: none;
    width: 50%;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px;
}

.player_info_dashboard .player_info_container .performance_metrics {
    width: 48%;
    box-shadow: 0px 0px 22px #00000012;
    border-radius: 26px;
    opacity: 1;
    padding: 20px 20px;
    position: relative;
}

.player_info_dashboard .player_info_container .performance_metrics figure {
    position: absolute;
    bottom: 20px;
    right: -20px;
    width: 200px;
    height: 52px;
}

.player_info_dashboard .player_info_container .performance_metrics figure img {
    width: 100%;
}

.player_info_dashboard .player_info_container .performance_metrics h5 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.player_info_dashboard .player_info_container .performance_metrics ul {
    display: flex;
    gap: 25px;
}

.player_info_dashboard .player_info_container .performance_metrics ul li {
    list-style-type: none;
}

.player_info_dashboard .player_info_container .performance_metrics ul li small {
    font-size: 14px;
    font-weight: 500;
    color: #ADADAD;
}

.player_info_dashboard .player_info_container .performance_metrics ul li h6 {
    font-size: 20px;
    font-weight: 600;
    display: flex;
    gap: 60px;
    margin-bottom: 15px;
}

.player_info_dashboard .player_info_container .performance_metrics ul li h6 span {
    font-size: 19px;
    font-weight: 500;
    margin-top: -5px;
}

.player_info_dashboard .player_info_container .performance_metrics button {
    font-size: 18px;
    font-weight: 500;
    min-width: 70px;
    padding: 5px 0;
    border: unset;
    border-radius: 80px;
}

.player_info_dashboard .player_info_container .performance_metrics button.buy {
    background-color: #DEFFE8;
    color: #12BF48;
}

.player_info_dashboard .player_info_container .performance_metrics button.sell {
    background-color: #FFDEDF;
    color: #FF0E1A;
    margin-left: 5px;
}

.player_info_dashboard .table_container h5 {
    font-size: 32px;
    font-weight: 600;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.player_info_dashboard .column_2 table td {
    padding: 14px 0;
}

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

.player_info_dashboard .column_2 table .col_5 span {
    font-size: 13px;
    font-weight: 500;
    background-color: #00B65E;
    color: var(--white);
    width: 35px;
    display: inline-block;
    text-align: center;
    border-radius: 13px;
}

.player_info_dashboard .column_2 table tbody tr:last-child .col_5 span {
    font-size: 13px;
    font-weight: 500;
    background-color: #FF1212;
    color: var(--white);
    width: 35px;
    display: inline-block;
    text-align: center;
    border-radius: 13px;
}

.table_dashboard.trending_athlete_dashboard.player_info_dashboard .content_wrapper .feed .common_item {
    padding: 20px 30px 10px;
}

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

.table_dashboard.player_info_dashboard table thead .col_4 {
    text-align: left;
    padding-right: 90px;
}

/* user profile page css */

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

.user_profile_dash .hero_section.login_section.signup_section .hero_content {
    width: 50%;
    border-radius: 26px;
}

.user_profile_dash .hero_section.login_section {
    width: 100%;
    background: unset;
    padding: unset;
}

.user_profile_dash .login_section .login_form input {
    width: 100%;
    padding-top: 5px;
}

.hero_section.login_section.signup_section .content_image {
    justify-content: space-between;
    padding-left: unset;
}

.user_profile_dash .update_buttons {
    display: flex;
    margin-top: 20px;
    gap: 10px;
    margin-top: 30px;
}

.user_profile_dash .hero_section.login_section .play_button {
    font-size: 20px;
    border: unset;
    padding: 10px 50px;
}

.user_profile_dash .update_buttons .cancel {
    background-color: #FF0E1A;
}

.user_profile_dash .hero_section .content_image {
    display: block;
}

.user_profile_dash .content_image .update_image {
    position: relative;
    margin-bottom: 25px;
}

.user_profile_dash .content_image .update_image figure {
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 100%;
    overflow: hidden;
}

.user_profile_dash .content_image .update_image figure::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 30%;
    background: #000;
    bottom: 0;
    opacity: 0.7;
}

.user_profile_dash .content_image .update_image figure img {
    width: 100%;
    height: 100%;
}

.user_profile_dash .content_image .new_pic {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 15px;
    cursor: pointer;
}

.user_profile_dash .content_image .new_pic::before {
    content: "";
    position: absolute;
    background-image: url(../images/camera_icon.svg);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    left: 50%;
    transform: translateX(-50%);
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.user_profile_dash .content_image input[type="file"] {
    display: none;
}


/* dashboard updated css ***********************************************************************************************************************************/

.playball_table_design .column_2 table .col_2, .column_2 table .col_3 {
    text-align: left;
    padding-left: 20px;
}



/* Search Box Styling */
.dt-search {
    text-align: right;
    margin-bottom: 15px;
}

.dt-search label {
    font-size: 14px;
    font-weight: bold;
}

.dt-search input {
    padding: 8px;
    width: 200px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* Pagination Styling */
/* Pagination Container Styling */
.dt-layout-end {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    font-family: Arial, sans-serif;
}
.dt-paging {
    float: inline-end;
}

/* Pagination Styling */
.dt-paging nav ul.pagination {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Pagination Items */
.dt-paging .pagination li.page-item {
    margin: 0 5px;
}

.dt-paging .pagination li.page-item a {
    padding: 8px 14px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.dt-paging .pagination li.page-item a:hover {
    background-color: #007bff;
    color: white;
}

/* Active Page Button */
.dt-paging .pagination li.page-item.active a {
    background-color: #007bff;
    color: white;
    font-weight: bold;
    pointer-events: none;
    border-color: #007bff;
}

/* Disabled Buttons */
.dt-paging .pagination li.page-item.disabled a {
    background-color: #e9ecef;
    color: #6c757d;
    pointer-events: none;
    border: 1px solid #ddd;
}

.content_wrapper .feed .common_item a {
    font-size: 16px;
    color: var(--black);
    text-decoration: underline;
    transition: 0.6s ease;
    display: flex;
    align-items: center;
    gap: 13px;
}

.players_heading  .paybutton{
    width: fit-content !important;
    text-decoration: none !important;
}

.user_profile_dash .content_image .update_image {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.user_profile_dash .update_buttons.deactivate_btn {
    margin-top: 0;
}

/* ============================================
   TRENDING PLAYERS - DYNAMIC CARD STYLING
   ============================================ */

/* Dynamic player cards - enhanced design */
.fantsy_player_section .blog-carousel .fantsy_player.dynamic_player figure {
    background: linear-gradient(145deg, #8B3DEB 0%, #6B2DC5 40%, #5B1DB0 100%) !important;
    min-height: 400px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: 0 10px 30px rgba(91, 29, 176, 0.4) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.fantsy_player_section .blog-carousel .fantsy_player.dynamic_player figure:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(91, 29, 176, 0.5) !important;
}

/* WOW pattern background */
.fantsy_player_section .blog-carousel .fantsy_player.dynamic_player figure::before {
    content: "WOW WOW WOW WOW WOW WOW WOW WOW WOW WOW WOW WOW WOW WOW WOW WOW WOW WOW" !important;
    position: absolute !important;
    top: 0 !important;
    left: -10px !important;
    right: 0 !important;
    bottom: 0 !important;
    font-family: 'Arial Black', sans-serif !important;
    font-size: 32px !important;
    font-weight: 900 !important;
    color: rgba(255, 255, 255, 0.07) !important;
    word-wrap: break-word !important;
    line-height: 1.3 !important;
    padding: 20px !important;
    z-index: 0 !important;
    pointer-events: none !important;
    letter-spacing: 2px !important;
}

/* Orange decorative element */
.fantsy_player_section .blog-carousel .fantsy_player.dynamic_player figure::after {
    content: "" !important;
    position: absolute !important;
    top: -20px !important;
    right: -40px !important;
    width: 160px !important;
    height: 280px !important;
    background: linear-gradient(180deg, #FF7043 0%, #FF9800 50%, #FF7043 100%) !important;
    border-radius: 50% !important;
    transform: rotate(-20deg) !important;
    opacity: 0.85 !important;
    z-index: 0 !important;
    filter: blur(1px) !important;
}

/* Player image styling */
.fantsy_player_section .blog-carousel .fantsy_player.dynamic_player figure img {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    height: auto !important;
    filter: drop-shadow(0 5px 15px rgba(0,0,0,0.3)) !important;
}

/* Player bio overlay with gradient */
.fantsy_player_section .blog-carousel .fantsy_player.dynamic_player figure .player_bio {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 3 !important;
    background: linear-gradient(to top, rgba(50, 15, 90, 0.98) 0%, rgba(91, 29, 176, 0.9) 50%, rgba(91, 29, 176, 0.5) 80%, transparent 100%) !important;
    padding: 60px 20px 20px !important;
}

.fantsy_player_section .blog-carousel .fantsy_player.dynamic_player figure .player_bio .player_name {
    text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
}

.fantsy_player_section .blog-carousel .fantsy_player.dynamic_player figure .player_bio .performance {
    text-shadow: 0 2px 8px rgba(0,0,0,0.4) !important;
}

/* ============================================
   MARKETPLACE TABLE STYLING
   ============================================ */

/* Marketplace table - auto width */
.pixel_dashboard .column_2 #dataTable {
    width: 100%;
    table-layout: auto;
}

/* Marketplace table header & body */
.pixel_dashboard .column_2 #dataTable th,
.pixel_dashboard .column_2 #dataTable td {
    padding: 10px 15px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

/* All columns center align except player name */
.pixel_dashboard .column_2 #dataTable .col_2,
.pixel_dashboard .column_2 #dataTable .col_3,
.pixel_dashboard .column_2 #dataTable .col_4,
.pixel_dashboard .column_2 #dataTable .col_5,
.pixel_dashboard .column_2 #dataTable .col_6,
.pixel_dashboard .column_2 #dataTable .col_7,
.pixel_dashboard .column_2 #dataTable .col_8,
.pixel_dashboard .column_2 #dataTable .col_9 {
    text-align: center;
}

/* Player name with image */
.pixel_dashboard .column_2 #dataTable tbody .col_1 > div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pixel_dashboard .column_2 #dataTable tbody .col_1 img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

/* Quantity control - col_8 (same as original col_5) */
.pixel_dashboard .column_2 #dataTable .col_8 {
    text-align: center;
}

.pixel_dashboard .column_2 #dataTable .col_8 div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #F4F4F4;
    width: 80px;
    margin: auto;
    border-radius: 25px;
}

.pixel_dashboard .column_2 #dataTable .col_8 div button {
    background: unset;
    border: unset;
    font-size: 22px;
    cursor: pointer;
}

/* Action buttons - col_9 (same as original col_6) */
.pixel_dashboard .column_2 #dataTable thead .col_9 {
    text-align: right;
    padding-right: 90px;
}

.pixel_dashboard .column_2 #dataTable tbody .col_9 div {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 100%;
    justify-content: end;
    padding-right: 20px;
}

.pixel_dashboard .column_2 #dataTable tbody .col_9 button {
    border: unset;
    font-size: 16px;
    font-weight: 500;
    border-radius: 80px;
    padding: 5px 12px;
    cursor: pointer;
}

.pixel_dashboard .column_2 #dataTable tbody .col_9 .buy {
    color: #12BF48;
    background-color: #DEFFE8;
}

.pixel_dashboard .column_2 #dataTable tbody .col_9 .sell {
    color: #FF0E1A;
    background-color: #FFDEDF;
}