@font-face 
{
    font-family: 'Gilory'; /* Name your font family */
    src: url('../fonts/gilory.ttf'); /* Locate the .ttf file within your directory*/
}

@font-face 
{
    font-family: 'KenyanCoffee'; /* Name your font family */
    src: url('../fonts/kenyan-coffee.rg-regular.otf'); /* Locate the .ttf file within your directory*/
}


@font-face 
{
    font-family: 'Karibu'; /* Name your font family */
    src: url('../fonts/Karibu-Bold.ttf'); /* Locate the .ttf file within your directory*/
}

  
body 
{
    font-family:'Inter', sans-serif;
    background:#fff;
    background-size:contain; 
    background-repeat: no-repeat;
}

h1,h2,h3 
{
    font-family:'Karibu', sans-serif;
    letter-spacing:1px;
}

h4 
{
    font-family:'Inter', sans-serif;
    color:#FFE208;
    font-weight:700;
    font-size:18px;
}

a
{
    color:#fff;
}

.container 
{
    max-width:1320px;
}

img.img-logo 
{
    width:130px;
    margin-bottom:15px;
}

.main-menu 
{
    background:none;
    margin-top:15px;
}

.main-menu ul li a 
{
    color:#fff;
    text-transform:uppercase;
    font-size:18px;
    letter-spacing: 0.7px;
    margin-left:20px;
    font-weight:500;
    transition:linear 0.1s color;
}

.main-menu ul li a:hover 
{
    color:#FFE208;
    transition:linear 0.2s color;
}

.dropdown-menu .dropdown-item
{
    margin-left:0px;
    transition:linear 0.2s color;
    font-size:16px;
    text-transform:capitalize;
}

/* Remove background color on hover for dropdown items */
.dropdown-menu .dropdown-item:hover {
    background-color: transparent;
    color:#FFE208;
    transition:linear 0.2s color;
  }


a.navbar-brand 
{
    display:none;
}

.header 
{
    padding-top:15px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: top 0.3s, background-color 0.2s, opacity 0.5s ease;
    background:#A70129;
}

.header.blue-background {
    background-color: rgba(209, 0, 52, 1); /* Blue background when scrolling up */
    border-bottom:solid 1px #FFE208;
}


.header.hide {
    opacity: 0;
}


h4.div-title
{
    font-size:20px;
    margin-bottom:-5px;
    color:#F9B233;
}

h2.div-subtitle 
{
    text-transform:uppercase;
    font-size:42px;
    color:#E7013B;
}

h4.div-title 
{
    font-size:15px;
}

p.div-para 
{
    font-weight:300;
    line-height:32px;
    font-size:16px;
    color:#111;
}

a.btn-link 
{
    background:#e7013b;
    color:#fff;
    border-radius:25px;
    padding:10px 25px;
    display:inline-block;
    margin-top:15px;
    font-weight:700;
    transition:linear 0.1s background;
}

a.btn-link:hover 
{
    background:#FFE208;
    text-decoration:none;
    color:#e7013b;
    transition:linear 0.2s background;
}

.slider 
{
    padding-top:15vh;
    background:#a70129;
    border-bottom-left-radius:60px;
    border-bottom-right-radius:60px;
}

.carousel-item {
    opacity: 0; /* Initially hide the items */
    transition: opacity 0.17s ease-in-out; /* Set the transition effect */
  }
  
  .carousel-item.active {
    opacity: 1; /* Show the active item */
    transition: opacity 0.16s ease-in-out; /* Set the transition effect */
  }
.slider-img.active 
{
    opacity: 1;
}

.slider h2.div-subtitle 
{
    font-size:52px;
    color:#fff;
}

.slider h4 
{
    margin-top:15vh;
}

.slider p 
{
    color:#fff;
}

.slider-news 
{
    margin-top:-90px;
    padding-right:15px;
}

.slider-news-single 
{
    padding-top:30px;
    transition:linear 0.1s transform;
}

.slider-news-single:hover img.slider-news-img
{
    box-shadow:0px 12px 50px #a70029;
    transition:linear 0.2s box-shadow;
}

.slider-news-single:hover 
{
    margin-top:-15px;
    transition:linear 0.2s margin;
}

.slider-news-single:hover .overlay-slider-img
{
    margin-top:-15px;
    transition:linear 0.2s margin;
}

.slider-news-single:hover 
{
    margin-top:-15px;
    transition:linear 0.2s margin;
}

.slider-news a 
{
    color:#fff;
}

img.slider-news-img
{
    width:100%;
    height:180px;
    object-fit:cover;
    border-radius:15px;
    box-shadow:0px 3px 15px #d6b491;
    transition:linear 0.1s box-shadow;
}

.overlay-slider-img 
{
    width: calc(100% - 30px);
    height:180px;
    box-shadow:inset 0px -60px 40px #d10034;
    border-radius:15px;
    position:absolute;
    top:30px;
    padding:25px;
}

.overlay-slider-img h5 
{
    position:absolute;
    bottom:10px;
    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
           line-clamp: 1; 
   -webkit-box-orient: vertical;
   font-size:18px;
   padding-right:10px;
}

.about
{
    line-height:32px;
}

.about h4 
{
    margin-top:60px;
}

.about h5 
{
    font-size:20px;
    display:inline-block;
    padding-top:7px;
    color:#222;
}

a.about-links:hover
{
    color:#FFE208;
    transition:linear 0.2s color;
}

.first-team 
{
   
    background:#fff; /* Replace with your image URL */
    background-attachment:fixed;
    background-size:cover;
}

.team-slice 
{
    background:#F5F5F5;
    margin-top:30px;
    margin-bottom:30px;
}

.col-five {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.player-single 
{
    margin-top:30px;
    display:block;
    position:relative;
    height:370px;
    transition:linear 0.1s transform;
    margin-bottom:60px;
}

.player-single a:hover 
{
    color:#fff;
}

.player-single:hover 
{
    transform:scale(1.1);
    transition:linear 0.2s transform;
}

.player-single img 
{
    width:100%;
}

.back-card
{
    position:absolute;
    top:30px;
    left:0px;
}

.player-card 
{
    position:absolute;
    top:0px;
    left:0px;
    margin-top:-30px;
}

.card-height
{
    opacity:0;
}

.shadow-card 
{
    position:absolute;
    top:30px;
    left:0px;
}

.player-single h3 
{
    position:absolute;
    top:265px;
    width:100%;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:0px;
    font-size:34px;
    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
           line-clamp: 1; 
   -webkit-box-orient: vertical;
   font-family:'KenyanCoffee', sans-serif;
}

.player-single h5 
{
    position:absolute;
    top:305px;
    width:100%;
    text-align:center;
    text-transform:uppercase;
    color:#FFE208;
    font-size:15px;
}

.fixtures 
{
    background:#fff;
    background-size:cover;
}

.fixture-next 
{
    border-top:solid 2px #eee;
    border-bottom:solid 2px #eee;
    padding:20px 30px;
    margin-top:20px;
    font-size:22px;
    text-transform:uppercase;
    font-weight:600;
    transition:linear 0.1s transform;
    background:#f5f5f5;
}

.fixture-next:hover 
{
    transform:scale(1.05);
    transition:linear 0.2s transform;
}

.fixture-next img 
{
    width:100px;
}

.fixture-next h3 
{
    text-transform:uppercase;
    font-size:42px;
    margin-top:20px;
    color:#E7013B;
}

.fixture-small
{
   border-bottom:solid 2px #eee;
   padding:20px 20px;
   transition:linear 0.1s transform;
}

.fixture-small:hover 
{
    transform:scale(1.05);
    transition:linear 0.2s transform;
}

.fixture-small img
{
    width:80px;
}

.fixture-small h5 
{
    text-transform:uppercase;
    font-size:24px;
    margin-top:20px;
    font-family:'Karibu', sans-serif;
    letter-spacing:1px;
}

.video-feature 
{
    padding-top:30px;
    transition:linear 0.1s transform;
    margin-left:0px;
}

.video-feature a:hover 
{
    color:#fff;
}

.video-feature:hover img.slider-news-img
{
    box-shadow:0px 12px 50px #a70029;
    transition:linear 0.2s box-shadow;
}

img.video-news-img
{
    width:100%;
    height:480px;
    object-fit:cover;
    border-radius:30px;
    transition:linear 0.1s box-shadow;
}

.overlay-video-img 
{
    width:calc(100% - 30px);
    height:480px;
    box-shadow:inset 0px -110px 50px #a70029;
    border-radius:30px;
    position:absolute;
    top:30px;
    padding:25px;
}

.overlay-video-img h5 
{
    position:absolute;
    bottom:30px;
    font-size:20px;
    padding-right:60px;
    left:30px;
}

.mobile-padding 
{
    padding-right:15px;
}

.news-medium img 
{
    border-radius:20px;
    box-shadow:0px 3px 15px #475EB3;
    width:100%;
    height:370px;
    object-fit:cover;
    margin-top:30px;
}

.overlay-medium-div 
{
    position:absolute;
    width:65%;
    background:#fff;
    height:130px;
    margin-top:-130px;
    right:15px;
    border-bottom-right-radius:19px;
    border-top-left-radius:19px;
    padding:20px;
}

.overlay-medium-div 
{
    color:#222;
}

.news-right 
{
    padding-top:40px;
}

.news-small 
{
    background:#fff;
    border-radius:25px;
    margin-top:30px;
    box-shadow:0px 0px 10px #ccc;
}

.news-small img 
{
    width:100%;
    height:170px;
    object-fit:cover;
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
}

.news-small a 
{
    color:#222;
}

.news-small h5 
{
    font-size:16px;
}

h6.date-news 
{
    color:#EE383D;
    text-transform:uppercase;
}

.social-divs img 
{
    width:42px;
    margin-left:10px;
    margin-top:5px;
}

.footer-top h2 
{
    color:#FFE208;
    text-transform:uppercase;
    font-size:28px;
}

footer 
{
    padding-top:90px;
    background-image:url('../img/foot-back.jpg');
    background-size:cover;
    border-top-left-radius:60px;
    border-top-right-radius:60px;
}

.footer 
{
    padding-top:50px;
}

.footer-links ul li 
{
    display:inline-block;
    margin-top:5px;
    width:100%;
}

.sponsors 
{
    width:100%;
    border-radius:20px;
    padding:10px 20px;
    background:#fff;
    margin-top:15px;
    text-align:center;
}

.sponsors img 
{
    width:90%;
    margin:0px auto;
}

.footer h2 
{
    text-transform:uppercase;
    font-size:17px;
    margin-top:15px;
    color:#F9B233;
}

.footer ul 
{
    list-style-type:none;
    margin:0px;
    padding:0px;
}

.footer ul li a 
{
    display:inline-block;
    width:100%;
    margin-top:10px;
}

.footer ul li a:hover 
{
    text-decoration:underline;
}

.footer-credit 
{
    margin-top:22vh;
    padding-top:60px;
    padding-bottom:90px;
    background:#d10034;
    line-height:32px;
    color:#fff;
}

/* Squad */
.tab-content .player 
{ 
    display: none; 
}

.tab-content .player.active 
{ 
    display: block; 
}

.nav-tabs 
{
    justify-content: center;
}

.page-title h1 
{
    text-transform:uppercase;
    font-size:52px;
}

.nav-tabs {
    justify-content: center;
    border-bottom: none; /* Remove the bottom border from the tab container */
}

.nav-tabs .nav-link {
    border: none; /* Remove all borders */
    background-color: transparent; /* Remove background color */
    color: #111; /* Set your desired color */
    border-bottom: 3px solid transparent; /* Transparent bottom border for inactive tabs */
    font-weight: bold;
    text-transform:uppercase;
    margin:0px 15px;
    transition:linear 0.2s border;
    font-size:19px;
}

.nav-tabs .nav-link.active {
    background-color: transparent; /* Ensure no background color on active tab */
    border-bottom: 3px solid #EE383D; /* Bottom border for the active tab */
    color: #E7013B;  /* Color for active tab */
    transition:linear 0.2s transform;
    transform:scale(1.05);
}

.nav-tabs .nav-link:hover {
    border-bottom: 2px solid #EE383D; /* Optional: Add bottom border on hover */
    color: #E7013B; /* Change color on hover if desired */
    transition:linear 0.2s transform;
    transform:scale(1.04);
}

#playerTabs 
{
    padding-top:20px;
}

#playerContent 
{
    padding-top:30px;
}

/* Player */

.left-float 
{
    float:right;
}
.player-main 
{
    font-size:18px;
    padding-top:40px;
    padding-bottom:40px;
}

.player-main h1 
{
    font-size:72px;
    text-transform:uppercase;
    padding:0px;
    margin:0px;
    color:#111;
}

.player-main h5 
{
    color:#E7013B;
    font-size:20px;
    margin-top:0px;
    text-transform:uppercase;
}

.player-preferences 
{
    border-top:solid 2px #eee;
    border-bottom:solid 2px #eee;
}

.player-stats 
{
    border-bottom:solid 2px #eee;
}

.stats-single 
{
    height:130px;
    width:130px;
    border:solid 2px #E7013B;
    text-align:center;
    padding:20px;
    border-radius:50%;
    margin:0px auto;
    margin-top:30px;
    transition:linear 0.1s transform;
}

.stats-single:hover 
{
    transform:scale(1.1);
    transition:linear 0.2s transform;
}

.yellow-font 
{
    color:#E7013B;
}

.stats-single h3 
{
    color:#E7013B;
    font-size:52px;
    padding:0px;
    margin:0px;
    margin-top:5px;
}

.stats-single h5 
{
    color:#111;
    text-transform:capitalize;
    font-size:16px;
    margin-top:-5px;
}

.player-main p 
{
    font-size:16px;
    line-height:32px;
}

.player-photo 
{
    display:inline-block;
    width:100%;
    height:auto;
}

img.player-main-photo
{
    width:90%;
    position:absolute;
    top:0px;
    left:5%;
}

img.big-shadow 
{
    width:94%;
    position:absolute;
    top:0px;
    left:3%;
}

img.player-action-photo 
{
    width:40%;
    position:absolute;
    top:300px;
    left:30%; 
}


.hide-phone
{
    display:block;
}

.hide-desktop
{
    display:none;
}

.next-fwd-btn 
{
    text-align:right;
    font-size:42px;
}

.next-fwd-btn a 
{
    color:#E7013B;
}

.footer-links 
{
    padding-left:90px;
}


.mobile-bot-nav 
{
    position:fixed;
    width:100%;
    bottom:0px;
    left:0px;
    text-align:center;
    background:#d10034;
    border-top:solid 2px #FFE208;
    padding:10px;
    font-size:20px;
    transition: transform 0.2s ease-in-out;
    transform: translateY(100%);
}

.slider-container {
    overflow: hidden;
    position: relative;
}

.player-slider {
    display: flex;
    transition: transform 0.5s ease;
    margin-left:-15px;
}

.player-slide {
    flex: 0 0 18%; /* Adjust this percentage according to the number of items you want to show at a time */
    box-sizing: border-box;
    margin-left:15px;
    margin-right:15px;
}

.dropdown-menu 
{
    background:#081845;
}

.navbar-toggler 
{
    color:#fff;
    font-size:32px;
    margin-top:-10px;
}

#playerCategoryDropdown {
    display: none;
}

.title-bar 
{
    padding-top:17vh;
    padding-bottom:5vh;
    background:#A70129;
    border-bottom-left-radius:60px;
    border-bottom-right-radius:60px;
}

.title-bar h1 
{
    text-transform:uppercase;
    font-size:62px;
    color:#FFE208;
}

.board-single 
{
    width:100%;
    border-radius:20px;
}

.board-single img 
{
    width:100%;
}

.news-slider-img
{
    width:100%;
    height:50vh;
    object-fit:cover;
    border-radius:25px;
    margin-top:30px;
    border-bottom:solid 5px #FFE208;
}

.carousel-control-next, .carousel-control-prev
{
    background:none;
    border:none;
    color:#FFE208;
}

.carousel-caption
{
    width:100%;
    bottom:0px;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;
    left:0px;
    right:0px;
    background:#081845;
    border-bottom:solid 5px #FFE208;
}

.news-post 
{
    padding-top:15vh;
}

.news-post p 
{
    font-size:17px !important;
    line-height:32px;
}

.news-post img 
{
    border-radius:20px;
    margin-top:15px;
    margin-bottom:15px;
}

.home-body
{
    background:#fff;
    background-size:contain; 
    background-repeat: no-repeat;
}

.team-body
{
    background:#fff;
    background-size:contain; 
    background-repeat: no-repeat;
}

.result-tab img 
{
    margin-top:5px;
}

.result-tab h5
{
    margin-top:20px;
}

.league-table 
{
    padding-bottom:20vh;
    margin-top:10vh;
}

.league-table h2.div-subtitle 
{
    color:#E7013B;
    margin-bottom:30px;
}
.league-table td
{
    color:#111;
}

.league-table .table thead th {
    background-color: #E7013B;
    border-color: #E7013B;
    color: #fff;
}

.league-table .table,
.league-table .table th,
.league-table .table td {
    border: 1px solid #eee;
}

.league-table .table tr:nth-child(1),
.league-table .table tr:nth-child(2) {
    background-color: #ebebeb; /* Light green */
}

.league-table .table tr:nth-child(3),
.league-table .table tr:nth-child(4) {
    background-color: #f5f5f5;
}

.fixture-page 
{
    padding-top:15vh !important;
    background:#fff;
}

.fixture-page h2.div-subtitle 
{
    color:#FFE208;
}

.store 
{
    margin-top:10vh;
    margin-bottom:10vh;
}

.store a:hover 
{
    text-decoration:none;
    color:none;
}

.store-item 
{
    margin-top:30px;
    text-align:center;
    transition:linear 0.1s transform;
}

.store-item:hover 
{
    transform:scale(1.07);
    transition:linear 0.2s transform;
}

.store-item h5 
{
    margin-top:25px;
    color:#fff;
}

.store-item h2 
{
    color:#FFE208;
    font-size:32px;
    margin-top:-5px;
}

.store-item img 
{
    width:100%;
}

.store-photo 
{
    background:#f5f5f5;
    padding:30px;
    border-radius:20px;
}

.product-buy
{
    border-top:solid 2px #2F4466;
    padding-top:15px;
    margin-top:15px;
    padding-bottom:5vh;
}

.product-buy a 
{
    margin-top:10px;
    display:inline-block;
    font-weight:700;
    text-transform:uppercase;
}


@media only screen and (max-width: 600px) {

    .hide-phone
    {
        display:none;
    }

    .hide-desktop
    {
        display:block;
    }

    .fixture-next 
    {
        border-top:none;
        padding:15px;
        font-size:18px;
    }
    
    .fixture-next h3 
    {
        font-size:34px;
        margin-bottom:20px;
    }

    .col-five 
    {
        position: relative;
        width: 50%;
        padding-right: 15px;
        padding-left: 15px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    a.navbar-brand 
    {
        display:inline-block;
    }

    img.img-logo 
    {
        display:none;
    }

    img.mobile-logo 
    {
        width:65px;
        margin-bottom:10px;
    }

    
    .header.blue-background img.mobile-logo 
    {
        width:45px;
    }

    .header.blue-background .navbar-toggler 
    {
        color:#fff;
        font-size:26px;
    }

    .header 
    {
        padding-top:0px;
    }

    .main-menu 
    {
        margin-top:5px;
    }

    .navbar 
    {
        padding:5px;
    }

    .main-menu ul li a 
    {
        font-size:16px;
        text-transform:capitalize
    }

    .dropdown-menu li a
    {
        font-size:15px;
    }

    .slider h4 
    {
        margin-top:10vh;
    }

    .slider h2.div-subtitle
    {
        font-size:42px;
    }

    .slider img 
    {
        width:100% !important;
        margin-top:30px;
    }

    p.div-para 
    {
        font-size:14px;
        line-height:28px;
    }

    p 
    {
        font-size:14px;
        line-height:28px;
    }

    header 
    {
         background:#091932;
    }

    a.btn-link 
    {
        font-size:15px;
        padding:5px 20px;
    }

    .player-single 
    {
        height:auto;
    }

    .slider img 
    {
        margin-top:10vh;
    }
    
    .player-single h3 
    {
        bottom:30px;
        font-size:24px;
        letter-spacing:0px;
        margin-top:-55px;
        height:31px;
    }

    .player-single h5 
    {
        bottom:0px;
        margin-top:-60px;
        font-size:11px;
    }
    
    .card-height 
    {
        height:270px;
    }
    
    .back-card
    {
        height:270px;
    }

    .player-card 
    {
        height:225px;
        width:auto !important;
        margin:0px auto;
        margin-top:-10px;
    }

    .shadow-card 
    {
        height:270px;
    }

    h2.div-subtitle 
    {
        font-size:28px;
    }

    .about h5 
    {
        font-size:16px;
    }
    
    
    .fixture-next:hover 
    {
        transform:scale(1);
        transition:linear 0.2s transform;
    }

    .fixtures a.btn-link 
    {
        margin-left:0px !important;
        margin-right:0px !important;
        padding:7px 25px;
    }
    
    .fixture-small:hover 
    {
        transform:scale(1);
    }

    .fixture-small img 
    {
        width:60px;
    }

    .fixture-small h5 
    {
        font-size:17px;
    }

    .about 
    {
        margin-top:30px !important;
        padding-top:0px !important;
        background:#fff;
    }

    .fixture-next img 
    {
        width:70px;
    }

    .news-right 
    {
        margin-left:-15px;
    }

    .news-medium img 
    {
        height:260px;
    }

    .overlay-medium-div
    {
        width:calc(100% - 30px);
        border-top-left-radius:0px;
        border-bottom-left-radius:20px;
        height:105px;
        margin-top:-105px;
    }

    h6.date-news
    {
        font-size:13px;
    }

    .overlay-medium-div h5
    {
        font-size:16px;
    }

    .news-small img
    {
        border-top-right-radius:20px;
        border-bottom-left-radius:0px;
    } 

    .news-small h5
    {
        font-size:16px;
        margin-top:0px !important;
    }

    .mobile-padding 
    {
        padding:0px 20px;
        padding-bottom:15px;
    }

    .news-right 
    {
        padding-top:10px;
    }

    .video-feature img 
    {
        border-radius:30px;
        height:300px;
    }

    .overlay-video-img 
    {
        width:calc(100% - 30px);
        height:300px;
        border-radius:30px;
    }
    
    footer 
    {
        border-top-left-radius:30px;
        border-top-right-radius:30px;
    }

    .footer-top 
    {
        text-align:center !important;
    }

    .social-divs 
    {
        text-align:center !important;
        margin-bottom:-30px;
    }

    .social-divs img 
    {
        margin-left:5px;
        margin-right:5px;
    }

    .footer
    {
        text-align:left;
    }

    .footer h2 
    {
        margin-top:50px;
        font-size:17px;
    }

    .footer ul li a 
    {
        font-size:15px;
    }

    .nav-tabs .nav-link
    {
        font-size:16px;
    }

    .nav-tabs li 
    {
        width:100%;
        display:inline-block;
        text-align:center;
    }

    .nav-tabs .nav-link.active
    {
        border:solid 2px #EE383D;
        border-radius:20px;
    }
    
    .footer-links 
    {
        padding-left:15px;
        padding-top:60px;
    }

    .mobile-about-photo 
    {
        margin-top:-20vh;
        width:calc(100% + 30px) !important;
        margin-left:-15px;
        border-bottom-left-radius:30px;
        border-bottom-right-radius:30px;
    }

    .mobile-bot-nav 
    {
        position:fixed;
        width:100%;
        bottom:0px;
        left:0px;
        text-align:center;
        background:#d10034;
        border-top:solid 2px #d10034;
        padding:15px 10px 25px 10px;
        font-size:22px;
        transition: transform 0.2s ease-in-out;
        transform: translateY(0%);
        z-index:3000;
    }

    .mobile-bot-nav.hidden 
    {
    transform: translateY(100%);
    }

    .mobile-bot-nav a 
    {
        color:#fff;
    }

    a.active-foot-nav 
    {
        color:#FFE208;
    }

    .player-main h1 
    {
        font-size:32px;
    }
    
    .player-main h5
    {
        font-size:16px;
    }

    .player-photo 
    {
        display:inline-block;
        width:100%;
        height:auto;
    }

    img.player-main-photo
    {
        width:90%;
        position:absolute;
        top:5vh;
        left:5%;
    }

    img.big-shadow 
    {
        width:94%;
        position:absolute;
        top:5vh;
        left:3%;
    }

    img.player-action-photo 
    {
        width:50%;
        position:absolute;
        top:30vh;
        left:25%; 
    }

    .player-height 
    {
        width:100%;
        opacity:0;
        margin-top:5vh;
    }

    .player-main 
    {
        margin-top:5vh;
    }

    .player-slide {
        flex: 0 0 43%; /* Adjust this percentage according to the number of items you want to show at a time */
        box-sizing: border-box;
        margin-left:5px;
        margin-right:5px;
    }

    .player-single:hover 
    {
        transform:scale(1);
    }
    
    .news-post img 
    {
        margin-top:0px;
        margin-bottom:0px;
    }

    .next-fwd-btn 
    {
        margin-top:-10px;
        font-size:43px;
    }

    #playerCategory
    {
        border:solid 3px #FFE208;
        border-radius:25px;
        height:50px;
        box-shadow:none;
        background:#d10034;
        color:#fff;
    }

    #playerCategory option 
    {
        padding:10px;
    }
    
    #playerTabs {
        display: none; /* Hide the tabs */
    }

    #playerCategoryDropdown {
        display: block; /* Show the dropdown */
    }
    
    .news-slider-img
    {
        height:40vh;
    }
    
    
    .carousel-caption
    {
        padding:15px;
    }
    
    .carousel-caption h5 
    {
        font-size:17px;
    }
    
    .news
    {
        margin-top:0px !important;
        padding-top:0px !important;
    }
    
    .title-bar 
    {
        padding-top:9vh;
        padding-bottom:2vh;
        border-bottom-left-radius:30px;
        border-bottom-right-radius:30px;
    }
    
    .title-bar h1 
    {
        font-size:32px;
    }
    
    
    .home-body
    {
        
        background:#fff;
        background-size:contain; 
        background-repeat: no-repeat;
    }
    
    .first-team
    {
        
        background:#fff;
        background-size:cover;
    }
    
    
    .team-body
    {
        
    background:#fff;
        background-size:contain; 
        background-repeat: no-repeat;
        padding-top:0px;
    }
    
    
    .result-tab h5
    {
        font-size:16px;
        letter-spacing:0px;
        margin-top:15px;
    }
    
    
    .fixture-page 
    {
        padding-top:5vh !important;
    }
    
    .fixture-page h2.div-subtitle 
    {
        font-size:32px;
        margin-top:7vh;
    }
    
    .store-item h5 
    {
        margin-top:20px;
        font-size:16px;
    }
    
    .store-item h2 
    {
        color:#FFE208;
        font-size:28px;
        margin-top:-5px;
    }
    
    .store-item img 
    {
        width:100%;
    }
    
    .store-photo 
    {
        background:#f5f5f5;
        padding:10px;
        border-radius:20px;
        margin-top:5vh;
    }
    
    .store-item:hover
    {
        transform:scale(1);
    }
}