:root {
    --primary-color: #7F1712;
    --secondary-color: #E0B975;

    --primary-font: "Roboto", sans-serif;
    --secondary-font: "Montserrat", sans-serif;
}

.font_Primary {
    font-family: var(--primary-font);
}

.font_Secondary {
    font-family: var(--secondary-font);
}

body {
    font-family: var(--primary-font);
}

h1,
h2,
h3,
h4 {
    font-family: var(--primary-font);
}

img {
    max-width: 100%;
}

a {
    text-decoration: none;
}

.fs_14 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
}

.fs_30 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 0;
}

.fs_20 {
    font-size: 20px;
    line-height: 1.2;
}

.fs_18 {
    font-size: 18px;
    line-height: 1.2;
}

.w_37 {
    width: 37px;
}

.text_yellow {
    color: #E0B975;
    transition: all 0.3s;
}

a.text_yellow:hover {
    color: #fff;
}

.text_grey {
    color: rgba(255, 255, 255, 0.49);
    font-weight: normal;
}

.tag_Green {
    background-color: #18550A;
    color: #fff;
}

.tag_Grey {
    background-color: rgba(255, 255, 255, 0.21);
    color: #E5E7EB;
}

.tag_Pfrs {
    padding: 2px 10px;
    border-radius: 20px;
    display: inline-block;
    font-size: 10px;
}

.leader_Pfrs td h5 {
    font-size: 14px;
    font-weight: 700;
}

.leader_Pfrs td h6 {
    font-size: 14px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.49);
}

.leader_Pfrs td .date_Text {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.49);
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1248px;
    }
}

body {
    background-color: #000;
}

.top_Sponsor_Panel {
    font-family: var(--secondary-font);
    background-color: #111111;
    border-bottom: 1px solid #1F2937;
}

.sponsor_Wrapper p {
    font-family: var(--secondary-font);
    font-size: 12px;
    color: #9CA3AF;
    margin-bottom: 0;
    white-space: nowrap;
}

.sponsor_Block {
    width: 64px;
    height: 16px;
    border-radius: 4px;
    background-color: #374151;
}

.link_Text_Grey {
    color: #D1D5DB;
    font-size: 12px;
}

.logo_Inner_Panel .navbar {
    padding-top: 0;
    padding-bottom: 0;
}

.auth_Link {
    transition: all 0.3s;
    white-space: nowrap;
}

.auth_Link:hover {
    color: var(--secondary-color) !important;
}
.auth_Link:hover .profile_Icon{
    transition: all 0.3s;
    filter: invert(59%) sepia(89%) saturate(1000%) hue-rotate(359deg) brightness(100%) contrast(18%);
}
.profile_Icon {
    background: url("../img/icons/profile--icon.svg") no-repeat 0 0;
    width: 14px;
    height: 16px;
    display: block;
    transition: all 0.3s;
}

.main_Navbar {
    font-size: 16px;
    line-height: 20px;
}

.main_Navbar .navbar-nav {
    align-items: center;
    gap: 10px;
}

.main_Navbar .navbar-nav li a {
    font-family: var(--secondary-font);
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    transition: all 0.3s ease-in;
    position: relative;
}

.main_Navbar .navbar-nav li a.active,
.main_Navbar .navbar-nav li a:hover {
    color: var(--secondary-color);
}

.main_Navbar .navbar-nav li a.active::before,
.main_Navbar .navbar-nav li a:hover::before {
    content: '';
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    background-color: var(--secondary-color);
    color: var(--secondary-color);
}

.main_Navbar .navbar-nav li a.nav_Red_Button::before {
    display: none;
}

.main_Navbar .navbar-toggler,
.main_Navbar .navbar-toggler:focus {
    border: none !important;
    box-shadow: none !important;
}

.nav_Red_Button {
    background-color: #F90101;
    padding: 3px 14px;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
}

.next_Rodeo {
    background: #222222;
    padding-top: 15px;
    padding-bottom: 15px;
}

.next_Rodeo_Inner .next_Rodeo_Label {
    font-size: 14px;
    line-height: 1.5;
    color: #9CA3AF;
    white-space: nowrap;
}

.next_Rodeo_Inner .next_Rodeo_Marque marquee {
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 1.1;
    padding-top: 4px;
}
.next_Rodeo_Marque{
    color: var(--secondary-color);
    flex-grow: 1;
}

.title_Lg {
    font-size: 24px;
    line-height: 32px;
}

.performance_Block {
    padding: 20px;
    border-radius: 14px;
    background-color: #0B0B0B;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
}

.performance_Block::before {
    content: '';
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.77) 60%, rgba(0, 0, 0, 1) 100%);
    display: block;
    position: absolute;
    inset: 0;
    z-index: -1;
}

.performance_Block.no_Bg::before {
    display: none;
}

.status_Tag {
    border-radius: 15px;
    padding: 2px 10px;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 6px;
}

.status_Tag span.circle {
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 100px;
    flex-shrink: 0;
    display: block;
}

.live_Status {
    background-color: #FF0000;
    animation: glowBox 0.5s infinite alternate ease-in-out;
    display: inline-flex; /* ensures scale animation works nicely */
}

@keyframes glowBox {
  from {
    box-shadow: 0 0 10px #FF0000, 0 0 20px #FF0000, 0 0 40px #FF0000;
  }
  to {
    box-shadow: 0 0 20px #FF0000, 0 0 40px #FF0000, 0 0 80px #FF0000;
  }
}

.performance_Avatar {
    width: 64px;
    /* height: 64px; */
    flex-shrink: 0;
    border-radius: 6px;
    overflow: hidden;
}

.performance_Avatar img {
    /* width: 100%; */
    max-height: 100%;
    object-fit: cover;
}

.performance_Content h3 {
    line-height: 26px;
    margin-bottom: 4px;
    font-weight: 700;
}

.performance_Content h4 {
    margin-bottom: 4px;
}

.performance_Content h4 span {
    padding-left: 10px;
    font-weight: 400;
}
.performance_Content h4 strong{
    font-weight: 600;
}

.performance_Content h5 {
    color: #9CA3AF;
}

.performance_Block {
    margin-bottom: 16px;
}

.btn_Green,
.btn.btn-success  {
    background-color: #18550A;
    border-color: #18550A;
    border-radius: 8px;
    padding: 10px 24px;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    transition: all 0.3s;
}
.btn.btn-success {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.my-profile-form .btn.btn-success{
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.btn_Green:hover,
.btn.btn-success:hover  {
    background-color: #227410;
}

.btn_Green span,
.btn_Yellow span {
    font-weight: 300;
    font-size: 17px;
    padding-left: 4px;
    color: rgba(255, 255, 255, 0.6);
}

.btn_Yellow_Outline {
    border: 1px solid #E0B975;
    border-radius: 8px;
    padding: 10px 24px;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    transition: all 0.3s;
    font-size: 20px;
    line-height: 1.2;
}

.btn_Yellow_Outline:hover {
    background-color: #E0B975;
    color: #000;
}

.btn_Grey_Outline {
    border: 1px solid #4B5563;
    border-radius: 8px;
    padding: 10px 24px;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    transition: all 0.3s;
    font-size: 17px !important;
}

.btn_Grey_Outline:hover {
    background-color: #4B5563;
}

.btn_Yellow {
    background-color: #E0B975;
    border-radius: 8px;
    padding: 10px 24px;
    display: inline-block;
    color: #000;
    font-weight: 600;
    transition: all 0.3s;
    font-size: 20px;
}

.btn_Yellow:hover {
    background-color: #ffbd4b;
}

.btn_Yellow span {
    font-size: 17px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
}

.btn_Grey {
    background-color: rgba(255, 255, 255, 0.21);
    border-radius: 8px;
    padding: 8px 12px;
    display: inline-block;
    color: rgba(255, 255, 255, 0.49);
    font-weight: 600;
}

.btn_Grey:hover {
    background-color: rgba(255, 255, 255, 0.35);
    color: #fff;
}

.opacity_Btn {
    opacity: 0.4 !important;
}

.divider_div {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.14);
    margin-bottom: 16px;
}

.divider_div::before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px 0 8px 10px;
    border-color: transparent transparent transparent #222;
    transform: rotate(0deg);
    position: absolute;
    top: -9px;
    left: -3px;
    z-index: 2;
}

.divider_div::after {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px 0 8px 10px;
    border-color: transparent transparent transparent #222;
    transform: rotate(0deg);
    position: absolute;
    top: -9px;
    right: -3px;
    z-index: 2;
    transform: rotate(-180deg);
}

.latest_News_Inner_Panel {
    gap: 16px;
}

.latest_News_Block {
    flex: 1;
    max-width: 33%;
}

.latest_News_Block h3 {
    font-size: 18px;
    line-height: 28px;
}

.latest_News_Block h3 a {
    color: #fff;
    font-family: var(--secondary-font);
    transition: all 0.3s;
}

.latest_News_Block h3 a:hover {
    color: var(--secondary-color);
}

.latest_News_Block p {
    font-family: var(--secondary-font);
    line-height: 1.4;
}

.latest_News_pic {
    position: relative;
    margin-bottom: 12px;
    border-radius: 8px;
    overflow: hidden;
}

.latest_News_pic img {
    width: 100%;
    height: 100%;
    max-height: 178px;
    object-fit: cover;
    display: block;
}

.latest_News_Content p.text_grey {
    margin-bottom: 10px;
}

.latest_News_Content h6 {
    font-size: 12px;
    color: #6B7280;
    font-family: var(--secondary-font);
}

.latest_News_Panel .section_Title.mb-3 {
    margin-bottom: 10px !important;
}
.latest_News_Panel .title_Lg{
    font-weight: 700;
}

.latest_News_Panel a.text_yellow,
.left_Panel a.text_yellow,
.right_Panel a.text_yellow {
    font-size: 14px;
}

.news_Title_Pic {
    background-color: #18550A;
    font-size: 12px;
    color: #E0B975;
    padding: 3px 10px;
    display: inline-flex;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 4px;
}

.leaderboard_Table_Panel {
    background-color: #111111;
    min-height: 400px;
    border-radius: 6px;
}

.add_Block_Box {
    position: relative;
    z-index: 1;
    border-radius: 7px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.add_Block_Box  img{
    max-height: 453px;
    object-fit: cover;
    width: 100%;
}

.add_Block_Box::before {
    content: '';
    background: rgba(0, 0, 0, 0.77);
    display: block;
    position: absolute;
    inset: 0;
    z-index: -1;
}

.btn_Red {
    width: 100%;
    background-color: #7F1712;
    color: #fff;
    display: block;
    border-radius: 6px;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 15px;
    transition: all 0.3s;
    font-weight: 600;
}

.btn_Red:hover {
    background-color: #FF0000;
}

.fan_Mag_Block {
    min-height: 374px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border: 1px solid #464d5b;
    border-radius: 8px;
    overflow: hidden;
}

.fan_Mag_Block h3 {
    font-weight: 900;
    font-size: 20px !important;
}

.footer_Panel {
    background: url("../img/footer-bg.png") no-repeat 90% 0;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    padding-top: 35px;
    padding-bottom: 35px;
}

.footer_Panel h3 {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.footer_Panel p {
    font-family: var(--secondary-font);
    font-size: 14px;
    line-height: 20px;
    color: #9CA3AF;
}

.footer_Panel ul {
    font-family: var(--secondary-font);
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.footer_Panel ul li {
    line-height: 28px;
}

.footer_Panel ul li a {
    color: #9CA3AF;
    transition: all 0.3s;
    line-height: 32px;
}

.footer_Panel ul li a:hover {
    color: #fff;
}
.footer_Panel ul li a:hover i{
    filter: brightness(100);
}
.fb-icon {
    background: url("../img/icons/fb.svg") no-repeat 0 0;
    width: 10px;
    height: 16px;
    display: block;
}

.tw-icon {
    background: url("../img/icons/tw.svg") no-repeat center;
    width: 16px;
    height: 16px;
    background-size: 18px;
    display: block;
}

.inst-icon {
    background: url("../img/icons/inst.svg") no-repeat 0 0;
    width: 14px;
    height: 16px;
    display: block;
}

.yt-icon {
    background: url("../img/icons/yt.svg") no-repeat center;
    width: 18px;
    height: 16px;
    display: block;
    background-size: 20px;
}

.footer_Copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    padding-top: 20px;
    padding-bottom: 20px;
}

.copy_Text {
    font-family: var(--secondary-font);
    font-size: 14px;
    line-height: 20px;
    color: #6B7280;
    margin-bottom: 0;
    text-align: center;

}

.custom_Nav_Tab {
    padding-top: 10px;
    border-bottom: 1px solid #343434;
    padding-bottom: 10px;
}

.custom_Nav_Tab li {
    flex: 1;
    position: relative;
}

.custom_Nav_Tab li a {
    position: relative;
}

.custom_Nav_Tab li a.active::before,
.custom_Nav_Tab li a:hover::before {
    content: '';
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    background-color: var(--secondary-color);
    color: var(--secondary-color);
}

.custom_Nav_Tab li::before {
    content: '';
    background: url("../img/icons/arrow.png") no-repeat 0 0;
    width: 6px;
    height: 11px;
    background-size: contain;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -2px;
}

.custom_Nav_Tab li:first-child::before {
    display: none;
}

.custom_Nav_Tab li .nav-link {
    color: #fff;
    background-color: transparent !important;
    flex: 1;
    text-align: center;
    cursor: pointer;
}

.leader_Pfrs .table>:not(caption)>*>* {
    background-color: #111111;
    color: #fff;
    border-bottom: 1px solid #1C1C1C;
}

.leader_Pfrs .table th {
    background-color: #000;
    border-top: 1px solid #1C1C1C;
    border-bottom: 1px solid #1C1C1C;
    font-size: 14px;
    color: #9CA3AF;
    font-weight: 400;
}

.leader_Pfrs .table .text_yellow {
    color: var(--secondary-color) !important;
    font-weight: 700;
}

.leader_Pfrs .table .text_Grey {
    color: #9CA3AF !important;
}

.for_Mob {
    display: none !important;
}

.play_Btn {
    background: url("../img/icons/play-btn-sm.svg") no-repeat center center;
    background-size: 26px;
    width: 24px;
    height: 24px;
    display: block;
    outline: none;
    border-radius: 100%;
}

.play_Btn_lg {
    background: url("../img/icons/play-lg.svg") no-repeat center center;
    background-size: 45px;
    width: 45px;
    height: 45px;
    display: block;
    outline: none;
    border-radius: 100%;
}

.play_Btn_lg_link {
    position: absolute;
    top: 41%;
    left: 50%;
    transform: translate(-50%);
}

.play_btn_Link {
    position: absolute;
    top: 10px;
    right: 10px;
}

.clock_Icon {
    background: url("../img/icons/clock.svg") no-repeat center center;
    background-size: cover;
    background-size: 13px;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 100px;
}

.unlock_Icon {
    background: url("../img/icons/unlock.png") no-repeat center center;
    background-size: contain !important;
    width: 9px;
    height: 10px;
    display: block;
    border-radius: 100px;
}

.lock_Icon {
    background: url("../img/icons/lock.png") no-repeat center center;
    background-size: contain !important;
    width: 7px;
    height: 12px;
    display: block;
    border-radius: 100px;
}

.completed_Icon {
    background: url("../img/icons/completed.png") no-repeat center center;
    background-size: contain !important;
    width: 7px;
    height: 12px;
    display: block;
    border-radius: 100px;
}

.status_lock_unlock {
    background-color: #374151;
    font-weight: 900;
    color: #D1D5DB;
}

@media (max-width: 767px) {
    .main_Navbar .navbar-collapse {
        position: fixed;
        top: 0;
        background: #000;
        width: 265px;
        left: 0;
        bottom: 0;
        z-index: 99;
        padding-top: 40px;
        height: 100vh;
        transition: all 0.3s ease-in;
    }

    .main_Navbar .collapse {
        transition: all 0.3s ease-in;
    }

    .main_Navbar .collapse:not(.show) {
        display: block;
        height: 100vh;
        transform: translateX(-280px);
        transition: all 0.3s ease-in;
    }

    .for_Desktop {
        display: none !important;
    }

    .for_Mob {
        display: block !important;
    }

    .top_Ad_Banner {
        padding-top: 0 !important;
    }

    .logo_Inner_Panel .logo {
        order: 1;
    }

    .logo_Inner_Panel .auth_Link {
        order: 2;
        margin-left: 74px;
    }

    .logo_Inner_Panel .main_Navbar {
        order: 3;
    }

    .title_Lg {
        font-size: 20px;
        line-height: 28px;
    }

    .performance_Content .fs_30 {
        font-size: 18px;
    }

    .performance_Content h4.fs_20 {
        font-size: 16px;
        font-weight: 500;
    }

    .performance_Block {
        flex-direction: column;
    }

    .performance_Btns>a {
        flex: 1;
        text-align: center;
    }

    .latest_News_Inner_Panel {
        flex-direction: column;
    }

    .latest_News_Block {
        width: 100%;
        max-width: 100%;
    }

    .performance_Btns {
        width: 100%;
    }

    .footer_Panel .col-sm-3 {
        width: 100%;
        padding-bottom: 25px;
    }

    .footer_Panel .col-3.col-mob-6 {
        width: 50%;
    }

    .copy_Text {
        text-align: left;
    }

    .performance_Block {
        margin-bottom: 10px;
        padding: 10px;
    }

    .performance_Block .live_Status.status_Tag {
        color: #FF0000;
        background-color: transparent;
        box-shadow: none !important;
    }

    .performance_Block .status_Tag span.circle {
        background-color: #FF0000;
    }

    .performance_Block {
        background-image: none !important;
        background-color: #0B0B0B !important;
    }

    .performance_Block>.d-flex {
        width: 100%;
    }

    .main_Navbar .navbar-nav {
        align-items: flex-start;
        padding-left: 25px;
        gap: 20px;
    }

    .logo_Inner_Panel .main_Navbar .container-fluid {
        padding-right: 0 !important;
    }

    .btn_Green,
    .btn_Yellow_Outline,
    .btn_Yellow {
        padding: 10px 4px;
    }

    .leaderboard_Table_Panel {
        min-height: 0;
    }

    .sponsor_Block {
        width: 60px;
    }

    .btn_Green,
    .btn_Yellow_Outline,
    .btn_Grey_Outline,
    .btn_Yellow_Outline,
    .btn_Grey {
        font-size: 14px !important;
    }
    .footer_Panel,
    .footer_Copyright{
        background: #222222 !important;
    }
    .footer_Panel ul li a{
        font-size: 14px;
    }
    .top_Sponsor_Panel .link_Text_Grey{
        margin-left: 3px;
    }
    .add_Block_Box img {
        max-height: 633px;
        object-fit: contain;
        width: 100%;
    }
    .btn_Yellow{
        font-size: 14px !important;
    }
    .btn_Green span, .btn_Yellow span{
        font-size: 14px !important;
    }
    .btn_Green, .btn.btn-success, .btn_Yellow, .btn_Yellow_Outline{
        line-height: 1.1 !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .performance_Btns {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

.modal-content{
    background-color: transparent;
}
.select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after {
    border-bottom: 1px solid #e1d8d8 !important;
    border-right: 1px solid #d1d1d1 !important;
}
.eos-icons_loading {
    background: url("../img/eos-icons_loading.svg") no-repeat center center;
    background-size: cover;
    background-size: 13px;
    width: 14px;
    height: 14px;
    display: block;
    border-radius: 100px;
}

.resend-container{
    display: flex;
    justify-content: flex-start;
}
.sticky-header-panel{
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: #000;
}
/* .promotional-block.add_Block_Box.text-center.mb-3 {
    height: 300px;
    overflow: hidden;
    padding: 0;
}

.promotional-block.add_Block_Box {
    height: 300px;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.cowboy_Channel_Block.add_Block_Box{
        height: 300px;
}
.cowboy_Channel_Block.add_Block_Box img:nth-child(2){
    position: absolute;
    top: 18px;
    left: 50%;
    right: 0;
    width: auto !important;
    height: auto !important;
    transform: translateX(-50%);
} */