.header-top {
        display: flex;
        background-color: #4f4f4f;
        height: 80px;
        align-items: center;
        padding: 0 15%;
        justify-content: space-between;
        position: relative;
        z-index: 1;
    }

    .login-form {
        display: flex;
        gap: 10px;
    }

    .login-form input {
        width: 150px;
        padding: 5px 10px;
    }

    .login-form button {
        border: none;
        font-weight: bold;
        padding: 0 25px;
        border-radius: 4px;
    }

    .btn-yellow {
        background-color: #FFD700;
        color: black;
    }

    .btn-red {
        background-color: #F90000;
        color: white;
    }

    .header-bottom {
        background-color: #09CFF0;
        height: 35px;
        display: flex;
        align-items: center;
        padding: 0 20%;
        font-weight: 500;
    }

    .header-bottom a {
        height: 100%;
        display: flex;
        align-items: center;
        padding: 0 15px;
        text-transform: uppercase;
        color: white;
        text-decoration: none;
        text-wrap: nowrap;
    }

    .header-bottom a:hover {
        background-color: #4F4F4F !important;
    }

    .banner-area {
        z-index: 1;
        position: relative
    }

    .banner-area img {
        width: 100%;
    }

    #banner-slide .carousel-control-next,
    #banner-slide .carousel-control-prev {
        width: fit-content;
        padding: 0 70px;
    }

    #banner-slide .carousel-control-next-icon,
    #banner-slide .carousel-control-prev-icon {
        filter: brightness(0) saturate(100%) invert(71%) sepia(11%) saturate(5363%) hue-rotate(141deg) brightness(95%) contrast(98%);
        width: 40px;
        height: 40px;
    }

    .content-area {
        background-color: #272727;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 280px;
        border-bottom: #09CFF0 1px solid;
    }

    .new-info {
        padding: 6px 17%;
        display: flex;
        text-wrap: nowrap;
        color: white;
        background-color: black;
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .new-info span {
        padding: 0 10px;
        color: #09CFF0;
    }

    .info-table {
        padding: 5px 0;
        position: relative;
        margin-bottom: 20px;
        z-index: 1;
    }

    .info-table table {
        color: white;
        display: table-caption;
        border: none;
    }

    .info-table table td,
    .info-table table th {
        padding: 10px 24px;
    }

    .info-table table tr:nth-child(1)>th:nth-child(1) {
        background-color: #20201F;
        color: #FFD700;
        font-size: 25px;
        font-weight: 400;
    }

    .info-table table th {
        background-color: #20201F;
        border-right: 1px solid 09CFF0;
        color: #09CFF0;
    }

    .info-table table td {
        background-color: #3A3939;
        border-right: 1px solid 09CFF0;
    }

    .player-record {
        padding: 20px 15%;
        display: flex;
        justify-content: center;
        gap: 2%;
        background-image: url(../img/darkwood-bg.jpg);
        background-size: auto 100%;
        border-bottom: #09CFF0 1px solid;
    }

    .record-table {
        display: flex;
        flex-direction: column;
        background-color: #1D1D1A;
        padding: 5px 20px 15px 20px;
        border: 1px solid #000;
        box-shadow: #676767 0 0 3px;
    }

    .record-table span {
        font-size: 22px;
        font-weight: 500;
        color: #FFD700;
    }

    .record-table table {
        color: #09CFF0;
        text-align: center;
        margin: 5px 0;
    }

    .record-table table td,
    .record-table table th {
        padding: 6px 35px;
    }

    .record-table table tr:nth-child(odd) {
        background-color: #292929;
    }

    .record-table table tr:nth-child(even) {
        background-color: #3A3939;
    }

    .record-table table tr td:nth-child(2) {
        color: white;
    }

    .bank-offline {
        display: flex;
        justify-content: center;
        padding: 20px 0;
        background-color: #272727;
        border-bottom: #09CFF0 1px solid;
    }

    .bank-offline table {
        color: white;
        text-wrap: nowrap;
    }

    .bank-offline table tr:nth-child(1)>th:nth-child(1) {
        background-color: #20201F;
        font-size: 22px;
        font-weight: 500;
        color: #FFD700;
        text-align: left;
    }

    .bank-offline table th {
        background-color: #20201F;
        text-align: center;
    }

    .bank-offline table td {
        background-color: #3A3939;
        font-size: 14px;
    }

    .bank-offline table th,
    .bank-offline table td {
        padding: 5px 15px;
    }

    .bank-offline table tr td:nth-child(1),
    .bank-offline table tr td:nth-child(2),
    .bank-offline table tr td:nth-child(3),
    .bank-offline table tr th:nth-child(2),
    .bank-offline table tr th:nth-child(3),
    .bank-offline table tr th:nth-child(4) {
        border-right: 1px solid #257380;
    }

    .footer-area {
        background-color: #0F0F0F;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 8px 0;
        font-size: 14px;
        font-weight: 500;
    }

    .floating-sidebar {
        position: fixed;
        z-index: 999;
        left: 0;
        top: 20%;
        display: flex;
        flex-direction: column;
        gap: 1px;
    }

    .floating-icon {
        background-color: #171717;
        color: #09CFF0;
        width: 55px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 26px;
        border-radius: 2px;
        cursor: pointer;
    }