.bg-primary {
    background-color: var(--bs-primary)!important;
}

.bg-secondary {
    background-color: var(--bs-secondary)!important;
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary)
}

.btn-secondary {
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary)
}

main#site-main {
    position: relative;
}

main#site-main:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: url(/assets/images/bg-texture.png);
    background-size: contain;
    background-repeat: repeat;
    opacity: .1;
    z-index: -1;
}

.internal-page main#site-main > .container.py-5 {
    background: var(--bs-white);
    position: relative;
}

/* Header */
/* Top Sponsors Logo */
body {
    overflow-x: hidden;
}

/* Top Sponsors Logo ends here */
/* Primary Menu */
.fa-facebook:before {
    content: "\f39e"!important;
}

.top-nav ul.navbar-nav li:hover {
    opacity: .7;
    transition: .3s ease-in-out;
}

.top-nav .component-navbar-image button {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .25rem;
    padding: .5rem;
    border: 0;
    border-radius: 0!important;
}

.top-nav .component-navbar-image ul.navbar-nav {
    justify-content: flex-start!important;
    flex-wrap: nowrap!important;
    overflow: hidden;
    gap: 0!important;
}

.top-nav .component-navbar-image .navbar-image {
    padding: 0;
}

.top-nav ul.navbar-nav li {
    flex: 0 0 10%;
    position: relative;
    transition: .3s ease-in-out;
}

.top-nav ul.navbar-nav li a {
    padding: 1.5rem 0rem;
}

.top-nav ul.navbar-nav li a:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.top-nav ul.navbar-nav li:before {
    height: 100%;
    width: 1px;
    left: 0;
    top: 0;
    position: absolute;
    content: '';
    background: #ccc;
}

.top-nav ul.navbar-nav li:nth-last-child(1):after {
    height: 100%;
    width: 1px;
    right: 0;
    top: 0;
    position: absolute;
    content: '';
    background: #ccc;
}

.top-nav .title {
    letter-spacing: .5rem;
    font-size: 1.5rem;
}

.site-header .menu {
    justify-content: flex-start;
    display: flex;
    align-items: center;
    padding-left: 0rem;
}

.site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link {
    color: var(--bs-white);
    text-transform: uppercase;
    padding: .5rem!important;
}

.component-search button.btn.btn-link {
    font-size: 1.5rem;
    color: var(--bs-white);
    padding-left: 0;
    transition: .4s ease-in;
}

.site-header .social-links {
    align-items: center;
    border-left: .25rem solid var(--bs-white);
}

.site-header .social-links .component-nav {
    width: 100%;
    padding: 1.30rem 0rem 1.3rem 1.3rem;
    z-index: 1;
}

.site-header .social-links .component-nav .nav {
    justify-content: center;
}

.site-header .social-links .component-nav .nav a.nav-link {
    color: var(--bs-white);
    font-size: 1.5rem;
    padding-left: .5rem;
    padding-right: 0.5rem;
}

.macro-primary-navigation a.site-logo {
    position: relative;
    top: 0;
}

.site-header .macro-primary-navigation.position-relative {
    flex: 1;
}

.site-header .social-links:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--bs-dark);
    z-index: 0;
    background-image: url(/assets/images/header_texture.png);
}

.site-header .social-links .component-nav .nav li:nth-last-child(1) a.nav-link {
    padding-right: 0;
}

.component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link.p-0 {
    padding: 0!important;
    color: var(--bs-white);
}

.component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link.p-0:before {
    display: none;
}

.macro-primary-navigation a.site-logo img {
    max-height: 8rem;
    transition: .3s ease-in-out
}

.macro-primary-navigation .title {
    font-size: 2rem!important;
    color: var(--bs-black);
}

.component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link {
    padding: 0.75rem 1.5rem!important;
    font-size: 1.25rem;
    color: var(--bs-black);
    font-weight: 600;
    position: relative;
    transition: .4s ease-in;
}

.component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link:hover:before {
    width: calc(100% - 2rem);
    transition: .4s ease-in;
}

.component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link:before {
    position: absolute;
    height: 2px;
    width: 0;
    right: 0;
    left: 0;
    bottom: 1.5rem;
    margin: 0 auto;
    content: '';
    background: var(--bs-white);
    transition: .4s ease-in;
}

.component-navbar-primary.layout-standard .navbar .navbar-nav .megamenu .nav-link:before {
    bottom: 0;
}

.component-navbar-primary.layout-standard .navbar .navbar-nav .megamenu .nav-link:hover:before {
    bottom: 0;
    width: calc(100% - 1rem);
}

header .component-navbar-primary.layout-standard .navbar.navbar-dark .dropdown-menu {
    background-color: var(--bs-primary)!important;
    border-radius: 0;
}

header .component-navbar-primary.layout-standard .navbar.navbar-dark .dropdown-menu a.nav-link {
    color: var(--bs-white);
    font-size: 1rem;
    padding: .5rem 1rem!important;
}

header .component-navbar-primary.layout-standard .navbar.navbar-dark .dropdown-menu a.nav-link:before {
    bottom: 0;
    display: none;
}

.social-icons .nav-link {
    color: var(--bs-primary);
    font-size: 1.5rem;
    padding-right: 0;
    transition: .4s ease-in;
}

.social-icons .nav-link:hover {
    color: var(--bs-black);
    transition: .4s ease-in;
}

.component-search button.btn.btn-link:hover {
    color: var(--bs-secondary);
    transition: .4s ease-in;
}

.component-navbar-primary.layout-standard .navbar .nav-item:nth-child(1):after {
    display: none!important;
}

header.site-header.is-pinned .title {
    height: 0!important;
    overflow: hidden;
    padding: 0!important;
    transition: .3s ease-in;
}

header .component-navbar-primary > .layout-wrapper, header .component-navbar-primary > .layout-wrapper .navbar {
    position: static!important;
}

header .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu, .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner .megamenu-list .dropdown-menu {
    background: var(--bs-primary)!important;
    border-radius: 0;
}

header .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu {
    padding: 4rem;
    border-top: .25rem solid var(--bs-white);
}

.component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li.nav-item {
    border: 0;
}

.component-navbar-primary.layout-standard .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item .dropdown-menu.megamenu .megamenu-inner > .megamenu-list > li.nav-item > .nav-link {
    color: var(--bs-white);
    font-size: 1.25rem;
    line-height: 1;
    border-bottom: 2px solid #ddd;
    padding-left: 0!important;
    text-transform: uppercase;
    padding: .5rem 0!important;
}

.component-navbar-primary.layout-standard .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item .dropdown-menu.megamenu .megamenu-inner > .megamenu-list > li.nav-item > .nav-link a.nav-link {
    font-size: 1.5rem;
}

header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li > .dropdown-toggle {
    padding-left: 0!important;
    flex: 0 0 auto!important;
    font-size: 1rem;
    color: var(--bs-white);
    text-transform: normal;
    padding: .5rem!important
}

.component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li.nav-item {
    justify-content: space-between;
}

.component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex="true"] > li > a {
    padding-right: 0!important;
    color: var(--bs-white);
    font-weight: normal;
    font-size: 1rem;
    padding: .5rem!important;
}

.component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex="true"] > li > a:before {
    display: none;
}

.component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex="true"] > li > a:hover {
    color: var(--bs-secondary);
}

header.is-pinned {
    box-shadow: 0px 0px 10px var(--bs-dark);
    padding-top: 1rem!important
}

.component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex="true"] > li > a {
    position: relative;
}

.component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex="true"] > li.nav-item:nth-child(1) > a:after, .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex="true"] > li.nav-item:nth-child(2) > a:after {
    position: absolute;
    content: '';
    width: 1px;
    height: calc(100% - 1.5rem);
    right: -.25rem;
    top: .75rem;
    background: var(--bs-white);
}

.component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li > .dropdown-old-toggle {
    padding: .5rem 0!important;
}

header .component-navbar-primary.layout-standard .navbar.navbar-dark .dropdown-menu a.nav-link.p-0 {
    padding: 0!important;
}

.component-navbar-primary.layout-standard .navbar .nav-item.dropdown:not(.parent) > .nav-link:before {
    display: none;
}

.component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > li.nav-item {
    margin-bottom: 0;
}

.component-navbar-primary.layout-standard .navbar .nav-item.dropdown:not(.parent) .nav-link {
    padding-left: 1rem!important;
}

.component-navbar-primary.layout-standard .navbar .dropdown-toggle::after {
    content: "\2b"!important;
    color: var(--bs-white);
}

.site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link span.dropdown-toggle:after {
    color: var(--bs-secondary);
}

.site-header .social-links .component-nav .nav a.nav-link:hover {
    color: var(--bs-secondary);
}

.macro-secondary-navigation a.navbar-brand {
    color: #fff;
    font-weight: bold;
    padding: .75rem 0;
    text-transform: uppercase;
}

.macro-secondary-navigation a.nav-link {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 1rem!important;
}

.macro-secondary-navigation a.nav-link:hover, .macro-secondary-navigation a.nav-link.active {
    background: var(--bs-white);
    color: var(--bs-primary);
}

.macro-secondary-navigation nav.navbar {
    padding: 0;
}

.dropdown .dropdown-toggle:after {
    color: var(--bs-secondary)!important;
}

.macro-secondary-navigation ul.dropdown-menu {
    background: var(--bs-dark)!important;
}

.macro-secondary-navigation ul.dropdown-menu li {
    border-color: rgba(255,255,255,.1)!important;
}

.macro-secondary-navigation .navbar-nav.align-self-end {
    align-items: center;
}

.secondary-navigation:has(.ps-component) {
    margin-top: 1rem;
}

.modal .modal-dialog .modal-body .input-group-text span {
    margin: 0 .25rem !important;
}

.site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link > .d-flex > a.nav-link {
    color: var(--bs-white);
}

.menu .component-navbar-primary a.navbar-brand, .site-header .component-navbar-primary.layout-standard .navbar-collapse.collapse > .d-flex {
    display: none!important;
}

.primary-nav-wrapper .container {
    padding-left: 0!important;
}

.primary-nav-wrapper > .container > .position-relative, .primary-nav-wrapper > .container > .position-relative > .position-relative, .primary-nav-wrapper > .container.d-flex {
    position: static!important;
}

.primary-nav-wrapper {
    position: relative;
}

.internal-page .macro-primary-navigation a.site-logo img {
    max-height: 6rem;
}

.internal-page .macro-primary-navigation a.site-logo {
    top: 0;
}

.component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link:hover .dropdown-toggle::after {
    transform: rotate(45deg);
    transition: .3s ease-in-out;
}

/* Primary Menu Ends */
@media screen and (min-width: 575px) {
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 992px) {
    .site-header .menu {
        padding-right:3rem;
    }

    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link {
        padding: 2rem .5rem!important;
        font-size: 1rem;
    }

    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link.p-0 {
        font-size: 1rem;
    }

    .macro-primary-navigation .container-fluid > .d-flex {
        justify-content: flex-end!important;
    }

    .macro-primary-navigation a.site-logo {
        position: relative;
        left: 0;
        top: 0rem;
        transition: .3s ease-in-out;
        z-index: 9999;
        min-width: 6rem;
        margin-right: auto;
    }

    .macro-primary-navigation a.site-logo img {
        top: -1rem;
        position: absolute;
    }

    header.is-pinned .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu {
        padding-top: 2.25rem;
    }

    .component-search button.btn.btn-link, .site-header .social-links .component-nav .nav a.nav-link {
        font-size: 1rem;
    }

    section.section.sec-sponsors {
        margin-bottom: 1rem;
    }

    .section.sec-banner {
        margin-bottom: 5rem!important;
    }
}

@media screen and (min-width: 1200px) {
    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link {
        padding: 2rem .75rem!important;
        font-size: 1.1rem;
    }

    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link.p-0 {
        font-size: 1.1rem;
    }

    .macro-primary-navigation a.site-logo {
        min-width: 8rem
    }

    .component-search button.btn.btn-link, .site-header .social-links .component-nav .nav a.nav-link {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 1400px) {
    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link {
        padding: 2rem 1rem!important;
        font-size: 1.125rem
    }

    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link.p-0 {
        font-size: 1.125rem;
    }
}

@media screen and (min-width: 1600px) {
    .top-nav .title {
        text-align:left;
    }
}

@media screen and (max-width: 1399px) {
    .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > li.nav-item {
        flex:0 0 47%!important;
        margin: 0 .5rem 1rem!important;
    }
}

@media screen and (max-width: 1199px) {
    header .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu {
        padding:2rem;
    }

    .component-navbar-primary.layout-standard .navbar .nav-item.dropdown:not(.parent) .nav-link {
        padding-left: .5rem!important;
    }

    .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner .megamenu-list {
        justify-content: space-between;
    }

    .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > li.nav-item {
        margin: 0!important;
    }

    .top-nav ul.navbar-nav li:nth-child(1):before, .top-nav ul.navbar-nav li:nth-last-child(1):after {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .site-header .macro-primary-navigation > .container-fluid > .justify-content-start {
        justify-content: flex-start!important;
    }

    .macro-primary-navigation a.site-logo img {
        max-height: 6rem;
    }

    .site-header > .container {
        position: relative;
    }

    .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > li.nav-item {
        margin: 0!important;
    }

    .site-header .menu, .site-header .menu .ps-component {
        flex: 1;
    }

    .primary-nav-wrapper .container {
        padding-right: 0;
    }

    .primary-nav-wrapper > .container {
        position: relative!important;
    }

    header.is-pinned {
        padding-top: 0!important
    }

    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link {
        text-transform: capitalize;
    }

    .component-navbar-primary.layout-standard .navbar .nav-item.dropdown:not(.parent) .nav-link {
        padding: .5rem 1rem!important;
    }

    .site-header .component-navbar-primary.layout-standard .navbar-collapse {
        position: fixed;
        top: 0;
        left: 0;
        height: 100% !important;
        width: 100%;
        background: var(--bs-primary);
        z-index: 1;
        padding: 1rem;
        transform: translate(-100%, 0);
        transition: .2s ease;
        display: block !important;
        overflow: scroll;
        padding-top: 4rem;
    }

    .site-header .component-navbar-primary.layout-standard .navbar-collapse.collapse.show {
        transform: translate(0,0);
    }

    .site-header .component-navbar-primary.layout-standard .navbar-collapse.collapse > .d-flex {
        display: flex!important;
        margin-bottom: 2rem;
    }

    .site-header .component-navbar-primary.layout-standard .navbar-collapse.collapse .d-flex p {
        font-size: 1.75rem;
        font-weight: bold;
        margin: 0;
        display: block!important;
        text-transform: uppercase;
    }

    .site-header .component-navbar-primary.layout-standard .navbar-collapse.collapse .d-flex svg {
        margin-left: auto;
    }

    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link {
        text-transform: none;
        font-weight: normal;
    }

    .component-navbar-primary.layout-standard .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item .dropdown-menu.megamenu .megamenu-inner > .megamenu-list > li.nav-item > .nav-link {
        color: Var(--bs-white);
        font-size: 1rem;
        line-height: 1;
        border-bottom: 0;
        padding-left: 0!important;
    }

    header .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu, .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner .megamenu-list .dropdown-menu {
        background: transparent!important;
    }

    .component-navbar-primary.layout-standard .navbar .navbar-nav .dropdown-menu-inner .dropdown-menu-list .nav-link {
        color: var(--bs-white);
        font-size: 1rem;
    }

    .component-navbar-primary.layout-standard .navbar.navbar-dark .dropdown-menu {
        background: transparent!important;
    }

    .top-nav ul.navbar-nav li a {
        padding: 1rem;
    }

    .top-nav ul.navbar-nav li {
        flex-grow: 1;
        width: 31%;
        flex-shrink: 0;
        flex-basis: auto;
    }

    .top-nav .component-navbar-image ul.navbar-nav {
        flex-wrap: wrap!important;
        gap: 1rem!important;
    }

    .top-nav ul.navbar-nav li:before {
        display: none;
    }

    .macro-primary-navigation a.site-logo {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: .25rem;
        z-index: 1;
        width: fit-content;
        z-index: 0
    }

    .site-header .menu button.navbar-toggler.x {
        border: 0;
        padding: 2.5rem 0;
    }

    .site-header .menu button.navbar-toggler.x:focus {
        box-shadow: none!important;
    }

    .header-buttons a.d-block.d-lg-none.btn.btn-link {
        color: var(--bs-white);
        font-size: 1.5rem;
        margin-right: .75rem;
    }

    .site-header .menu .navbar > .container-fluid > button.navbar-toggler.x span.icon-bar {
        width: 2rem!important;
        height: .25rem;
        transform: none!important;
        opacity: 1;
    }

    .component-search button.btn.btn-link {
        padding-right: 0rem;
    }

    .site-header .menu .navbar > .container-fluid {
        padding-left: 0;
    }

    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link:hover:before {
        display: none;
    }

    .site-header .component-navbar-primary.layout-standard .navbar-collapse {
        width: 20rem;
    }

    header .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu {
        padding: 0 .5rem;
    }

    header .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu {
        border-top: 0;
    }

    .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex="true"] > li.nav-item:nth-child(1) > a:after, .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex="true"] > li.nav-item:nth-child(2) > a:after {
        display: none;
    }

    .top-nav ul.navbar-nav li .dropdown-menu {
        display: none;
    }

    .site-header .component-navbar-primary .navbar-collapse:after {
        content: '';
        display: block;
        width: 150px;
        height: 150px;
        background: var(--site-logo-url) no-repeat 50% 50%;
        background-size: contain;
    }

    .component-navbar-primary.layout-standard .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item .dropdown-menu.megamenu .megamenu-inner > .megamenu-list > li.nav-item > .nav-link a.nav-link {
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 575px) {
    .site-header .component-navbar-primary.layout-standard .navbar-collapse {
        width:100%;
    }

    .top-nav ul.navbar-nav li {
        width: 30%;
    }
}

@media screen and (max-width: 1199px) and (min-width:992px) {
    .top-nav > .container {
        max-width: unset;
    }

    .top-nav > .container .col-xl-5 {
        border-bottom: 1px solid #ddd;
    }
    
    /***** Header social background new css ****/
    .site-header .social-links {    position: relative;   z-index: 1; }
    .site-header .social-links:before { content: ""; position: absolute; left: 0; top: 0; right: -9999px; height: 100%; z-index: -1; background: var(--bs-dark); background-image: url(https://theme-assets.prestosports.com/theme-assets/hardball/assets/images/header_texture.png); opacity: 1; }
    .site-header .social-links:after{ display:none; }
    /***** End header social background new css ****/
}

/* Header CSS Done */
/* Top Stories */
.component-headlines.layout-stacked-carousel .carousel-caption {
    visibility: hidden;
}

.sec-top-stories .left-col .carousel-indicators {
    display: none;
}

.sec-top-stories .page-details {
    display: none!important;
}

.sec-top-stories .component-headlines .layout-wrapper > .align-items-center {
    align-items: flex-start!important;
}

.sec-top-stories .right-col {
    align-self: stretch;
    padding-bottom: 3rem;
}

.sec-top-stories .right-col .aside-carousel {
}

.sec-top-stories .right-col .aside-carousel ul {
    gap: 1rem !important;
    justify-content: flex-start!important;
}

.sec-top-stories .right-col .aside-carousel .item {
    transition: .3s ease-in-out;
}

.sec-top-stories .right-col .aside-carousel .item .card {
    height: 100%;
    width: 100%;
    display: block!important;
}

.sec-top-stories .right-col .aside-carousel .item .card > .row {
    display: flex!important;
    height: 100%;
    align-items: center;
    padding: 1rem 0;
}

.sec-top-stories .right-col .aside-carousel .item .card > .row .col-12:not(.my-md-n1) {
    padding: 0 1rem!important;
    z-index: 2;
    width: 100%;
}

.sec-top-stories .right-col .aside-carousel .item .card > .row .col-12.my-md-n1 {
    display: none;
}

.sec-top-stories .right-col .carousel-indicators .card-body {
    padding: 0!important;
    position: static!important;
}

.sec-top-stories .right-col .carousel-indicators .card-body .d-flex.flex-column {
    opacity: 1!important;
    justify-content: flex-start!important;
    flex-direction: row!important;
}

.component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item {
    border-color: var(--bs-primary)!important;
    border-radius: 0!important;
}

.sec-top-stories .left-col .carousel-inner {
    border-radius: 0!important;
}

.component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item:hover .card-title a, .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item:focus .card-title a {
    text-decoration: underline;
    !important;transition: .3s ease-in-out;
}

.component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item.active {
    border: 0 !important;
    border-color: var(--bs-primary)!important;
    transition: .3s ease-in-out;
    border-left: 0.25rem solid var(--bs-secondary) !important;
}

.sec-top-stories .right-col .carousel-indicators .card-body .d-flex.flex-column .date, .sec-top-stories .right-col .carousel-indicators .card-body .d-flex.flex-column .category {
    opacity: 1!important;
    font-size: .9rem;
    color: var(--bs-black);
}

.sec-top-stories .right-col .carousel-indicators .item.active .card-body .d-flex.flex-column .date, .sec-top-stories .right-col .carousel-indicators .item.active .card-body .d-flex.flex-column .category {
    color: var(--bs-white)!important;
    transition: .3s ease-in-out;
}

.sec-top-stories .right-col .carousel-indicators .item:hover .card-body .d-flex.flex-column .date, .sec-top-stories .right-col .carousel-indicators .item:hover .card-body .d-flex.flex-column .category {
    color: var(--bs-white)!important;
    transition: .3s ease-in-out;
}

.sec-top-stories .right-col .carousel-indicators .card-body .d-flex.flex-column .date {
    margin-right: 1rem;
    position: relative;
}

.sec-top-stories .right-col .carousel-indicators .card-body .d-flex.flex-column .date:after {
    position: absolute;
    content: '';
    height: 1rem;
    width: 1px;
    background: var(--bs-black);
    right: -1rem;
    top: 2px;
    transform: skew(-10deg, -10deg);
    transition: .3s ease-in-out;
}

.component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item:hover .flex-column .date:after, .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item.active .flex-column .date:after {
    background: var(--bs-white);
    transition: .3s ease-in-out;
}

.sec-top-stories .right-col .carousel-indicators .item.active .card-body .d-flex.flex-column .category:after, .sec-top-stories .right-col .carousel-indicators .item:hover .card-body .d-flex.flex-column .category:after {
    background: var(--bs-white)important;
}

.sec-top-stories .right-col .carousel-indicators .card-body .card-title {
    color: var(--bs-primary);
    font-size: 1.25rem!important;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-line-clamp: 2;
    line-height: initial;
    transition: .3s ease-in-out;
}

.sec-top-stories .right-col .carousel-indicators .item.active .card-body .card-title {
    color: var(--bs-white);
    transition: .3s ease-in-out;
}

.sec-top-stories .right-col .carousel-indicators .item:hover {
    background: var(--bs-primary)!important;
    transition: .3s ease-in-out;
}

.sec-top-stories .right-col .carousel-indicators .item:hover .card-body .card-title a {
    color: var(--bs-white)!important;
    transition: .3s ease-in-out;
}

.sec-top-stories .right-col .carousel-indicators .card-body .card-text {
    color: var(--bs-black);
    font-size: 0.85rem;
    line-height: initial;
    -webkit-line-clamp: 1;
    transition: .3s ease-in-out;
}

.sec-top-stories .right-col .carousel-indicators .card-body .read-more-button {
    position: absolute;
    bottom: 1rem;
    opacity: 1!important;
}

.sec-top-stories .right-col .carousel-indicators .card-body .read-more-button a {
    padding: 0!important;
    background: transparent;
    border: 0;
    color: var(--bs-primary);
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1rem;
}

.sec-top-stories .right-col .carousel-indicators .item.active .card-body .read-more-button a, .sec-top-stories .right-col .carousel-indicators .item:hover .card-body .read-more-button a {
    opacity: 1!important;
    color: var(--bs-white)!important;
    transition: .3s ease-in-out;
}

.sec-top-stories .right-col .carousel-indicators .item.active .card-body .card-text, .sec-top-stories .right-col .carousel-indicators .item:hover .card-body .card-text {
    color: var(--bs-white);
    opacity: 1!important;
    transition: .3s ease-in-out;
}

.sec-top-stories .macro-archive-link.archive-link.align-center {
    margin: 1rem 2rem 0;
}

.sec-top-stories .macro-archive-link.archive-link.align-center a {
    display: block;
    border: 1px solid var(--bs-primary);
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0;
    padding: .25rem .5rem;
    transition: .3s ease-in-out;
}

.sec-top-stories .macro-archive-link.archive-link.align-center a:hover {
    background: var(--bs-primary);
    color: var(--bs-white);
    filter: unset;
    transition: .3s ease-in-out;
    text-decoration: none;
}

.sec-top-stories .component-headlines .carousel-control-pp {
    width: 40px;
    height: 40px;
    opacity: 1;
    background: var(--bs-primary);
    border: 1px solid var(--bs-primary);
    border-radius: 0;
    color: var(--bs-white);
}

.sec-top-stories .component-headlines .carousel-control-pp .fa-circle-pause {
    font-weight: 900!important;
}

.sec-top-stories .component-headlines .carousel-control-pp .fa-circle-pause:before {
    content: "\f04c"!important;
}

.sec-top-stories .custom-date {
    display: none;
}

.sec-top-stories .container {
    position: relative;
}

.sec-top-stories > .container > .row > .col-12 {
    padding: 0;
}

.sec-top-stories .right-col .carousel-indicators .card-body .card-text {
    -webkit-line-clamp: 1;
}

.sec-top-stories .layout-wrapper {
    margin-bottom: 5rem
}

@media screen and (max-width: 1399px) {
    .sec-top-stories .right-col .aside-carousel .item .card > .row {
        padding:.75rem 0;
    }

    .sec-top-stories .right-col .carousel-indicators .card-body .read-more-button {
        bottom: .5rem;
    }

    .sec-top-stories .right-col .carousel-indicators .card-body .card-title {
        margin-top: 0!important;
    }
}

@media screen and (max-width: 1199px) {
    .sec-top-stories .right-col .carousel-indicators .card-body .d-flex.flex-column .date, .sec-top-stories .right-col .carousel-indicators .card-body .d-flex.flex-column .category {
        font-size:.9rem;
    }

    .sec-top-stories .right-col .carousel-indicators .card-body .d-flex.flex-column .category:after {
        height: 1rem;
        top: .15rem;
    }

    .sec-top-stories .right-col .carousel-indicators .card-body .card-title {
        font-size: 1.25rem!important;
    }
}

@media screen and (max-width: 991px) {
        .sec-top-stories .right-col {
            display: none;
        }

        .sec-top-stories .macro-archive-link {
            display: none;
        }

        .sec-top-stories .left-col {
            width: 100%;
        }

        .component-headlines.layout-stacked-carousel .carousel-caption {
            visibility: visible;
            position: relative;
            background: var(--bs-white);
            padding: 1rem;
        }

        .component-headlines.layout-stacked-carousel .carousel-caption > .d-flex {
            align-items: flex-start!important;
            gap: 0!important;
        }

        .component-headlines.layout-stacked-carousel .carousel-caption > .d-flex .carousel-caption-title .item-link {
            text-shadow: none;
            color: var(--bs-primary)!important;
            font-weight: 900;
            font-size: 1.5rem;
        }

        .component-headlines.layout-stacked-carousel .carousel-caption > .d-flex p.carousel-caption-text {
            text-align: left;
            text-shadow: none;
            color: var(--bs-primary);
            font-size: 1rem;
        }

        .sec-top-stories .custom-date {
            display: block!important;
        }

        .sec-top-stories .left-col .carousel-inner {
            background: var(--bs-white)!important;
        }

        .component-headlines.layout-stacked-carousel .carousel-caption > .d-flex .carousel-caption-title {
            text-align: left;
        }

        .component-headlines.layout-stacked-carousel .category, .component-headlines.layout-stacked-carousel .date {
            text-shadow: none;
            color: var(--bs-primary);
            font-weight: 400;
            font-size: 1rem;
            opacity: 1;
            margin-right: 1rem;
            position: relative;
        }

        .component-headlines.layout-stacked-carousel .date:before {
            content: '';
            position: absolute;
            left: -1rem;
            top: .25rem;
            height: calc(100% - .5rem);
            width: 1px;
            background-color: var(--bs-primary);
        }

        .sec-top-stories .component-headlines .carousel-control-pp {
            display: block;
            border-radius: 0;
        }

        .component-headlines.layout-stacked-carousel .carousel-caption > .d-flex > .d-flex {
            flex-direction: row-reverse!important;
            justify-content: flex-end;
        }

        .sec-top-stories .layout-wrapper {
            margin-bottom: 0
        }
    }

    @media screen and (max-width: 767px) {
        .component-headlines.layout-stacked-carousel .carousel-caption > .d-flex .carousel-caption-title {
            line-height:1.2;
        }

        .sec-top-stories .custom-date .d-flex {
            flex-direction: row-reverse!important;
        }

        .component-headlines.layout-stacked-carousel .date:before {
            left: -.5rem;
        }

        .sec-top-stories .left-col, .sec-top-stories .left-col .carousel-caption {
            display: block!important;
        }
    }

    @media screen and (max-width: 575px) {
        .form-floating:before {
            right: .5rem!important;
            top: .65rem!important;
        }
    }

    /* Top Stories End */
    /* AOTW */
    .sec-aotw .component-headings {
        display: none!important;
    }

    .sec-aotw .component-aotw.layout-bio .player-details .player-attrs {
        display: none!important;
    }

    .sec-aotw .component-aotw.layout-bio .player-headshot {
        max-width: unset;
        margin-right: 10rem;
        position: Relative;
    }

    .component-aotw .headshot {
        --bs-aspect-ratio: 125%;
    }

    .sec-aotw .component-aotw.layout-bio .players.slick-slider ul.slick-dots {
        display: block!important;
        position: absolute;
        bottom: -.75rem;
    }

    .section.sec-aotw {
        background: url(/assets/images/aotw-right-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 4rem!important;
    }

    .sec-aotw .component-aotw.layout-bio .player-headshot:before {
        position: absolute;
        content: '';
        width: 3rem;
        height: 3rem;
        right: -7rem;
        background: url(/assets/images/commas.png);
        top: calc(50% - 2rem);
        background-size: contain;
        transform: translateY(-50%) rotate(180deg);
        background-repeat: no-repeat;
    }

    .sec-aotw .component-aotw.layout-bio .player-headshot:after {
        position: absolute;
        content: '';
        width: 3rem;
        height: 3rem;
        right: -9rem;
        background: url(/assets/images/commas.png);
        top: calc(50% + 2rem);
        background-size: contain;
        transform: translateY(-50%);
        background-repeat: no-repeat;
    }

    .sec-aotw .component-aotw.layout-bio .player-details .player-bio {
        flex-direction: row;
        row-gap: 2.5rem;
        flex-wrap: wrap;
        align-items: flex-end;
    }

    .sec-aotw .component-aotw.layout-bio .player-details .player-bio a.player-name {
        font-size: 1.25rem;
        color: var(--bs-white);
        text-transform: capitalize;
        flex: 0 auto;
        transition: .3s ease-in-out;
    }

    .sec-aotw .component-aotw.layout-bio .player-details .player-bio a.player-name: hover {
        color:var(--bs-white);
        transition: .3s ease-in-out;
        text-decoration: underline;
    }

    .component-aotw.layout-bio .player-details .player-bio .synopsis {
        order: 1;
    }

    .sec-aotw .component-aotw.layout-bio .player-details .player-bio .synopsis p {
        font-size: 2.75rem;
        color: var(--bs-white);
        text-transform: uppercase;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 0;
    }

    .sec-aotw a[rel="wiki-link"] {
        color: var(--bs-white);
    }

    .sec-aotw .component-aotw.layout-bio .players.slick-slider ul.slick-dots button: before {
        background-color:var(--bs-white);
    }

    .sec-aotw .component-aotw.layout-bio .player-details .player-bio .player-sport {
        order: 3;
        color: var(--bs-white);
        position: relative;
        padding-left: .75rem;
        line-height: 1.2;
    }

    .sec-aotw .component-aotw.layout-bio .player-details .player-bio .player-sport::before {
        content: '';
        height: 1rem;
        width: 2px;
        background: var(--bs-white);
        position: absolute;
        display: block;
        top: 0.25rem;
        left: 0;
    }

    .sec-aotw .slick-dots li {
        width: 1rem;
    }

    .sec-aotw .slick-dots li button: before {
        width:1rem;
        height: 1rem;
        border: 0;
        border-radius: 1.25rem;
        opacity: 1;
    }

    .sec-aotw .slick-dots li.slick-active button: before {
        background-color:var(--bs-secondary)!important;
    }

    .section.sec-aotw .component-aotw.layout-inline .players {
        justify-content: space-between!important;
        width: 100%;
    }

    .section.sec-aotw .component-aotw.layout-inline .players .player {
        background-color: var(--bs-white)!important;
    }

    .section.sec-aotw .component-aotw.layout-inline .players .player .player-attrs {
        display: none;
    }

    .section.sec-aotw .component-aotw.layout-inline .player-bio {
        text-align: center;
    }

    .section.sec-aotw .component-aotw.layout-inline .player-bio a {
        color: var(--bs-black);
        font-weight: bold;
    }

    .section.sec-aotw .component-aotw.layout-inline .layout-wrapper > .details-wrapper {
        width: auto;
    }

    .section.sec-aotw .component-aotw.layout-inline .component-title {
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: var(--bs-white);
        font-size: 4rem;
        width: 19rem;
        text-align: center;
    }

    .component-aotw.layout-bio .slick-slider {
        overflow: visible!important;
    }

    @media screen and (max-width: 991px) {
        .sec-aotw .component-aotw.layout-bio .player-details .player-bio .synopsis p {
            font-size:2rem;
            line-height: 1.3;
        }
    }

    @media screen and (max-width: 767px) {
        .component-aotw.layout-bio .player-headshot {
            width:35%;
        }

        .sec-aotw .component-aotw.layout-bio .player-headshot {
            margin-right: 0rem;
        }

        .sec-aotw .component-aotw.layout-bio .player-headshot:before {
            right: -3rem;
            width: 2rem;
            height: 2rem;
            top: .5rem;
        }

        .sec-aotw .component-aotw.layout-bio .player-headshot:after {
            width: 2rem;
            height: 2rem;
            right: -6rem;
            top: 0;
            transform: none;
        }

        .sec-aotw .component-aotw.layout-bio .player-details .player-bio .synopsis p {
            font-size: 1.75rem;
            margin-top: 2rem;
        }

        .sec-aotw .component-aotw.layout-bio .player-details .player-bio {
            row-gap: 1.5rem
        }

        .sec-aotw .component-aotw.layout-bio .player-details .player-bio .player-sport, .sec-aotw .component-aotw.layout-bio .player-details .player-bio a.player-name {
            font-size: 1rem!important;
        }

        .sec-aotw .component-aotw.layout-bio .player-details .player-bio .player-sport::before {
            top: 0;
        }
    }

    @media screen and (max-width: 575px) {
        .sec-aotw .component-aotw.layout-bio .player-details .player-bio .synopsis p {
            font-size:1rem;
            text-transform: none;
        }

        .sec-aotw .component-aotw.layout-bio .player-headshot:before {
            right: -2.5rem;
            width: 1.25rem;
            height: 1.25rem;
            top: 1.5rem;
        }

        .sec-aotw .component-aotw.layout-bio .player-headshot:after {
            width: 1.25rem;
            height: 1.25rem;
            right: -4.5rem;
            top: 1.125rem;
        }

        .component-aotw.layout-bio .player-headshot {
            width: 40%;
        }

        .sec-aotw .component-aotw.layout-bio .player-details .player-bio .player-sport, .sec-aotw .component-aotw.layout-bio .player-details .player-bio a.player-name {
            font-size: .9rem!important;
        }

        .section.sec-aotw.mt-lg-5.p-5.ad-fluid.bg-primary.aos-init.aos-animate {
            padding: 1rem!important;
        }

        .sec-aotw .component-aotw.layout-bio .player-details .player-bio {
            row-gap: 0!important
        }

        .component-aotw.layout-bio .player-details .player-bio .synopsis {
            margin-bottom: .75rem;
        }

        .sec-aotw .component-aotw.layout-bio .player-details .player-bio .player-sport {
            padding-left: 0;
        }

        .sec-aotw .component-aotw.layout-bio .player-details .player-bio .player-sport:before {
            display: none;
        }

        .sec-aotw .component-aotw.layout-bio .player-details .player-bio a.player-name {
            flex: 0 0 100%;
        }

        .sec-aotw .component-aotw.layout-bio .players.slick-slider ul.slick-dots {
            bottom: -3rem;
        }

        .sec-aotw .component-aotw.layout-bio .players.slick-slider ul.slick-dots li {
            height: 1.5rem;
        }

        .sec-aotw .component-aotw.layout-bio .players.slick-slider ul.slick-dots li button::before {
            width: .65rem;
            height: .65rem;
            border: 0;
            background: transparent;
            border-radius: 20px;
            outline: 1px solid var(--bs-primary);
            outline-offset: 2px;
        }

        .sec-aotw .component-aotw.layout-bio .players.slick-slider ul.slick-dots li.slick-active button::before {
            background: var(--bs-primary)!important;
        }

        .component-aotw.layout-bio .player-details {
            padding-bottom: .5rem;
        }
    }

    @media screen and (max-width: 419px) {
        .sec-aotw .component-aotw.layout-bio .player-headshot:after {
            top:.85rem;
        }

        .sec-aotw .component-aotw.layout-bio .player-headshot:before {
            top: 1.2rem;
        }
    }

    /* AOTW End */
    /* Scoreboard */
    .sec-scoreboard .component-headings {
        display: none!important;
    }

    .sec-scoreboard {
        margin-bottom: 6rem;
    }

    .sec-scoreboard .layout-wrapper ul.nav {
        width: 100%;
        background: var(--bs-primary);
        margin-bottom: 0!important;
        background-image: url(/assets/images/standing_texture.png);
        background-position: right;
        background-repeat: no-repeat;
    }

    .sec-scoreboard .layout-wrapper ul.nav a.nav-link {
        background: transparent;
        border: 0;
        border-radius: 0;
        font-weight: bold;
        padding: 0.75rem 1.5rem;
        font-size: 1.25rem;
        text-transform: uppercase;
        color: var(--bs-white);
        border-right: 2px solid;
        margin-bottom: 0;
    }

    .sec-scoreboard .layout-wrapper ul.nav a.nav-link.active {
        background: var(--bs-dark);
    }

    .sec-scoreboard .layout-wrapper .component-tabs {
        gap: .5rem!important;
    }

    .sec-scoreboard .component-tabs .tab-content {
        overflow: visible;
    }

    .sec-scoreboard .layout-wrapper .component-tabs .form-floating {
        position: absolute;
        width: fit-content!important;
        top: -3.5rem;
        right: .5rem;
    }

    .sec-scoreboard .layout-wrapper .component-tabs .form-floating label {
        display: none;
    }

    .sec-scoreboard .layout-wrapper .component-tabs .tab-pane .teams-filter select {
        display: none;
    }

    .sec-scoreboard .layout-wrapper ul.nav .nav-item: nth-last-child(1) a.nav-link {
        border-right:0;
    }

    .sec-scoreboard .layout-wrapper .component-tabs .card .card-body .body-top .d-flex {
        flex-direction: column;
        align-items: flex-start!important;
    }

    .sec-scoreboard .layout-wrapper .component-tabs .card .card-body .body-top .d-flex span.date {
        font-weight: bold;
        color: var(--bs-primary);
        font-size: 1.75rem;
        border-bottom: 2px solid var(--bs-black);
        width: 100%;
        text-transform: uppercase;
        margin-bottom: 1.5rem;
    }

    .sec-scoreboard .layout-wrapper .component-tabs .card .card-body .body-top span.sport {
        position: absolute;
        top: 4.25rem;
    }

    .sec-scoreboard .layout-wrapper .component-tabs .card .card-body .body-middle .middle-inner {
        border-top: 0!important;
        padding-top: 0!important;
    }

    .sec-scoreboard .layout-wrapper .component-tabs .card .card-body .body-middle .middle-inner .team span.name {
        text-transform: uppercase;
        text-align: left;
    }

    .sec-scoreboard .layout-wrapper .component-tabs .card .card-body .body-middle .middle-inner .event-team-name {
        flex-direction: column;
        align-items: flex-start;
    }

    .sec-scoreboard .layout-wrapper .component-tabs .card .card-body .body-middle .middle-inner .event-team-name span.vs-at-indicator {
        display: block;
        flex: 0 0 100%;
        padding: .25rem .5rem;
        background: var(--bs-primary);
        color: var(--bs-white);
        border-radius: .25rem;
        text-transform: uppercase;
        font-size: .9rem;
    }

    .sec-scoreboard .layout-wrapper .component-tabs .card .card-body {
        gap: 1rem!important;
    }

    .sec-scoreboard .layout-wrapper .component-tabs .card .card-body .body-middle .middle-inner .team-inner {
        align-items: flex-end!important;
    }

    .sec-scoreboard .layout-wrapper .component-tabs .card {
        border-color: var(--bs-primary);
    }

    .sec-scoreboard .layout-wrapper .component-tabs .slick-list {
        border-color: var(--bs-primary);
    }

    .sec-scoreboard .layout-wrapper .component-tabs .slider {
        padding: 0;
        margin: 0;
    }

    .sec-scoreboard .layout-wrapper .component-tabs .slick-arrow-controls {
        overflow: visible;
        width: 100%;
        flex-direction: row;
        height: fit-content;
        border: 0;
        top: 50%;
    }

    .sec-scoreboard .layout-wrapper .component-tabs button.prev, .sec-aotw .component-aotw.layout-bio .slick-slider .slick-prev, .sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.prev, .sec-banner button.carousel-control-prev {
        left: calc(0rem - 20rem)!important;
        position: absolute;
        font-size: 1.25rem;
        bottom: 0;
        top: auto;
        transform: translateY(3rem);
        height: 2rem;
        line-height: 2rem;
        width: 3rem;
        border: 1px solid var(--bs-primary);
        border-radius: 0;
        right: 0;
        margin: auto;
    }

    .sec-scoreboard .layout-wrapper .component-tabs button.next, .sec-aotw .component-aotw.layout-bio .slick-slider .slick-next, .sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.next, .sec-banner button.carousel-control-next {
        right: calc(0rem - 20rem)!important;
        position: absolute;
        font-size: 1.25rem;
        bottom: 0;
        top: auto;
        transform: translateY(3rem);
        height: 2rem;
        line-height: 2rem;
        width: 3rem;
        border: 1px solid var(--bs-primary);
        border-radius: 0;
        left: 0;
        margin: auto;
    }

    .sec-aotw .component-aotw.layout-bio .slick-slider .slick-prev, .sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.prev, .sec-banner button.carousel-control-prev {
        transition: .3s ease-in-out;
        left: calc(0rem - 7rem)!important;
        transform: translateY(3rem);
        opacity: 1;
    }

    .sec-aotw .component-aotw.layout-bio .slick-slider .slick-next, .sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.next, .sec-banner button.carousel-control-next {
        transition: .3s ease-in-out;
        right: calc(0rem - 7rem)!important;
        transform: translateY(3rem);
        opacity: 1;
    }

    .sec-aotw .component-aotw.layout-bio .slick-slider .slick-prev {
        border: 1px solid var(--bs-secondary);
    }

    .sec-aotw .component-aotw.layout-bio .slick-slider .slick-next {
        border: 1px solid var(--bs-secondary);
    }

    .sec-aotw .component-aotw.layout-bio .slick-slider .btn.slick-pp, .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp, .sec-banner .component-banner .pause {
        right: 0rem!important;
        position: absolute;
        font-size: 1.25rem;
        bottom: 0!important;
        top: auto!important;
        transform: translateY(3rem);
        height: 2rem!important;
        line-height: 1rem;
        width: 3rem;
        border: 1px solid var(--bs-primary);
        border-radius: 0;
        left: 0!important;
        margin: auto;
        color: var(--bs-primary);
    }

    .sec-aotw .component-aotw.layout-bio .slick-slider .btn.slick-pp {
        border: 1px solid var(--bs-secondary);
        color: var(--bs-secondary);
    }

    .sec-aotw .component-aotw.layout-bio .slick-slider .btn.slick-pp:hover {
        color: var(--bs-white)
    }

    .fa-play:before {
        font-weight: bold;
    }

    .sec-scoreboard .layout-wrapper .component-tabs button: hover {
        opacity:.7;
    }

    .sec-scoreboard .component-tabs .tab-content .component-scoreboard {
        overflow: visible;
    }

    .sec-scoreboard .layout-wrapper .component-tabs .card .card-body .body-middle .middle-inner .macro-event-notes.small, .sec-scoreboard .layout-wrapper .component-tabs .card .card-body .body-middle .middle-inner .event-team-name span.logo-holder,.sec-scoreboard .layout-wrapper .component-tabs .card .card-body .body-top .d-flex .event-links-collapse-wrapper {
        display: none!important;
    }

    .sec-scoreboard .macro-archive-link {
        position: absolute;
        bottom: -3rem;
        left: 0;
        right: 0;
        margin: auto;
        width: fit-content;
        top: auto;
    }

    .sec-scoreboard .macro-archive-link a.btn.btn-link {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: .2rem .5rem;
        font-size: 1rem;
        background-color: rgba(0,0,0,0.01)!important;
        text-transform: uppercase;
        color: var(--bs-primary);
        font-weight: 500;
        border: 1px solid var(--bs-primary);
        border-radius: 0;
        width: 16rem;
        height: 2rem
    }

    .sec-scoreboard .macro-archive-link a.btn.btn-link: hover, .sec-scoreboard .layout-wrapper .component-tabs button:hover {
        color: var(--bs-white)!important;
        text-decoration: none!important;
        background: var(--bs-primary)!important;
        opacity: 1;
        filter: none;
        text-decoration: underline;
    }

    .sec-scoreboard .component-tabs {
        gap: 0!important;
    }

    .sec-scoreboard .slick-dots li {
        height: 1rem;
        width: 1rem;
    }

    .sec-scoreboard .slick-dots li button: :before {
        width: 0.65rem;
        height: 0.65rem;
        border: 0;
        background: transparent;
        border-radius: 20px;
        outline: 1px solid var(--bs-primary);
        outline-offset: 2px;
        opacity: 1;
    }

    .sec-scoreboard .slick-dots li.slick-active button: :before {
        background-color:var(--bs-primary);
    }

    @media screen and (max-width: 991px) {
        .sec-aotw .component-aotw.layout-bio .slick-slider .slick-prev, .sec-aotw .component-aotw.layout-bio .slick-slider .slick-next, .sec-aotw .component-aotw.layout-bio .slick-slider .btn.slick-pp {
            transform:translateY(2rem)
        }
    }

    /* New CSS */
    .sec-scoreboard .component-scoreboard.layout-standard .card .event-card {
        padding: 1rem;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .card .card-header {
        justify-content: flex-start!important;
        background: transparent!important;
        border-bottom: 1px solid var(--bs-primary);
        padding: 0;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .card .card-header span.date {
        font-size: 1.5rem;
        color: var(--bs-primary);
        margin: 1rem 0 2.5rem;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .card .card-body {
        padding: 0;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .card .card-header span.status {
        position: absolute;
        top: 8.5rem;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 1rem;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .card .card-body .macro-event-logos {
        position: absolute;
        top: 1rem;
        margin: 0!important;
        right: 1rem;
        width: fit-content;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .card .card-body .macro-event-logos .team-logos {
        width: 4rem;
        margin-left: auto;
        height: 4rem;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .card .card-body .macro-event-logos .team-logos img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .sec-scoreboard .component-scoreboard.layout-standard .card .card-body .fs-5 .sport-name {
        text-align: left;
        font-size: 1.1rem;
        text-transform: uppercase;
        margin-top: .25rem;
        margin-bottom: 1.5rem;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .card .card-body .fs-5 .sport-name a {
        transition: .3s ease-in-out;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .card .card-body .fs-5 .sport-name a: hover {
        transition:.3s ease-in-out;
        color: var(--bs-primary);
        text-decoration: underline;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .card .card-body .opponent-line-wrapper {
        display: none!important;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .card .card-body .participant-lines {
        align-items: flex-start;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .event-team-name a {
        font-size: 1rem;
        font-weight: normal;
        text-transform: uppercase;
        color: var(--bs-black);
    }

    .sec-scoreboard .component-scoreboard.layout-standard .event-team-name.d-flex.gap-1 {
        align-items: center;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .event-team-name span.vs-at-indicator {
        padding: .25rem;
        background: var(--bs-primary);
        color: var(--bs-white);
        text-transform: uppercase;
        border-radius: 5px;
        font-size: .9rem;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .event-team-name span.name {
        text-transform: uppercase;
        text-align: left;
        font-weight: bold;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .team-inner {
        justify-content: space-between!important;
        width: 100%;
        align-items: center!important;
        margin: .5rem 0 0;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .team {
        width: 100%;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .loser .event-team-name span.name {
        font-weight: normal;
    }

    .form-floating >.form-select {
        background-image: none!important;
    }

    .form-floating:before {
        content: '';
        position: absolute;
        width: .8rem;
        height: .8rem;
        background-image: url('/assets/images/plus-icon.png');
        background-size: .8rem;
        right: .75rem;
        background-repeat: no-repeat;
        top: .9rem;
        transition: .3s ease-in-out;
    }

    .form-floating:hover:before {
        transform: rotate(45deg);
        transition: .3s ease-in-out;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .card .card-body .macro-event-notes {
        display: none;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .card .card-body .event-links {
        display: none!important;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .card .card-body .event-links:has(.card-link) {
        display: block!important;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .card .card-body .event-links {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: .5rem 0;
        background: rgba(var(--bs-primary-rgb), .8);
        transform: translateY(5rem);
        transition: .4s ease-in-out;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .card:hover .card-body .event-links {
        transform: translateY(0);
        transition: .4s ease-in-out;
    }

    .sec-scoreboard .component-scoreboard.layout-standard .card .card-body .event-links a.card-link.link {
        color: var(--bs-white);
    }

    .sec-scoreboard .component-scoreboard.layout-standard .card .card-body .event-links a.card-link.link: hover {
        text-decoration:underline;
    }

    /* New CSS Ends Here */
    @media screen and (max-width: 1199px) {
        .sec-scoreboard .component-scoreboard.layout-standard .card .card-header span.date {
            font-size:1.35rem;
        }
    }

    @media screen and (max-width: 991px) {
        .sec-scoreboard .component-tabs {
            gap: 0!important;
        }

        .sec-aotw .component-aotw.layout-bio .slick-slider .slick-prev, .sec-aotw .component-aotw.layout-bio .slick-slider .slick-next, .sec-aotw .component-aotw.layout-bio .slick-slider .btn.slick-pp {
            display: block!important;
        }

        .section.sec-aotw {
            padding-bottom: 3rem!important;
        }
    }

    @media screen and (max-width: 767px) {
        .sec-scoreboard .layout-wrapper ul.nav a.nav-link {
            font-size:1.25rem;
            padding: 0.5rem 1rem;
        }

        .sec-scoreboard .layout-wrapper .component-tabs .form-floating {
            top: -3.3rem;
        }

        .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls {
            display: block;
            position: absolute;
        }

        .sec-scoreboard .macro-archive-link {
            display: none;
        }

        .sec-scoreboard .layout-wrapper .component-tabs button.prev {
            left: calc(0rem - 3.5rem)!important
        }

        .sec-scoreboard .layout-wrapper .component-tabs button.next {
            right: calc(0rem - 3.5rem)!important
        }
    }

    @media screen and (max-width: 575px) {
        .sec-scoreboard > .col-12 {
            padding: 0!important;
        }

        .sec-scoreboard .layout-wrapper .component-tabs .form-floating {
            top: -3.10rem;
        }

        .component-scoreboard.layout-small .slick-arrow-controls .slick-arrow {
            width: 50%;
            transform: none!important;
        }

        .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls {
            transform: none;
            top: auto;
        }

        .section.sec-aotw {
            padding-bottom: 4.25rem!important;
        }

        .sec-aotw .component-aotw.layout-bio .slick-slider .slick-prev, .sec-aotw .component-aotw.layout-bio .slick-slider .slick-next, .sec-aotw .component-aotw.layout-bio .slick-slider .btn.slick-pp {
            transform: translateY(3.15rem);
        }

        .form-floating>.form-select {
            background-size: .7rem;
        }

        .sec-scoreboard .layout-wrapper .component-tabs .form-floating {
            right: .5rem;
        }

        .sec-scoreboard .layout-wrapper .component-tabs .form-floating .form-select {
            padding-right: 1.5rem;
            background-position: right .25rem center;
        }

        .sec-scoreboard .layout-wrapper .component-tabs .form-floating:before {
            right: .25rem;
            top: .65rem;
        }
    }

    @media screen and (max-width: 419px) {
        .sec-scoreboard .layout-wrapper ul.nav a.nav-link {
            padding:.5rem!important;
        }

        .sec-scoreboard .form-floating {
            right: .25rem;
        }
    }

    /* Scoreboard Ends */
    /* Composite */
    .component-countdown .details-1 img {
        max-width: unset;
        max-height: unset;
    }

    .component-countdown.layout-standard .countdown-digit {
        position: relative;
    }

    .component-countdown .details-2 .fs-2.fw-bold {
        font-size: 3rem!important;
        max-width: 70%;
        color: var(--bs-primary);
        line-height: 1;
        margin-bottom: .5rem;
    }

    .countdown .countdown-digit span {
        font-size: 4rem;
        color: var(--bs-primary);
    }

    .countdown .countdown-label {
        font-weight: bold;
    }

    /* Composite End */
    /* Standings */
    .sec-standings .component-sponsor span.small.text-muted {
        display: none;
    }

    .sec-standings .component-headings .component-title {
        font-weight: bold;
        padding: .75rem 1.5rem;
        font-size: 1.25rem;
        text-transform: uppercase;
        color: var(--bs-white);
        background: var(--bs-dark);
        border-right: 2px solid var(--bs-white);
        font-family: var(--bs-body-font-family);
    }

    .sec-standings .component-headings {
        justify-content: flex-start!important;
    }

    .sec-standings .page-details {
        background-image: url(/assets/images/standing_texture.png);
        padding-right: 1rem;
        background-color: var(--bs-primary);
        background-position: right;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .sec-standings .component-tabs {
        gap: .5rem!important;
    }

    .sec-standings .form-floating.w-100 {
        position: absolute;
        left: 10.5rem;
        top: -3.25rem;
        z-index: 1;
        width: fit-content!important;
    }

    .form-floating>.form-select {
        padding-top: .75rem;
        height: unset;
        background-color: rgba(0,0,0,0.01)!important;
        color: var(--bs-white);
        border: 0;
        text-transform: uppercase;
        position: relative;
        padding-right: 1.75rem;
    }

    .sec-standings .form-floating>.form-select {
        background-image: url(/assets/images/arrow-down.png);
        background-size: .8rem;
    }

    .sec-standings table {
        border: 1px solid var(--bs-primary);
        margin: 0;
        border-top: 0;
    }

    .sec-standings table thead tr: nth-child(1) {
        display: none;
    }

    .sec-standings table thead tr, .sec-standings table thead tr .conference-col-head {
        background: var(--bs-primary)!important;
        color: var(--bs-white);
        text-transform: uppercase;
    }

    .component-standings.has-col-groups .team-col span.team-namer {
        text-transform: uppercase;
        font-weight: 600;
    }

    .component-standings.has-col-groups .team-col {
        width: 52%;
    }

    .sec-standings .table-responsive {
        max-height: 20rem;
        margin-bottom: .5rem;
        border-bottom: 1px solid var(--bs-primary);
    }

    .sec-standings .table-responsive::-webkit-scrollbar {
        width: .75rem;
        border: 1px solid var(--bs-primary);
    }

    .sec-standings .table-responsive::-webkit-scrollbar-thumb {
        background: rgba(var(--bs-primary-rgb), .8);
    }

    .sec-standings .table-responsive::-webkit-scrollbar-thumb:hover {
        background: var(--bs-primary);
    }

    .sec-standings .custom-select {
        margin: 0!important;
        padding-top: .65rem;
        height: fit-content;
        background-color: transparent;
        border: 0;
        font-weight: bold;
        padding-left: .5rem;
    }

    .sec-standings .form-floating.w-100 label {
        display: none;
    }

    .sec-standings table td, .sec-standings table th {
        background-color: transparent;
        font-weight: bold!important;
    }

    .sec-standings table .conference-head, .sec-standings table .conference-col-head, .sec-standings table .conference-col-field {
        background-color: var(--bs-light)!important;
    }

    .sec-standings .macro-archive-link a.btn.btn-link {
        border: 2px solid var(--bs-primary);
        border-radius: 0;
        font-weight: bold;
        text-transform: uppercase;
        padding: .25rem .5rem;
        transition: .3s ease-in-out;
    }

    .sec-standings .macro-archive-link a.btn.btn-link: hover {
        background:var(--bs-primary);
        color: var(--bs-white);
        filter: none;
        transition: .3s ease-in-out;
        text-decoration: none;
    }

    .sec-standings td.separator {
        display: none;
    }

    .sec-standings .component-standings table thead {
        position: sticky;
        left: 0;
        top: 0;
        right: 0;
        background-color: var(--bs-white);
    }

    .sec-standings .ps-component tbody {
        border-top: 1px solid var(--bs-primary);
    }

    .sec-standings table tr th, .sec-standings table tr td, .sec-standings table tr: hover th, .sec-standings table tr:hover td {
        color: var(--bs-black);
    }

    .sec-standings .component-standings.has-col-groups thead th {
        color: var(--bs-white)!important;
    }

    @media screen and (min-width: 576px) {
        .sec-standings .col-12 {
            padding: 0;
        }
    }

    @media screen and (max-width: 991px) {
    }

    @media screen and (max-width: 575px) {
        .sec-standings .table-responsive::-webkit-scrollbar {
            width:5px;
            height: 5px;
        }

        .sec-standings .form-floating.w-100 {
            left: 8.5rem;
            top: -2.8rem;
        }

        .form-floating >.form-select {
            padding-top: .5rem;
            padding-bottom: .5rem;
        }

        .sec-standings .component-headings .component-title {
            padding: .5rem .75rem;
            font-size: 1.25rem;
        }

        .sec-standings .col-12 {
            padding: 0;
        }

        .sec-standings .form-floating>.form-select {
            background-size: .7rem;
        }
    }

    /* Standings End */
    /* Countdown Starts */
    .section.sec-countdown .component-countdown .details {
        width: 30%;
        padding-left: 3rem;
    }

    .section.sec-countdown .component-countdown .details .details-2 .fs-2.fw-bold {
        font-size: 1rem!important;
        color: var(--bs-white);
        text-transform: uppercase;
        font-weight: 500!important;
        margin-bottom: .25rem;
    }

    .section.sec-countdown .component-countdown .details .details-2 .sport.fs-5 {
        font-size: 2.5rem!important;
        font-weight: bold;
        color: var(--bs-white);
        line-height: 1;
        max-width: 80%;
        text-transform: uppercase;
    }

    .section.sec-countdown .component-countdown .details .details-2 .specs-2 {
        color: var(--bs-white);
    }

    .section.sec-countdown .component-countdown .details .details-2 .teams .team span.team-logo {
        display: none!important;
    }

    .section.sec-countdown .component-countdown .details .details-2 .specs-3 .event-links a {
        padding: 0;
        color: var(--bs-white);
        font-size: 1rem;
        text-transform: uppercase;
    }

    .section.sec-countdown .component-countdown .details .details-2 .specs-3 .event-links a: hover {
        text-decoration: underline;
    }

    .section.sec-countdown .component-countdown .details .details-2 .teams .team span.team-name, .section.sec-countdown .component-countdown .details .details-2 .teams span.vs-at-indicator {
        color: var(--bs-white);
        font-weight: normal;
        text-transform: uppercase;
        line-height: 1.1;
        font-size: 1rem;
        margin-top: .5rem;
        display: inherit;
    }

    .section.sec-countdown .component-countdown ul.countdown .countdown-digit span, .section.sec-countdown .component-countdown ul.countdown .countdown-label {
        color: var(--bs-white)!important;
    }

    .section.sec-countdown .component-countdown ul.countdown .countdown-label {
        font-weight: normal;
        position: absolute;
        left: 0;
        right: 0;
    }

    .section.sec-countdown .component-countdown ul.countdown {
        justify-content: center !important;
        gap: 4rem;
        margin-bottom: 0;
    }

    .section.sec-countdown .component-countdown ul.countdown li.flex-fill {
        border: 0 !important;
        position: relative;
        flex: 0 1 auto!important;
    }

    .section.sec-countdown .component-countdown ul.countdown .countdown-digit span {
        font-size: 5.75rem;
        line-height: 1;
    }

    .section.sec-countdown .component-countdown ul.countdown li.flex-fill .countdown-digit: after {
        content:'';
        height: 2rem;
        width: 4px;
        background: var(--bs-secondary);
        right: -2rem;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        position: absolute;
    }

    .section.sec-countdown .component-countdown ul.countdown li.flex-fill .countdown-digit: before {
        content:'';
        height: 2rem;
        width: 4px;
        background: var(--bs-secondary);
        right: -2rem;
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
        position: absolute;
    }

    .section.sec-countdown .component-countdown ul.countdown li.flex-fill: nth-last-child(1) .countdown-digit:after, .section.sec-countdown .component-countdown ul.countdown li.flex-fill:nth-last-child(1) .countdown-digit:before {
        display:none;
    }

    .section.sec-countdown .container {
        background: var(--bs-dark);
        background-position: left;
        background-image: url(/assets/images/countdown-texture.png);
        background-blend-mode: normal;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 2rem 0!important;
    }

    .section.sec-countdown .component-countdown .details > .d-flex {
        gap: 0!important;
    }

    .section.sec-countdown .component-countdown .contents {
        position: relative;
    }

    .section.sec-countdown .component-countdown .contents:before {
        content: '';
        width: 100%;
        position: absolute;
        height: calc(100% + 12.5rem);
        top: -6.25rem;
        background: var(--bs-primary);
        border-left: 2px solid var(--bs-white);
    }

    @media screen and (max-width: 1199px) {
        .section.sec-countdown .component-countdown .details .details-2 .sport.fs-5 {
            font-size:2.25rem;
        }
    }

    @media screen and (max-width: 991px) {
        .section.sec-countdown .component-countdown > .d-flex {
            flex-direction: row!important;
        }

        .section.sec-countdown .component-countdown .details .details-2 .sport.fs-5 {
            font-size: 2rem!important;
        }

        .section.sec-countdown .component-countdown .details {
            padding-left: 1.5rem;
        }

        .section.sec-countdown .component-countdown .details .details-2 .teams .team span.team-name, .section.sec-countdown .component-countdown .details .details-2 .teams span.vs-at-indicator, .section.sec-countdown .component-countdown .details .details-2 .fs-2.fw-bold {
            text-align: left;
            font-size: .9rem;
        }

        .section.sec-countdown .component-countdown ul.countdown .countdown-digit span {
            font-size: 3.5rem;
        }

        .section.sec-countdown .component-countdown ul.countdown li.flex-fill:after, .section.sec-countdown .component-countdown ul.countdown li.flex-fill:before {
            height: 1.5rem;
        }

        .section.sec-countdown .component-countdown .details .details-2 .teams span.vs-at {
            padding-left: 0!important;
            margin-left: 0!important;
        }
    }

    @media screen and (max-width: 767px) {
        .section.sec-countdown .component-countdown .details .details-2 .sport.fs-5 {
            font-size:2rem!important;
        }

        .section.sec-countdown .component-countdown ul.countdown .countdown-digit span {
            font-size: 2.5rem!important;
        }

        .section.sec-countdown .component-countdown .details {
            width: 100%;
            padding: 1rem;
        }

        .section.sec-countdown .component-countdown .contents {
            position: relative;
            padding: 1rem;
        }

        .section.sec-countdown .component-countdown > .d-flex {
            flex-direction: column!important;
        }

        .section.sec-countdown {
            padding: 0!important;
        }

        .section.sec-countdown .component-countdown .contents:before {
            left: 0;
            border: 0;
            height: 100%;
            top: 0;
        }

        .sec-countdown .container {
            max-width: unset;
        }

        .section.sec-countdown .component-countdown > .d-flex {
            gap: 0!important
        }

        .section.sec-countdown .component-countdown.layout-standard .countdown-container > ul {
            margin-bottom: 0!important;
        }

        .section.sec-countdown .container {
            padding: 0!important;
        }

        .section.sec-countdown .component-countdown ul.countdown .countdown-label {
            bottom: 0;
        }

        .component-countdown.layout-standard .countdown-digit {
            margin-bottom: 1rem;
        }
    }

    @media screen and (max-width: 575px) {
        .section.sec-countdown .component-countdown ul.countdown {
            gap:2rem
        }

        .section.sec-countdown .component-countdown ul.countdown li.flex-fill .countdown-digit:after, .section.sec-countdown .component-countdown ul.countdown li.flex-fill .countdown-digit:before {
            right: -1.1rem;
            width: .25rem;
            height: 1.5rem;
        }

        .section.sec-countdown .component-countdown .details .details-2 .sport.fs-5 {
            font-size: 1.5rem!important;
        }

        .section.sec-countdown .component-countdown ul.countdown li.flex-fill:after, .section.sec-countdown .component-countdown ul.countdown li.flex-fill:before {
            height: 1rem;
            width: .2rem;
        }

        .section.sec-countdown .component-countdown ul.countdown .countdown-label {
            position: relative;
        }

        .section.sec-countdown .component-countdown .details .details-2 .specs-2 {
            display: block;
            color: var(--bs-white);
        }

        .component-countdown.layout-standard .countdown-digit {
            margin-bottom: 0;
        }
    }

    @media screen and (max-width: 419px) {
    }

    /* Countdown Ends */
    /* Social Stream */
    .section.social-stream .component-tabs .nav-link[href*="twitter"]: before {
        content: "\f099";
        font-family: 'FontAwesome';
    }

    .section.social-stream .component-tabs .nav-link[href*="instagram"]: before {
        content: "\f16d";
        font-family: 'FontAwesome';
    }

    .section.social-stream .component-tabs .nav-link[href*="facebook"]: before {
        content: "\f39e";
        font-family: "Font Awesome 5 Brands";
    }

    .section.social-stream .component-tabs .nav-link span {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    .section.social-stream .component-tabs .layout-wrapper ul.nav-pills {
        position: absolute;
        top: 1rem;
        right: 1rem;
    }

    .section.social-stream .component-tabs .layout-wrapper {
        position: static!important;
    }

    .section.social-stream .nav-pills .nav-link.active {
        background: transparent;
        color: var(--bs-primary);
    }

    .section.social-stream .nav-pills .nav-link {
        background: transparent;
        color: var(--bs-primary);
        font-size: 1.5rem;
        padding: 0;
        margin-left: 1rem;
    }

    .social-stream .component-social .social-widgets .item .social-widgets-wrap .social-embed-icon span.fa-facebook: before {
        content:"\f09a"!important;
    }

    .social-stream .component-social .social-widgets .item {
        margin-top: 0;
    }

    .sec-social-stream .component-social .social-widgets {
        --bs-gutter-y: 0;
    }

    .social-stream .component-social .social-widgets .item .social-widgets-wrap {
        margin: 0!important;
        padding: 0 .75rem!important;
    }

    .social-stream .component-social .social-widgets .item .social-widgets-wrap .social-embed-icon {
        padding-bottom: .75rem!important;
    }

    .social-stream .component-social .social-widgets .item .social-widgets-wrap .social-embed-icon span {
        display: block;
        color: var(--bs-white)!important;
        background: var(--bs-primary);
        text-align: right;
        font-size: 1.5rem!important;
        padding: .75rem 1.5rem .75rem .5rem;
        position: relative;
    }

    .social-stream .component-social .social-widgets .item#component-social-widget-twitter .social-widgets-wrap .social-embed-icon span: after {
        position: absolute;
        content: 'TWITTER';
        left: .75rem;
        top: .9rem;
        font-size: 1.25rem;
        font-weight: 600;
        font-family: var(--bs-body-font-family);
    }

    .social-stream .component-social .social-widgets .item#component-social-widget-facebook .social-widgets-wrap .social-embed-icon span: after {
        position: absolute;
        content: 'FACEBOOK';
        left: .75rem;
        top: .9rem;
        font-size: 1.25rem;
        font-weight: 600;
        font-family: var(--bs-body-font-family);
    }

    .social-stream .social-embed-content {
        height: 30rem;
        overflow-y: scroll;
        border: .5rem solid var(--bs-light);
    }

    .social-stream .social-embed-content::-webkit-scrollbar, .social-stream .social-embed-content::-webkit-scrollbar-track {
        width: 5px;
    }

    @media screen and (max-width: 575px) {
        .container > .row.justify-content-center > .col-lg-10.col-12, .container > .row.justify-content-center > .col-lg-10.col-12 .sec-social-stream, .sec-social-stream > .container > .row > .col-12 {
            padding: 0;
        }

        .sec-social-stream .social-embed-content {
            max-width: 100%;
            margin: 0 .5rem;
        }
    }

    /* Social Stream ends */
    /* Parallax Section */
    .component-parallax .layout-wrapper {
        min-height: 60vh;
    }

    .component-parallax .layout-wrapper .parallax-card a.text-white {
        text-transform: uppercase;
        font-weight: bold!important;
        font-size: 5rem!important;
    }

    .component-parallax .layout-wrapper .parallax-card .page-leadin {
        font-size: 1.5rem;
        text-transform: uppercase;
    }

    .sec-parallax {
        position: relative;
        overflow: visible!important;
        transform: none!important;
    }

    .parallax, .component-parallax {
        height: 45vh;
    }

    .sec-parallax a[rel="wiki-link"] {
        z-index: 9;
        position: relative;
    }

    .parallax .overlay:before {
        display: none;
    }

    @media screen and (max-width: 991px) {
        .component-parallax .layout-wrapper .parallax-card a.text-white {
            font-size:4rem!important;
        }
    }

    @media screen and (max-width: 767px) {
        .component-parallax .layout-wrapper .parallax-card a.text-white {
            font-size:3rem!important;
        }

        .parallax, .component-parallax {
            height: 35vh;
        }
    }

    @media screen and (max-width: 575px) {
        .component-parallax .layout-wrapper .parallax-card a.text-white {
            font-size:2.5rem!important;
        }

        .component-parallax .overlay {
            padding: 0;
            width: 100%;
        }
    }

    @media (pointer: coarse) {
        .parallax .parallax-bg {
            position:absolute!important;
        }
    }

    /* Parallax Ends */
    /* More News CSS */
    .more-news .news-content > .d-flex {
        display: none!important;
    }

    .more-news .layout-grid .page-details {
        background: var(--bs-primary);
        padding: 0.75rem 1rem;
        background-image: url(/assets/images/standing_texture.png);
        background-repeat: no-repeat;
        background-position: right;
    }

    .more-news .layout-grid .component-title {
        font-size: 1.25rem;
        color: var(--bs-white);
        text-transform: uppercase;
        font-family: var(--bs-body-font-family);
    }

    .more-news .layout-grid .grid {
        flex-direction: row!important;
        gap: 0rem!important;
        border-right: 1px solid var(--bs-primary);
        border-bottom: 1px solid var(--bs-primary)
    }

    .more-news .layout-grid .grid .item .thumbnail, .more-news .layout-grid .grid .item .details {
        width: 100%;
    }

    .more-news .layout-grid .grid .item a: hover {
        transition:.3s ease-in-out;
        color: var(--bs-primary);
        text-decoration: underline;
    }

    .more-news .layout-grid .grid .item a {
        transition: .3s ease-in-out;
    }

    .more-news .layout-grid .grid .item {
        align-items: center;
        flex: 1 0 32%;
        flex-direction: column;
        padding: 2rem;
        border: 1px solid var(--bs-primary);
        gap: .5rem;
        border-right: 0;
        border-bottom: 0;
    }

    .more-news .layout-grid .grid .item .details {
        padding: 0;
    }

    .more-news .layout-grid .grid .item .details .date:after {
        position: absolute;
        content: '';
        right: -.5rem;
        top: .25rem;
        height: calc(100% - .5rem);
        width: 1px;
        background: var(--bs-primary);
        transform: rotate(15deg);
    }

    .more-news .layout-grid .grid .item .details .date, .more-news .layout-grid .grid .item .details .category {
        position: relative;
    }

    .more-news .layout-grid .grid .item .details .date:after {
        position: absolute;
        content: '';
        right: -.5rem;
        top: .25rem;
        height: calc(100% - .5rem);
        width: 1px;
        background: var(--bs-primary);
        transform: rotate(15deg);
    }

    .more-news .macro-archive-link a.btn {
        border: 2px solid var(--bs-primary);
        border-radius: 0;
        font-weight: bold;
        text-transform: uppercase;
        padding: 0.25rem 0.5rem;
        transition: .3s ease-in-out;
    }

    .more-news .macro-archive-link a.btn: hover {
        background:var(--bs-primary);
        color: var(--bs-white);
        transition: .3s ease-in-out;
        filter: none;
        text-decoration: none;
    }

    .more-news .macro-archive-link {
        margin-top: .5rem;
    }

    .more-news .component-sponsor .small.text-muted {
        display: none;
    }

    .more-news .news-content .story-filter-groups .stories .col-12 {
        width: 33%;
        padding: 0;
    }

    .more-news .news-content .story-filter-groups .stories {
        justify-content: center;
        padding: .5rem .25rem 0rem;
        margin-bottom: 0!important;
    }

    .more-news .news-content .story-filter-groups .stories .col-12 .card {
        border: 1px solid var(--bs-primary);
        margin: 0!important;
        border-radius: 0;
        padding: 2rem;
        flex-direction: column!important;
    }

    .more-news .news-content .story-filter-groups .stories .col-12 .card .card-header {
        width: 100%!important;
    }

    .more-news .news-content .story-filter-groups .stories .col-12 .card img {
        border-radius: 0;
    }

    .more-news .news-content .story-filter-groups .stories .col-12 .card .card-body {
        padding: 1rem 0 0;
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }

    .more-news .news-content .story-filter-groups .stories .col-12 .card .card-body .leadin {
        display: none!important;
    }

    .more-news .news-content .story-filter-groups .stories .col-12 .card .card-body .card-text small {
        color: var(--bs-primary);
        font-size: 1rem;
    }

    @media screen and (max-width: 992px) {
        .more-news .layout-grid .grid .item {
            flex:1 0 50%;
        }

        .more-news .news-content .story-filter-groups .stories {
            padding: 1rem .75rem!important;
        }

        .more-news .news-content .story-filter-groups .stories .col-12 .card {
            border: 0;
            padding: .25rem;
        }

        .more-news .news-content .story-filter-groups .stories .col-12 > .card {
            flex-direction: column!important;
            margin: 0 0 .5rem 0!important;
        }

        .more-news .news-content .story-filter-groups .stories .col-12 > .card .card-header {
            width: 100%;
        }

        .more-news .news-content .story-filter-groups .stories .col-12 .card .card-body {
            padding: .5rem 0 0;
        }
    }

    @media screen and (max-width: 767px) {
        .more-news .layout-grid .grid .item {
            padding:.75rem;
        }

        .more-news .layout-grid .grid .item .details .d-flex {
            flex-direction: row !important;
        }

        .more-news .layout-grid .grid .item .details .date {
            margin-right: .5rem;
        }

        .more-news .layout-grid .grid .item .details .card-title {
            line-height: 1.2;
        }

        .more-news .layout-grid .grid .item .details .date, .more-news .layout-grid .grid .item .details .category {
            font-size: .9rem;
        }

        .more-news .layout-grid .grid .item .details .date:after {
            right: -.25rem;
        }

        .more-news .layout-grid .grid .item:nth-child(n+4) {
            display: none!important;
        }
    }

    @media screen and (max-width: 575px) {
        .more-news .layout-grid .grid {
            padding:0 1rem;
            gap: 1rem!important
        }

        .more-news .layout-grid .grid .item {
            flex: 0 0 100%;
            border: 0;
            padding: 0;
        }

        .more-news .layout-grid .grid .item .details .date, .more-news .layout-grid .grid .item .details .category {
            font-size: .9rem
        }

        .more-news .news-content .story-filter-groups .stories .col-12 > .card .card-header {
            display: block!important;
        }

        .more-news .news-content .story-filter-groups .stories {
            padding: 1rem!important;
        }

        .more-news .news-content .story-filter-groups .stories .col-12 .card .card-body h5.card-title {
            font-size: 1.2rem;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            overflow: hidden;
            -webkit-box-orient: vertical;
        }

        .more-news .layout-grid .grid {
            border-right: 0;
            border-bottom: 0;
        }
    }

    @media screen and (max-width: 419px) {
        .more-news .layout-grid .grid .item .details .card-title {
            font-size:1.1rem!important;
        }
    }

    /* More News CSS End */
    /* Media Section */
    .sec-media-section .component-tabs .tab-pane .news-content h1, .sec-media-section .component-tabs .tab-pane .news-content > .d-flex {
        display: none!important;
    }

    .sec-media-section {
        padding: 1rem!important;
        border: 1px solid #ddd;
    }

    .sec-media-section .nav.nav-tabs {
        width: 100%;
        border-bottom: 0;
        margin-bottom: 0!important;
    }

    .sec-media-section .nav-link {
        position: relative;
        border: 0;
        font-size: 2rem;
        padding: 0;
        font-weight: 600;
        font-family: 'Roboto Slab', serif;
        margin-right: 4rem;
        color: #727272;
        line-height: 1.25;
    }

    .sec-media-section .nav-link:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        right: -2rem;
        top: 0;
        background: #ddd;
    }

    .sec-media-section .component-tabs .tab-pane .news-content .stories .col-12 .card .card-body p.card-text.leadin {
        display: none!important;
    }

    .sec-media-section .component-tabs .tab-pane .news-content .stories .col-12 .card .card-body .card-title a {
        color: var(--bs-white);
    }

    .sec-media-section .component-tabs .tab-pane .news-content .stories .col-12 .card .card0-body .card-title {
        margin-bottom: 0!important;
    }

    .sec-media-section .component-tabs .tab-pane .news-content .stories .col-12 .card img {
        border-radius: 0!important;
    }

    .sec-media-section .nav-link.active {
        color: var(--bs-primary);
    }

    .sec-media-section .component-tabs .tab-pane .news-content .stories .col-12 .card {
        margin-top: 0!important;
        margin-bottom: 1rem
    }

    .sec-media-section .component-tabs .tab-pane .news-content .stories .col-12 .card:before {
        content: '';
        height: 100%;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        background: #0000006b;
        z-index: 1;
        opacity: 0;
        transition: .3s ease-in;
    }

    .sec-media-section .component-tabs .tab-pane .news-content .stories .col-12 .card:hover:before {
        opacity: 1;
        transition: .3s ease-in;
    }

    .sec-media-section .component-tabs > .layout-wrapper > .d-flex {
        gap: 1rem;
    }

    .sec-media-section .component-tabs .tab-pane .news-content .stories .col-12 .card .card-text {
        color: var(--bs-white)!important;
        line-height: 1;
    }

    section.section.sec-media-section {
        height: 949px;
        overflow: auto;
    }

    .sec-media-section .component-tabs > .layout-wrapper > .d-flex .nav-tabs .nav-item:nth-last-child(1) .nav-link:after {
        display: none;
    }

    .sec-media-section .component-tabs .tab-pane .news-content .stories .col-12 {
        width: 50%;
    }

    .sec-media-section .component-tabs .tab-pane .news-content .stories .col-12 .card .card-body {
        position: absolute;
        bottom: 0;
        display: flex;
        flex-direction: column-reverse;
        z-index: 2;
    }

    @media screen and (max-width: 575px) {
        .sec-more-news {
            padding-left: 0!important;
            padding-right: 0!important;
        }
    }

    /* Gallery Section */
    .component-gallery .items {
        flex-direction: column;
        gap: 1rem
    }

    .component-gallery .items .left-col {
        width: 100%;
    }

    .component-gallery .items .right-col {
        flex-direction: row!important;
        gap: 1rem;
        width: 100%;
    }

    .component-gallery .items .left-col .card .card-img-overlay {
        transition: .3s ease-in;
    }

    .component-gallery .items .left-col .card:hover .card-img-overlay, .component-gallery .items .right-col .card:hover .card-img-overlay {
        background-color: rgba(0,0,0,0.6);
        transition: .3s ease-in;
    }

    .sec-photo-gallery .layout-flex > .layout-wrapper >.d-flex .box-large {
        flex: 1 0 32%!important;
    }

    .sec-photo-gallery .layout-flex > .layout-wrapper >.d-flex .box-large .card {
        border-color: var(--bs-primary);
    }

    .gallery .card-img-overlay {
        background-color: rgba(0,0,0,0.5);
        justify-content: flex-end!important;
        text-align: left;
        align-items: flex-start;
    }

    @media screen and (max-width: 991px) {
    }

    @media screen and (max-width: 767px) {
        .sec-photo-gallery .layout-flex > .layout-wrapper >.d-flex .box-large {
            flex: 1 0 49%!important;
        }
    }

    @media screen and (max-width: 575px) {
        .sec-photo-gallery {
            padding: 0!important;
        }

        .sec-photo-gallery .layout-flex > .layout-wrapper >.d-flex .box-large {
            flex: 1 0 100%!important;
        }

        .sec-photo-gallery .layout-flex > .layout-wrapper >.d-flex .box-large:nth-child(n+4) {
            display: none
        }

        .gallery .component-gallery .layout-wrapper > .d-flex {
            padding: 0 .5rem;
        }
    }

    /* Gallery Section End */
    /* Media Section End */
    /* Gallery Section */
    .gallery .component-gallery.layout-stacked .items {
        width: 50%;
    }

    .gallery .component-gallery .page-details {
        background: var(--bs-primary);
        padding: .75rem 1rem;
        background-image: url(/assets/images/standing_texture.png);
        background-repeat: no-repeat;
        background-position: right;
    }

    .gallery .component-gallery .page-details .component-title {
        font-size: 1.25rem;
        color: var(--bs-white);
        text-transform: uppercase;
        font-family: var(--bs-body-font-family);
    }

    .gallery .component-gallery .page-details .component-sponsor span.small {
        display: none;
    }

    .gallery .component-gallery.layout-multiGallery .layout-wrapper .box-large span.photo-date.small {
        font-size: 1rem;
    }

    .component-gallery.layout-multiGallery .layout-wrapper .box-large h6.card-title {
        font-size: 1.5rem;
    }

    .component-gallery.layout-multiGallery .layout-wrapper .box-large p.card-text {
        opacity: 1!important;
        line-height: 1.3!important;
    }

    .gallery .component-gallery .macro-archive-link a.btn.btn-link {
        border: 2px solid var(--bs-primary);
        border-radius: 0;
        font-weight: bold;
        text-transform: uppercase;
        padding: .25rem .5rem;
    }

    .gallery .component-gallery .macro-archive-link a.btn.btn-link: hover {
        background: var(--bs-primary);
        color: var(--bs-white);
        filter: none;
        text-decoration: none;
    }

    .gallery .component-gallery, .gallery .component-gallery .layout-wrapper > .d-flex {
        gap: .5rem!important;
    }

    .gallery .component-gallery .macro-archive-link {
        margin-top: .75rem;
    }

    .gallery .page-details {
        background: var(--bs-primary);
        padding: 0.75rem 1rem;
        background-image: url(/assets/images/standing_texture.png);
        background-repeat: no-repeat;
        background-position: right;
    }

    .gallery .page-details .component-title {
        font-size: 1.25rem;
        color: var(--bs-white);
        text-transform: uppercase;
        font-family: var(--bs-body-font-family);
    }

    .gallery .form-floating.w-100 {
        position: absolute;
        width: fit-content!important;
        top: -3.8rem;
        right: 4.25rem;
    }

    /* Gallery Section End */
    /* Videos Section */
    .videos .component-video .page-details {
        background: var(--bs-primary);
        padding: .75rem 1rem;
        background-image: url(/assets/images/standing_texture.png);
        background-repeat: no-repeat;
        background-position: right;
    }

    .videos .component-video .page-details .component-title {
        font-size: 1.25rem;
        color: var(--bs-white);
        text-transform: uppercase;
        font-family: var(--bs-body-font-family);
    }

    .videos .component-videos .page-details .component-sponsor span.small {
        display: none;
    }

    .component-video.layout-carousel .layout-wrapper .playlist .item {
        border-radius: 0;
        border: 0;
    }

    .component-video.layout-carousel .layout-wrapper .playlist .item .video-thumbnail img.card-img-top {
        border-radius: 0;
    }

    .component-video.layout-carousel .layout-wrapper .playlist .item .card-body {
        background: var(--bs-dark);
    }

    .component-video.layout-carousel .layout-wrapper .playlist .item .card-body .card-title a, .component-video.layout-carousel .layout-wrapper .playlist .item .card-body .date {
        color: var(--bs-white)!important;
    }

    .component-video.layout-carousel .layout-wrapper .playlist .item:hover .card-body {
        background: var(--bs-primary);
    }

    .sec-videos .archive-link a.btn.btn-link {
        border: 2px solid var(--bs-primary);
        border-radius: 0;
        font-weight: bold;
        text-transform: uppercase;
        padding: 0.25rem 0.5rem;
        transition: .3s ease-in-out;
    }

    .sec-videos .archive-link a.btn.btn-link: hover {
        background:var(--bs-primary);
        color: var(--bs-white);
        transition: .3s ease-in-out;
        filter: none;
        text-decoration: none;
    }

    .component-video.layout-cards .video-btn-overlay:hover {
        transition: .3s ease-in-out;
    }

    .component-video.layout-cards .video-btn-overlay {
        transition: .3s ease-in-out;
    }

    .sec-videos .layout-cards .item {
        overflow: hidden
    }

    .sec-videos .layout-cards .item .card-img-overlay {
        transition: all ease .3s;
        transform: translateY(100%);
        border-radius: 0!important;
    }

    .sec-videos .layout-cards .item:hover .card-img-overlay {
        transition: all ease .3s;
        transform: translateY(0);
    }

    .sec-videos .layout-cards .items {
        gap: .5rem;
    }

    .sec-videos .layout-cards .items .item {
        flex: 1 0 32%;
    }

    .videos .page-details {
        background: var(--bs-primary);
        padding: 0.75rem 1rem;
        background-image: url(/assets/images/standing_texture.png);
        background-repeat: no-repeat;
        background-position: right;
    }

    .videos .page-details .component-title {
        font-size: 1.25rem;
        color: var(--bs-white);
        text-transform: uppercase;
        font-family: var(--bs-body-font-family);
    }

    .component-sponsor .text-muted {
        display: none;
    }

    .form-floating label {
        display: none;
    }

    .videos .form-floating.w-100 {
        position: absolute;
        width: fit-content!important;
        top: -3.8rem;
        right: 4.25rem;
    }

    .sec-videos .layout-cards .items .item:hover a.play-btn {
        opacity: 1;
    }

    .sec-videos .layout-cards .items .item:hover span.fab {
        color: var(--bs-primary);
    }

    @media screen and (max-width: 991px) {
        .sec-videos .component-video.layout-carousel .layout-wrapper .playlist {
            flex-direction:row!important;
            flex-wrap: wrap;
        }

        .sec-videos .component-video.layout-carousel .layout-wrapper .playlist .item {
            flex: 1 0 48%;
            flex-direction: column!important;
        }

        .sec-videos .component-video.layout-carousel .layout-wrapper .playlist .item .video-thumbnail {
            max-width: 100%;
        }

        .sec-videos {
            padding: 0!important;
        }
    }

    @media screen and (max-width: 767px) {
        .sec-videos .layout-cards .items .item {
            flex: 1 0 49%;
        }
    }

    @media screen and (max-width: 575px) {
        .component-video.layout-carousel .layout-wrapper .playlist .item .card-body-inner h5.card-title {
            font-size: 1rem;
        }

        .component-video.layout-carousel .layout-wrapper .playlist .item .card-body .date {
            font-size: .9rem;
        }

        .sec-videos {
            padding-left: 0!important;
            padding-right: 0!important;
        }

        .sec-videos .component-video > .layout-wrapper {
            padding: 0 .5rem;
        }

        .sec-videos .layout-cards .items .item {
            flex: 1 0 100%;
        }

        .sec-videos .component-video.layout-carousel .layout-wrapper .playlist .item {
            flex: 1 1 47%;
        }

        .videos .form-floating.w-100, .gallery .form-floating.w-100 {
            top: -3.6rem;
        }

        .videos .form-floating.w-100 {
            right: 4rem;
        }

        .form-floating >.form-select {
            padding-right: 1.5rem;
        }

        .videos .page-details .component-title, .videos .page-details .component-title span {
            line-height: 1;
        }
    }

    @media screen and (max-width: 419px) {
        .component-video.layout-carousel .layout-wrapper .playlist .item .card-body-inner h5.card-title {
            font-size:1.1rem;
            margin-bottom: 0;
        }

        .sec-videos .component-video.layout-carousel .layout-wrapper .playlist .item .video-thumbnail {
            max-width: 33.33%;
        }

        .sec-videos .component-video.layout-carousel .layout-wrapper .playlist .item {
            flex: 0 0 100%;
            flex-direction: row !important;
        }
    }

    /* Videos Section End */
    /* Banner CSS */
    .section.sec-banner {
        margin-bottom: 4rem;
    }

    @media screen and (max-width: 991px) {
    }

    /* Banner CSS End */
    /* Sponsor CSS */
    .sec-sponsors .component-banner ul.list-unstyled {
        justify-content: space-between!important;
    }

    .sec-sponsors .component-banner ul.list-unstyled .item {
        flex: 0 0 15%!important;
        align-self: stretch!important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sec-sponsors .component-banner ul.list-unstyled .item img {
        max-height: 10rem;
        object-fit: contain;
    }

    .sec-sponsors .component-banner.layout-slider {
        overflow: visible!important;
    }

    .sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp .fa-circle-pause:before, .sec-banner .component-banner .pause .fa-circle-pause:before {
        content: "\f04c";
        font-weight: bold;
    }

    .sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow:hover {
        background: var(--bs-primary);
        color: var(--bs-white);
        filter: none;
    }

    .sec-banner .component-banner .pause:hover {
        color: var(--bs-white);
    }

    .sec-banner .component-banner .carousel-indicators {
        display: none;
    }

    .sec-sponsors .slick-dotted.slick-slider {
        margin: 0;
    }

    .sec-sponsors ul.slick-dots {
        display: none;
    }

    .component-banner .carousel-indicators {
        bottom: -2rem;
    }

    .component-banner .carousel-indicators button {
        width: .75rem;
        height: .75rem;
        border-radius: 1rem;
        outline: 1px solid var(--bs-primary);
        border: 0;
        outline-offset: 2px;
        margin: 0 .5rem;
    }

    .component-banner .carousel-indicators button.active {
        background: var(--bs-primary);
    }

    .sec-sponsors-premium {
        border-top: 2px solid #ddd;
    }

    .sec-sponsors-premium li.item {
        flex: 0 0 15%!important;
    }

    .sec-sponsors-premium ul.list-unstyled {
        justify-content: space-evenly!important;
    }

    .sec-banner .component-banner {
        overflow: visible!important;
    }

    .sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.prev, .sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.next, .sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp {
        transform: translateY(2rem);
    }

    .sec-banner .component-banner button.carousel-control-prev .carousel-control-prev-icon {
        transition: .3s ease-in-out;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23387c93' stroke='%23387c93'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
        width: 1.25rem;
    }

    .sec-banner .component-banner button.carousel-control-next .carousel-control-next-icon {
        transition: .3s ease-in-out;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23387c93' stroke='%23387c93'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        width: 1.25rem;
    }

    .sec-banner .component-banner button: hover {
        background:var(--bs-primary);
        transition: .3s ease-in-out;
    }

    .sec-sponsors .component-banner.layout-slider .slick-list {
        margin-bottom: 10px;
    }

    .sec-banner .component-banner button.carousel-control-prev: hover .carousel-control-prev-icon {
        transition:.3s ease-in-out;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff' stroke='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    }

    .sec-banner .component-banner button.carousel-control-next: hover .carousel-control-next-icon {
        transition:.3s ease-in-out;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff' stroke='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

    @media screen and (max-width: 767px) {
        .sec-sponsors .slick-dotted.slick-slider {
            margin-top:0;
            margin-bottom: 3rem;
        }

        .sec-sponsors ul.slick-dots li {
            width: 1rem;
            height: 1rem;
        }

        .sec-sponsors ul.slick-dots li button::before {
            width: .65rem;
            height: .65rem;
            border: 0;
            background: transparent;
            border-radius: 20px;
            outline: 1px solid var(--bs-primary);
            outline-offset: 2px;
        }

        .sec-sponsors ul.slick-dots li.slick-active button::before {
            background: var(--bs-primary);
        }
    }

    @media screen and (max-width: 575px) {
        .sec-banner .component-banner button.carousel-control-prev .carousel-control-prev-icon,.sec-banner .component-banner button.carousel-control-next .carousel-control-next-icon {
            width:1rem;
        }

        .sec-sponsors .slick-dotted.slick-slider {
            margin-bottom: 2rem;
        }
    }

    .footer-logos a[rel="wiki-link"] {
        color: var(--bs-white);
    }

    .footer-logos .component-banner.layout-flex .item img {
        height: 100%;
        object-fit: contain;
        width: 100%;
        max-height: 6rem;
    }

    .footer-logos .component-banner.layout-flex ul.list-unstyled {
        margin-bottom: 0;
        gap: 0!important;
    }

    .footer-logos .component-banner.layout-flex ul.list-unstyled li.item {
        align-self: stretch;
        flex: 1 1 25%!important;
    }

    @media screen and (min-width: 768px) {
        .footer-logos .component-banner.layout-flex .item img {
            max-width:80%;
        }
    }

    @media screen and (max-width: 991px) {
    }

    @media screen and (max-width: 767px) {
        .component-banner.layout-slider .slick-arrow-controls {
            padding-bottom: .25rem;
        }
    }

    @media screen and (max-width: 575px) {
        .sec-sponsors .slick-dots {
            bottom:-2rem;
        }
    }

    /* Sponsor CSS Ends */
    /* Footer CSS */
    .site-footer .inc-hostedby {
        flex: 0 0 15%;
    }

    .site-footer .inc-hostedby svg {
        fill: var(--bs-white)
    }

    .site-footer .footer-links a.nav-link {
        padding: 0;
        color: var(--bs-white);
        margin: 0 2rem 0 0;
        position: relative;
    }

    .site-footer .footer-links a.nav-link: hover {
        text-decoration:underline;
    }

    .site-footer .footer-links a.nav-link: after {
        content: '';
        position: absolute;
        right: -1rem;
        top: 0;
        height: 1rem;
        top: .25rem;
        width: 2px;
        background-color: var(--bs-white);
    }

    .site-footer .footer-links .nav li: nth-last-child(1) a.nav-link:after {
        display:none;
    }

    #site-footer svg#Layer_1 {
        max-width: 12.5rem;
        margin: 0 auto;
        text-align: center;
        display: block;
    }

    #site-footer .footer-details .text {
        color: var(--bs-primary);
    }

    #site-footer .footer-details .text .title {
        font-size: 1.5rem!important;
    }

    #site-footer .footer-details .text p.address span.fa-light, #site-footer .footer-details .text p.phone span.fa-light {
        display: none;
    }

    .privacy-links .nav li {
        position: relative;
        margin-right: .25rem;
    }

    .privacy-links a.nav-link {
        padding-left: 0;
        color: var(--bs-primary);
        font-weight: 600;
    }

    .privacy-links .nav li: after {
        height: 1rem;
        width: 2px;
        background: var(--bs-primary);
        right: .25rem;
        top: 50%;
        position: absolute;
        content: '';
        transform: translateY(-50%);
    }

    .privacy-links .nav li: nth-last-child(1):after, .footer-logos li.item:nth-last-child(1):after {
        display:none;
    }

    #site-footer .footer-details .text p.phone {
        margin-bottom: 0;
    }

    .footer-logos li.item img {
        max-width: 12rem;
    }

    .footer-logos li.item: after {
        content: '';
        width: 1px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: var(--bs-white);
    }

    .privacy-links a.nav-link: hover {
        text-decoration:underline;
    }

    footer#site-footer {
        background-image: url(/assets/images/footer-texture.png);
    }

    .affiliate-logos .component-banner ul.list-unstyled {
        margin-bottom: 0;
        gap: 2.5rem!important;
    }

    .developer-logo .component-nav a.nav-link {
        position: relative;
    }

    .developer-logo .component-nav a.nav-link: before {
        height: 1rem;
        width: 2px;
        background: var(--bs-white);
        right: 0.5rem;
        top: 50%;
        position: absolute;
        content: '';
        transform: translateY(-50%);
    }

    .developer-logo .component-nav ul.nav li: nth-last-child(1) a.nav-link:before {
        display:none;
    }

    .dev-links a[rel="wiki-link"] {
        color: var(--bs-white);
    }

    .developer-logo span.sr-only {
        color: var(--bs-white);
    }

    .developer-logo .component-nav a.nav-link {
        color: var(--bs-white)!important;
    }

    #site-footer ul.nav a.nav-link {
        padding-left: 0;
        color: var(--bs-primary);
        transition: .3s ease-in-out;
    }

    #site-footer ul.nav a.nav-link: hover {
        padding-left: 0;
        color: var(--bs-secondary);
        transition: .3s ease-in-out;
    }

    #site-footer .dev-links ul.nav a.nav-link: hover {
        text-decoration: underline!important;
    }

    .footer-logos .component-banner.layout-flex ul.list-unstyled li.item img {
        filter: grayscale(1);
        height: 7.5rem;
        object-fit: contain
    }

    @media screen and (max-width: 991px) {
        .footer-logos ul.list-unstyled {
            gap: 0!important;
        }

        .footer-logos .component-banner.layout-flex .item img {
            width: 70%!important;
        }
    }

    @media screen and (max-width: 767px) {
        .footer-logos ul.list-unstyled {
            flex-direction: row!important;
            flex-wrap: wrap;
        }

        .footer-logos .component-banner.layout-flex ul.list-unstyled li.item {
            flex: 0 0 50%!important;
            width: 50%;
        }

        .footer-logos ul.list-unstyled li:nth-child(even):after {
            display: none;
        }

        .footer-logos ul.list-unstyled li:after {
            height: 80%;
            top: 10%;
        }

        .footer-logos ul.list-unstyled .item img {
            margin: .5rem 0;
        }

        .affiliate-logos ul.list-unstyled {
            flex-direction: row!important;
        }

        .privacy-links .nav li:nth-child(1) {
            margin-right: .25rem;
        }

        .privacy-links .nav li:nth-child(1):after {
            right: .25rem;
        }

        dev-links a.nav-link, .dev-links .reserved-text p.m-0 {
            font-size: .9rem;
        }

        #site-footer ul.nav li:nth-last-child(1) a.nav-link {
            padding-right: 0;
        }
    }

    @media screen and (max-width: 575px) {
        .affiliate-logos ul.list-unstyled .item img {
            width: 70%;
        }

        .footer-details.d-flex.align-items-center {
            padding: 0 1rem;
            flex-direction: column;
        }

        #site-footer .footer-details .text {
            text-align: center;
        }

        .privacy-links ul.nav {
            justify-content: center!important;
        }

        .affiliate-logos .component-banner ul.list-unstyled {
            gap: 1rem!important;
        }

        developer-logo .dev-links p, .developer-logo .dev-links .nav .nav-link {
            font-size: .9rem;
        }

        .developer-logo .component-nav {
            margin-left: 0;
        }

        footer ul.nav {
            justify-content: center;
        }

        #site-footer ul.nav a.nav-link {
            padding-bottom: 0;
        }

        .privacy-links .nav li:after {
            top: 60%;
        }

        #site-footer .dev-links ul.nav a.nav-link {
            padding-bottom: .5rem;
        }
    }

    /* Footer CSS Ends */
    /* Wiki */
    .menu .collapse > a[rel="wiki-link"] {
        display: none;
    }

    .site-header .header-buttons a[rel="wiki-link"], .site-header .header-buttons span.wiki-code-info {
        transform: translatey(50px);
    }

    .social-links a[rel="wiki-link"], .social-links .wiki-code-info {
        color: var(--bs-white)!important;
        z-index: 2;
    }

    header .menu a[rel="wiki-link"], header .header-buttons a[rel="wiki-link"] {
        color: var(--bs-white);
        z-index: 9;
    }

    .macro-secondary-navigation a[rel="wiki-link"], .sec-countdown a[rel="wiki-link"] {
        color: var(--bs-white);
    }

    .internal-page .site-main > .container {
        background: var(--bs-white);
    }

    .form-floating>.form-select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .form-floating>.form-select option: checked {
        background:var(--bs-primary);
    }

    .form-floating>.form-select option: not(:checked) {
        background:var(--bs-primary);
    }

    :focus-visible, header .component-navbar-primary.layout-standard .navbar a.nav-link.dropdown-old-toggle: focus-visible {
        outline: 2px solid var(--bs-secondary)!important;
        box-shadow: none!important;
        outline-offset: -2px;
    }

    .sec-videos .layout-cards .item .card-img-overlay:has(.stretched-link:focus-visible), .component-gallery.layout-flex .layout-wrapper .box-large .card-img-overlay:has(.stretched-link:focus-visible), .sec-scoreboard .component-scoreboard.layout-standard .card .card-body .event-links:has(a.card-link.link: focus-visible) {
        transform:translateY(0);
    }

    .component-gallery.layout-flex .layout-wrapper .box-large .card-img-overlay h3: has(.stretched-link:focus-visible) {
        padding-top:5px;
    }

    @media screen and (min-width: 992px) {
        .component-headlines.layout-stacked-carousel .carousel-caption a {
            opacity:0;
        }

        .component-headlines.layout-stacked-carousel .carousel-caption .date-category, .component-headlines.layout-stacked-carousel .carousel-caption .carousel-caption-text {
            visibility: hidden;
        }
    }