.quota-search-bar {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
            background-color: #1a1a3d;
            border-radius: 5px;
            overflow: hidden;
            align-items: center;
            padding: 0 10px;
        }
        .quota-search-bar input {
            width: 100%;
            max-width: 400px;
            padding: 10px;
            border: none;
            
            background: transparent;
            color: #fff;
        }
        .quota-search-bar i {
    position: relative;
    color: #fff;
}
        .quota-tabs {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
            overflow: scroll;
        }
        .quota-tabs div {
    margin: 0 10px;
    padding: 10px 20px;
    cursor: pointer;
    color: #7a7a9d;
    min-width: 10em;
}
        .quota-tabs .active {
            color: #fff;
            border-bottom: 2px solid #fff;
        }
        .quota-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #1a1a3d;
            padding: 15px;
            margin-bottom: 10px;
            border-radius: 5px;
        }
        .quota-item img {
            width: 30px;
            height: 30px;
            margin-right: 10px;
        }
        .quota-price {
            color: #fff;
            font-size: 1.2em;
        }
        .quota-fluctuation {
            padding: 5px 10px;
            border-radius: 5px;
        }
        .quota-fluctuation.positive {
            background-color: #1a7a1a;
        }
        .quota-fluctuation.negative {
            background-color: #7a1a1a;
        }
        .quota-sect-1, .quota-sect-2 {
    display: flex;
    align-items: center;
    gap: .5em;
}
.quota-sect-2 span {
    font-size: .8em;
}