html {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        /* always show the vertical scroll bar to stop the page
         * jumping about when navigating between pages where
         * one has content shorter than the viewport */
        overflow-y: scroll;
    }
.nav-h3-1 {
        position: relative;
        top: 0px !important;
        line-height: 1.15 !important;
    }
    .new_teambox_teamFlag {
        float: left;
        margin-right: 10px;
        margin-top: 6px;
    }

    .hides-video {
        font-size: 18px;
    }

    .Sports-header {
        padding: 0px 1px !important;
    }

    .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
        width: calc(100vw - var(--scroll-bar-width, 0px));
        margin-left: -6px;
        height: 170px;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        position: relative;
        overflow: hidden
    }

    @media(min-width: 30em) {
        .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
            margin-left: -20px
        }
    }

    @media(min-width: 46.25em) {
        .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
            margin-left: -21px;
            width: 740px;
            height: var(--tablet-height, 160px);
            border-left: 1px solid rgba(18, 18, 18, 0.3);
            border-right: 1px solid rgba(18, 18, 18, 0.3)
        }
    }

    @media(min-width: 61.25em) {
        .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
            width: 980px;
            height: 160px
        }
    }

    @media (min-width: 71.25em) {
        .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
            width: 1136px !important;
        }
    }

    @media(min-width: 71.25em) {
        .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
            width: 1140px
        }
    }

    @media(min-width: 81.25em) {
        .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
            width: 1300px
        }
    }

    .Sports-header.europe-front.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .Sports-header--title.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
        color: #121212;
        text-decoration: none
    }

    .Sports-header--title.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t:hover {
        text-decoration: underline;
        text-decoration-thickness: 3px
    }

    .Sports-header.svelte-1l2xv2t .Sports-header--title.svelte-1l2xv2t>span.svelte-1l2xv2t,
    .Sports-header.svelte-1l2xv2t span.svelte-1l2xv2t.svelte-1l2xv2t {
        font-family: "Guardian Headline", "Guardian Egyptian Web", "Guardian Headline Full", Georgia, serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 115%;
        padding: 3px 0 0 10px;
        max-width: 250px;
        text-decoration: none
    }

    @media(min-width: 30em) {

        .Sports-header.svelte-1l2xv2t .Sports-header--title.svelte-1l2xv2t>span.svelte-1l2xv2t,
        .Sports-header.svelte-1l2xv2t span.svelte-1l2xv2t.svelte-1l2xv2t {
            padding-left: 20px
        }
    }

    @media(min-width: 46.25em) {

        .Sports-header.svelte-1l2xv2t .Sports-header--title.svelte-1l2xv2t>span.svelte-1l2xv2t,
        .Sports-header.svelte-1l2xv2t span.svelte-1l2xv2t.svelte-1l2xv2t {
            font-size: 50px;
            max-width: 380px
        }
    }

    @media(min-width: 61.25em) {

        .Sports-header.svelte-1l2xv2t .Sports-header--title.svelte-1l2xv2t>span.svelte-1l2xv2t,
        .Sports-header.svelte-1l2xv2t span.svelte-1l2xv2t.svelte-1l2xv2t {
            padding: 3px 0 0 20px;
            max-width: unset
        }
    }

    .Sports-header--nav.svelte-1l2xv2t ul.svelte-1l2xv2t.svelte-1l2xv2t {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative
    }

    .Sports-header--nav.svelte-1l2xv2t ul li.svelte-1l2xv2t.svelte-1l2xv2t {
        position: relative
    }

    @media(min-width: 71.25em) {
        .Sports-header--nav.svelte-1l2xv2t ul li.svelte-1l2xv2t.svelte-1l2xv2t {
            width: 160px
        }
    }

    .Sports-header--nav.svelte-1l2xv2t ul li a.svelte-1l2xv2t.svelte-1l2xv2t {
        color: #000;
        text-decoration: none;
        font-family: "Guardian Headline", "Guardian Egyptian Web", "Guardian Headline Full", Georgia, serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 115%;
        display: block;
        padding: 4px 10px 6px
    }

    .Sports-header--nav.svelte-1l2xv2t ul li a.svelte-1l2xv2t.svelte-1l2xv2t:before {
        content: "";
        position: absolute;
        display: block;
        top: -4px;
        left: 0;
        width: calc(100% + 1px);
        height: 4px;
        z-index: 19;
        background-color: var(--selected-color);
        opacity: 0;
        transition: transform 0.3s ease-in-out, opacity 0.05s 0.1s linear
    }

    .Sports-header--nav.svelte-1l2xv2t ul li a.svelte-1l2xv2t.svelte-1l2xv2t:hover:before {
        opacity: 1;
        transform: translateY(4px)
    }

    @media(prefers-reduced-motion) {
        .Sports-header--nav.svelte-1l2xv2t ul li a.svelte-1l2xv2t.svelte-1l2xv2t:before {
            transition: none
        }
    }

    @media(min-width: 61.25em) {
        .Sports-header--nav.svelte-1l2xv2t ul li a.svelte-1l2xv2t.svelte-1l2xv2t {
            font-size: 17px
        }
    }

    @media(min-width: 71.25em) {
        .Sports-header--nav.svelte-1l2xv2t ul li a.svelte-1l2xv2t.svelte-1l2xv2t {
            padding: 9px 0 10px 10px
        }
    }

    .Sports-header--nav.svelte-1l2xv2t ul li.svelte-1l2xv2t.svelte-1l2xv2t:after {
        content: "";
        position: absolute;
        height: 100%;
        top: 1px;
        right: -1px;
        max-height: 20px;
        width: 1px;
        display: block;
        opacity: 0.3;
        background-color: #121212
    }

    .Sports-header--nav.svelte-1l2xv2t ul li.svelte-1l2xv2t.svelte-1l2xv2t:first-of-type {
        padding-left: 0
    }

    @media(min-width: 30em) {
        .Sports-header--nav.svelte-1l2xv2t ul li.svelte-1l2xv2t.svelte-1l2xv2t:first-of-type {
            padding-left: 10px
        }
    }

    @media(min-width: 71.25em) {
        .Sports-header--nav.svelte-1l2xv2t ul li.svelte-1l2xv2t.svelte-1l2xv2t:first-of-type {
            width: 171px
        }
    }

    .Sports-header--nav.svelte-1l2xv2t ul li.svelte-1l2xv2t.svelte-1l2xv2t:first-of-type::before {
        display: none
    }

    @media(min-width: 30em) {
        .Sports-header--nav.svelte-1l2xv2t ul li.svelte-1l2xv2t.svelte-1l2xv2t:last-of-type {
            padding-left: 10px
        }
    }

    @media(min-width: 34.375em) {
        .Sports-header--nav.svelte-1l2xv2t ul li.svelte-1l2xv2t.svelte-1l2xv2t:last-of-type {
            padding-left: 0
        }
    }

    .Sports-header--nav.svelte-1l2xv2t ul li.selected.svelte-1l2xv2t.svelte-1l2xv2t::before {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: calc(100% + 1px);
        height: 4px;
        z-index: 19;
        background-color: var(--selected-color)
    }

    .Sports-header--nav.svelte-1l2xv2t ul li.full-coverage a.svelte-1l2xv2t.svelte-1l2xv2t {
        font-weight: 400
    }

    .Sports-header--nav.svelte-1l2xv2t ul.svelte-1l2xv2t.svelte-1l2xv2t::before {
        display: block;
        content: "";
        position: absolute;
        opacity: 0.3;
        width: 100%;
        height: 1px;
        z-index: 18;
        background-color: #121212
    }

    .Sports-header--nav.svelte-1l2xv2t ul.svelte-1l2xv2t.svelte-1l2xv2t::after {
        display: block;
        content: "";
        position: absolute;
        opacity: 0.3;
        width: 100%;
        height: 1px;
        bottom: 26px;
        background-color: #121212
    }

    @media(min-width: 34.375em) {
        .Sports-header--nav.svelte-1l2xv2t ul.svelte-1l2xv2t.svelte-1l2xv2t::after {
            display: none
        }
    }

    @media (min-width: 61.25em) {
        .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
            width: 981px;
            height: 160px;
            max-width: 1396px;
            margin: 0px;
            padding: 0px;
        }
    }

    @media (min-width: 91.25em) {
        .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
            width: 1700px !important;
        }
    }

    .ios .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t,
    .android .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
        margin: 0px
    }

    .ios .Sports-header.svelte-1l2xv2t a.svelte-1l2xv2t.svelte-1l2xv2t,
    .ios .Sports-header.svelte-1l2xv2t span.svelte-1l2xv2t.svelte-1l2xv2t,
    .ios .Sports-header.svelte-1l2xv2t nav.svelte-1l2xv2t.svelte-1l2xv2t,
    .android .Sports-header.svelte-1l2xv2t a.svelte-1l2xv2t.svelte-1l2xv2t,
    .android .Sports-header.svelte-1l2xv2t span.svelte-1l2xv2t.svelte-1l2xv2t,
    .android .Sports-header.svelte-1l2xv2t nav.svelte-1l2xv2t.svelte-1l2xv2t {
        z-index: 1
    }

    @media(min-width: 46.25em) {

        .ios .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t,
        .android .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
            width: calc(100vw - var(--scroll-bar-width, 0px))
        }
    }

    .shapes.svelte-186u4lg {
        display: none;
        position: absolute;
        top: 0;
        right: -1px;
        height: 160px;
        width: auto;
        z-index: 19
    }

    @media(min-width: 71.25em) {
        .shapes.svelte-186u4lg {
            display: block
        }
    }

    @media only screen and (max-width: 767px) {
        .logo img {
            width: 60px !important;
        }

        /* .margin-dektop {
                    margin-left: 0px !important;
                } */
    }

    /* .margin-dektop {
                margin-left: 10px;
            } */

    @media(max-width: 992px) {
        .bord-euro {
            border-left: none !important;
            border-right: none !important;
        }
    }

    @media (min-width: 91.25em) {
        .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
            width: 1396px;
        }
    }

    .navbar-nav {
        height: 50px;
    }

    .logo img {
        margin-right: 20px;
    }

    .ball.svelte-1nowxln {
        width: 36px;
        right: 241px;
        bottom: 38px;
    }

    .shapes.svelte-186u4lg {
        display: block;
        margin: 0px 1px;
    }

    @media (min-width: 71.25em) {}

    /* 90% css */
    @media (min-width: 1400px) and (max-width: 1699px) {
        .ball.svelte-1nowxln {
            width: 36px;
            right: 241px !important;
            bottom: 38px;
        }

        .Euro-header-extension--white.svelte-vpg0bt .image-2.svelte-vpg0bt {
            right: -400px !important;
            top: 0px;
        }
    }

    /* 80% css */
    @media (min-width: 1700px) and (max-width: 1799px) {
        .Euro-header-extension--white.svelte-vpg0bt .image-2.svelte-vpg0bt {
            right: -401px !important;
            top: 0px;
        }

        .ball.svelte-1nowxln {
            right: 240px !important;
        }
    }

    /* 75% css */
    @media (min-width: 1800px) and (max-width: 1899px) {
        .ball.svelte-1nowxln {
            right: 240px;
        }

        .Sports-header {
            margin: 1px 0px 0px 0px !important;
        }

        .Euro-header-extension--red.svelte-vpg0bt p.svelte-vpg0bt {
            grid-area: text;
            margin-top: 1px;
        }

        .player.svelte-1gus7fp.svelte-1gus7fp {
            width: 108px;
            right: 278px;
            bottom: 39px !important;
            background-color: #FFD900;
        }
    }

    /* 67% css */
    @media (min-width: 1900px) and (max-width: 2199px) {
        .shapes.svelte-186u4lg {
            display: block;
            margin: 0px 1px;
        }

        .Euro-header-extension--white.svelte-vpg0bt .image-2.svelte-vpg0bt {
            right: -401px !important;
            top: 0px;
        }
    }

    /* 50% css */
    @media (min-width: 2200px) and (max-width: 2999px) {
        .shapes.svelte-186u4lg {
            display: block;
            margin: 0px 0px;
        }

        .ball.svelte-1nowxln {
            right: 240px !important;
        }
    }

    @media(max-width :992px) {
        .shapes.svelte-186u4lg {
            display: none !important;
            margin: 0px 1px;
        }

        .section-headlines-one p {
            font-size: 1.5rem;
        }

        .ball.svelte-1nowxln {
            display: none !important;
        }

        .description-second {
            display: none;
        }

        .headlines-hides {
            display: none;
        }
    }

    .fonts {
        font-size: 16px;
        font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important;
    }


    /* first section */
    .u-faux-block-link--hover {
        color: black !important;
        background-color: white;
    }

    @media (min-width: 91.25em) {
        .Euro-header-extension.svelte-vpg0bt.svelte-vpg0bt {
            width: 1396px !important;
        }
    }

    @media (min-width: 71.25em) {
        .Euro-header-extension.svelte-vpg0bt.svelte-vpg0bt {
            width: 1136px;
        }
    }

    @media (max-width: 768px) {
        .Euro-header-extension--red .image-1 {
            content: url(/euro-img/player-guide-1-mobile.png);
        }
    }

    @media (max-width: 768px) {
        .Euro-header-extension--white .image-2 {
            content: url(/euro-img/player-guide-2-mobile.png) !important;
        }

        .Euro-header-extension--white.svelte-vpg0bt .image-2.svelte-vpg0bt {
            right: 10px !important;
            top: 0px;
        }

        .player.svelte-1gus7fp.svelte-1gus7fp {
            width: 77px !important;
            right: 36px !important;
            bottom: 55px !important;
        }
    }

    @media (max-width: 992px) {
        .player.svelte-1gus7fp.svelte-1gus7fp {
            right: 36px !important;
        }
    }

    @media (max-width: 479.9px) {
        .dcr-5oiine {
            padding-left: 20px;
            padding-right: 20px;
        }
    }

    @media (max-width: 659.9px) {
        .dcr-ymokyv {
            margin-left: 10px;
            margin-right: -10px;
            padding-left: 10px;
            padding-right: 10px;
        }

        .section-headlines-one {
            padding: 0px 10px;
        }

        .col-md-7,
        .col-md-2 {
            padding: 0px 20px;
        }
    }

    .bord-euro {
        border-left: 1px solid black;
        border-right: 1px solid black;
    }

    .player.svelte-1gus7fp.svelte-1gus7fp {
        width: 108px;
        right: 278px;
        bottom: 38px;
        background-color: #FFD900;
    }

    .Euro-header-extension--white.svelte-vpg0bt .image-2.svelte-vpg0bt {
        right: -400px;
        top: 0px;
    }

    .top_right li {
        /* padding-left: 0.3px; */
        padding-left: 0.2px;
    }



    /* <!-- end euro page css --> */

    /* Header Styling */
    .custom-header {
        background-color: #000;
        padding: 0px 80px;
    }

    .custom-nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .custom-nav-list {
        list-style: none;
        display: flex;
        align-items: center;
        width: 100%;
        padding: 0;
        height: 73px;
    }

    /* .custom-nav-list li {
                margin-right: 15px;
            } */

    .custom-logo {
        color: #ffffff;
        font-size: 26px;
        /* font-family: 'Euclid Circular A', "adobe-garamond-pro-1"; */
        padding-top: 18px;
        padding-bottom: 19px;
        padding-right: 23px;
        padding-left: 42px;
    }

    .custom-nav-link {
        display: block;
        text-decoration: none;
        float: left;
        color: #ffffff;
        padding-top: 21px;
        padding-bottom: 22px;
        padding-right: 10px;
        padding-left: 10px;
        font-size: 1.2rem;
        /* font-family: 'Euclid Circular A', "adobe-garamond-pro-1"; */
    }

    .custom-nav-link.active {
        background-color: #4a4a4a;
        /* border-radius: 4px; */
    }

    .custom-nav-link:hover {
        background-color: #4a4a4a;
        /* border-radius: 4px; */
    }

    @media (min-width: 801px) and (max-width: 1100px) {
        .custom-header {
            /* background-color: #000; */
            padding: 0px 0px;
        }

        #city_nav1 ul {
            display: ruby;
            margin-top: 20px;
        }

        .custom-section-box {
            width: 100%;
        }

        #city_nav1 ul li a.act {
            color: #ffffff;
            background-color: #022C46;
            margin-top: 20px;
        }
    }

    .width-class {
        width: 10% !important;
    }

    @media (max-width: 800px) {
        .container {
            padding-right: var(--bs-gutter-x, 0.5rem);
            padding-left: var(--bs-gutter-x, -0.2rem);
        }

        /* Align header items for mobile */
        .custom-header {
            padding: 10px 0px 0px 5px;
            text-align: center;
            height: 280px;
        }

        .custom-logo {
            /* display: block;
                    text-align: center; */
            margin-bottom: 10px;
            color: #ffffff;
            font-size: 26px;
            /* font-family: 'Euclid Circular A', "adobe-garamond-pro-1"; */
            padding-top: 18px;
            padding-bottom: 19px;
            padding-right: 43px;
            padding-left: 42px;
        }

        .custom-nav {
            flex-direction: column;
            align-items: flex-start;
        }

        .custom-nav-list {
            flex-direction: column;
            align-items: flex-start;
            /* border: 1px solid #4a4a4a; */
            /* Add border to the menu */
            width: 100%;
        }

        .custom-nav-list li:first-child {
            /* width: 100%;
                    margin-bottom: 15px;
                    margin-top: 15px; */
            display: none;
            /* First li is full width */
        }

        .custom-nav-list li:last-child {
            width: 100%;
        }

        .custom-nav-item-right {
            margin-top: 10px;
        }

        .custom-nav-list li:not(:first-child):not(:last-child) {
            width: 100%;
            font-size: 14px;
            /* border-radius: 0px; */
            border: 1px solid #616161;
            /* All other li elements are 50% width */
        }

        .custom-nav-link.active {
            background-color: #4a4a4a;
            border-radius: none;
        }


        .custom-nav-link {
            width: 100%;
            /* Make links span the full width */
            text-align: left;
            /* Align text to the left */
            padding: 5px 15px;
            border-bottom: 1px solid #4a4a4a;
            font-size: 14px;
            /* Add border between menu items */
        }

        .custom-nav-link:last-child {
            border-bottom: none;
            /* Remove border from the last item */
        }

        .custom-nav-item-right .custom-btn {
            display: block;
            width: 100%;
            color: #fff;
            text-align: start;
            padding: 15px;
            text-decoration: none;
        }

        .custom-section {
            width: 100% !important;
            margin: 0px 5px !important;
        }

        .custom-section-box {
            display: block !important;
            margin-right: 5px !important;
        }

        .custom-section {
            padding: 10px 5px 0px 0px !important;
        }
    }



    /* Right Align Button with Full Height Background */
    .custom-nav-item-right {
        margin-left: auto;
        height: 100%;
        display: flex;
        align-items: center;
        background-color: #e64467;
        width: 28%;
    }

    .custom-btn {
        text-decoration: none;
        display: inline-block;
        color: #ffffff;
        padding-top: 18px;
        padding-bottom: 18px;
        text-align: center;
        font-size: 26px;
        width: 100%;
        clear: both;
    }

    .custom-btn:hover {
        text-decoration: underline;
    }

    /* Section Styling */
    .custom-section {
        margin: 20px auto;
        padding: 10px 0px 0px 0px;
    }

    .custom-section-box {
        background-color: #e64467;
        display: inline-block;
        padding: 15px 20px;
        margin-right: 58px;
    }


    .custom-section-text {
        font-size: 24px;
        color: #fff;
        font-weight: 400;
    }

    #city_nav1 ul {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #city_nav1 ul li a {
        display: block;
        text-decoration: none;
        float: left;
        padding-top: 15px;
        padding-bottom: 16px;
        padding-right: 50px;
        padding-left: 50px;
        font-size: 1.2rem;
        font-weight: bold;
    }

    #city_nav1 ul li a.act {
        color: #ffffff;
        background-color: #022C46;
    }

    #city_nav1 ul li a:hover {
        background-color: #022C46;
        color: #fff;
    }

    #city_nav1 ul li a {
        color: black;
    }

    @media (max-width: 800px) {
        #city_nav1 ul {
            display: ruby;
            margin-top: 20px;
            margin-left: 5px;
        }

        .custom-section-box {
            width: 100%;
        }

        #city_nav1 ul li a.act {
            color: #ffffff;
            background-color: #022C46;
            margin-top: 20px;
        }
    }

    tbody {
        display: table-row-group;
        vertical-align: middle;
        unicode-bidi: isolate;
        border-color: inherit;
    }

    .Euro-header-extension.svelte-vpg0bt.svelte-vpg0bt {
        margin-bottom: 0px;
    }

    .flag_border {
        border: 1px solid #737373;
    }

    .group-tab.active {
        background-color: #022C46;
        border-radius: 5px;
        padding: 5px 10px;
    }

    #city_nav1 ul li a.active {
        color: #ffffff;
    }

    /* Style for the stadium list items */
    .stadium-item {
        flex: 1 1 25%;
        max-width: 25%;
        list-style: none;
        text-align: center;
        margin-bottom: 15px;
    }

    .team_page_heading {
        background-image: url('images/spacer.gif');
        background-repeat: repeat-x;
        background-position: center bottom;
    }

    /* Make the stadium items 100% width on smaller screens */
    @media (max-width: 768px) {
        .stadium-item {
            flex: 1 1 100%;
            max-width: 100%;
            text-align: start;
        }

        #city_nav1 ul li a {
            padding-left: 5px;
        }

        .stadium-img {
            width: 100%;
            padding: 0px 10px;
        }
    }

    .city-cap {
        font-size: 72px;
        display: block;
        float: left;
        line-height: 72px;
        height: 45px;
        padding: 0;
        margin: -16px 5px 0 0;
        color: #333;
        position: relative;
        text-transform: uppercase;
    }