.market-overview {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: #020202;
    color: #ffffff;
    padding: 48px 24px 74px;
}

.market-overview::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: radial-gradient(circle at 78% 42%, rgba(129, 78, 38, .18) 0%, transparent 50%), linear-gradient(180deg, #000000 0%, #030303 52%, #000000 100%);
}

.market-overview__inner {
    width: min(100%, 898px);
    margin: 0 auto;
}

.market-overview__highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.market-overview__highlight {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 110px;
    align-items: center;
    gap: 12px;
    min-height: 133px;
    padding: 22px 10px 20px 20px;
    border: 1px solid rgba(198, 155, 90, .16);
    border-radius: 8px;
    background: linear-gradient(105deg, rgba(24, 15, 10, .96) 0%, rgba(36, 26, 18, .92) 64%, rgba(52, 39, 29, .88) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.market-overview__highlight h2 {
    margin: 0;
    color: #e3b990;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}

    .market-overview__highlight p {
        margin: 10px 0 0;
        color: rgba(255, 255, 255, .48);
        font-size: 9px;
        font-weight: 300;
        line-height: 1.65;
    }

.market-overview__highlight img {
    width: 100%;
    max-height: 86px;
    object-fit: contain;
}

.market-forex {
    position: relative;
    overflow: hidden;
    min-height: 430px;
    margin-top: 24px;
    padding: 56px 50px 16px;
    border: 1px solid rgba(198, 155, 90, .24);
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(7, 7, 7, .94) 0%, rgba(16, 16, 14, .74) 42%, rgba(24, 17, 12, .5) 100%), url("../../../upload/market/market-forex.jpg");
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
}

.market-forex__content {
    max-width: 430px;
}

.market-forex h1 {
    margin: 0;
    color: #e3b990;
    font-size: 31px;
    font-weight: 300;
    line-height: 1.15;
    text-transform: uppercase;
}

.market-forex p {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .54);
    font-size: 11px;
    font-weight: 300;
    line-height: 1.65;
}

.market-forex p strong {
    color: #e3b990;
    font-weight: 500;
}

.market-forex__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(13, 14, 13, .86) 0%, rgba(23, 22, 18, .8) 52%, rgba(31, 28, 23, .74) 100%);
}

    .market-forex__table th,
    .market-forex__table td {
        height: 33px;
        padding: 0 34px;
        border-bottom: 1px solid rgba(255, 255, 255, .06);
        border-left: 1px solid rgba(255, 255, 255, .16);
        color: rgba(255, 255, 255, .84);
        font-size: 11px;
        font-weight: 300;
        line-height: 1.25;
        text-align: center;
        vertical-align: middle;
    }

.market-forex__table th:first-child,
.market-forex__table td:first-child {
    border-left: 0;
}

.market-forex__table tbody tr:last-child td {
    border-bottom: 0;
}

.market-forex__table thead th {
    height: 34px;
    background: rgba(77, 57, 39, .58);
    color: #e3b990;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.market-forex__table th:first-child,
.market-forex__table td:first-child {
    width: 24%;
}

.market-forex__table th:nth-child(2),
.market-forex__table td:nth-child(2) {
    width: 33%;
}

.market-forex__table th:nth-child(3),
.market-forex__table td:nth-child(3) {
    width: 43%;
}

.market-forex__table td:first-child {
    display: flex;
    align-items: center;
    gap: 12px;
}

.market-forex__table td img {
    width: 42px;
    height: 18px;
    object-fit: contain;
}

.market-forex__pair {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

.market-forex__pair--text span {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 50%;
    color: #ffffff;
    font-size: 7px;
    font-weight: 700;
}

.market-forex__pair--text span:first-child {
    background: #284aa6;
}

.market-forex__pair--text span:last-child {
    margin-left: -4px;
    background: #ba2b38;
}

.market-forex__bars {
    width: 20px;
    height: 17px;
    display: inline-block;
    margin-right: 20px;
    vertical-align: -4px;
    background: linear-gradient(90deg, transparent 0 2px, #c29673 2px 4px, transparent 4px 7px, #c29673 7px 9px, transparent 9px 12px, #c29673 12px 14px, transparent 14px);
    opacity: .9;
}

.market-asset {
    position: relative;
    overflow: hidden;
    min-height: 368px;
    margin-top: 30px;
    padding: 60px 48px 14px;
    border: 1px solid rgba(198, 155, 90, .24);
    border-radius: 8px;
    background-color: #050505;
    background-position: center;
    background-size: cover;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
}

.market-asset--metals {
    background-image: linear-gradient(90deg, rgba(7, 7, 7, .96) 0%, rgba(7, 7, 7, .9) 26%, rgba(12, 10, 8, .58) 54%, rgba(19, 13, 9, .24) 100%), url("../../../upload/market/market-metals.jpg");
}

.market-asset--indices {
    background-image: linear-gradient(90deg, rgba(7, 7, 7, .96) 0%, rgba(7, 7, 7, .88) 28%, rgba(12, 10, 8, .54) 54%, rgba(19, 13, 9, .2) 100%), url("../../../upload/market/market-indices.jpg");
}

.market-asset--energy {
    background-image: linear-gradient(90deg, rgba(7, 7, 7, .96) 0%, rgba(7, 7, 7, .88) 29%, rgba(12, 10, 8, .54) 55%, rgba(19, 13, 9, .22) 100%), url("../../../upload/market/market-energy.jpg");
}

.market-asset--crypto {
    background-image: linear-gradient(90deg, rgba(7, 7, 7, .96) 0%, rgba(7, 7, 7, .88) 30%, rgba(12, 10, 8, .5) 58%, rgba(19, 13, 9, .2) 100%), url("../../../upload/market/market-cryptocurrencies.jpg");
}

.market-asset__content {
    max-width: 380px;
}

.market-asset h2 {
    margin: 0;
    color: #e3b990;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.18;
}

.market-asset p {
    margin: 16px 0 0;
    color: rgba(255, 255, 255, .68);
    font-size: 11px;
    font-weight: 300;
    line-height: 1.65;
}

.market-asset__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(13, 14, 13, .88) 0%, rgba(23, 22, 18, .82) 52%, rgba(62, 43, 31, .78) 100%);
}

    .market-asset__table th,
    .market-asset__table td {
        height: 39px;
        padding: 0 34px;
        border-bottom: 1px solid rgba(255, 255, 255, .06);
        color: rgba(255, 255, 255, .86);
        font-size: 11px;
        font-weight: 300;
        line-height: 1.25;
        text-align: center;
        vertical-align: middle;
    }

.market-asset__table tbody tr:last-child td {
    border-bottom: 0;
}

.market-asset__table thead th {
    height: 37px;
    background: rgba(77, 57, 39, .58);
    color: #e3b990;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.market-asset__table th:nth-child(1),
.market-asset__table td:nth-child(1) {
    width: 38%;
}

.market-asset__table th:nth-child(2),
.market-asset__table td:nth-child(2) {
    width: 28%;
}

.market-asset__table th:nth-child(3),
.market-asset__table td:nth-child(3) {
    width: 34%;
}

.market-overview__note {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 36px;
    margin: 24px auto 0;
    padding: 8px 14px;
    border: 1px solid rgba(198, 155, 90, .22);
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(44, 27, 15, .72), rgba(84, 65, 46, .82));
    color: rgba(255, 255, 255, .72);
    font-size: 11px;
    font-weight: 300;
    line-height: 1.35;
}

.market-overview__note span {
    width: 18px;
    height: 18px;
    display: inline-flex;
    flex: 0 0 18px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(198, 155, 90, .62);
    border-radius: 50%;
    color: #c29673;
    font-size: 12px;
    font-weight: 800;
}

@media (max-width: 991px) {
    .market-overview__highlights {
        grid-template-columns: 1fr;
    }

    .market-overview__highlight {
        grid-template-columns: minmax(0, 1fr) 120px;
    }
}

@media (max-width: 767px) {
    .market-overview {
        padding: 42px 20px 58px;
    }

    .market-forex {
        padding: 34px 20px 18px;
    }

    .market-asset {
        min-height: 0;
        margin-top: 34px;
        padding: 34px 20px 18px;
        background-position: center right;
    }

    .market-forex h1 {
        font-size: 28px;
    }

    .market-asset h2 {
        font-size: 28px;
    }

    .market-forex__table,
    .market-asset__table {
        min-width: 760px;
    }

    .market-overview__note {
        align-items: flex-start;
    }
}

@media (max-width: 420px) {
    .market-overview__highlight {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .market-overview__highlight img {
        justify-self: center;
        max-width: 130px;
    }
}

.market-forex h1,
.market-asset h2 {
    font-size: 34px;
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: 0;
    text-transform: uppercase;
}

.market-forex p,
.market-asset p {
    font-size: 16px;
    font-weight: 200;
    line-height: 22px;
    letter-spacing: 0;
}

@media (max-width: 767px) {
    .market-forex h1,
    .market-asset h2 {
        font-size: 28px;
    }

    .market-forex p,
    .market-asset p {
        font-size: 17px;
    }
}

.market-forex__table,
.market-asset__table {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(198, 155, 90, .18);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(23, 14, 8, .74) 0%, rgba(31, 21, 14, .82) 60%, rgba(70, 52, 35, .74) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 18px 34px rgba(0, 0, 0, .42);
    backdrop-filter: blur(1px);
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease, background .35s ease;
}

.market-forex__table::before,
.market-asset__table::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 24px;
    right: 24px;
    z-index: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255, 228, 195, .9), transparent);
    filter: blur(.2px);
    opacity: .82;
}

.market-forex__table::after,
.market-asset__table::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: radial-gradient(circle at 50% 0%, rgba(255, 226, 188, .12), transparent 34%);
    pointer-events: none;
}

.market-forex__table:hover,
.market-asset__table:hover {
    border-color: rgba(198, 155, 90, .52);
    background: linear-gradient(180deg, rgba(28, 17, 10, .82) 0%, rgba(37, 25, 16, .88) 56%, rgba(82, 60, 40, .82) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 22px 44px rgba(0, 0, 0, .5), 0 0 22px rgba(198, 155, 90, .12);
}

.market-forex__table th,
.market-forex__table td,
.market-asset__table th,
.market-asset__table td {
    position: relative;
    z-index: 1;
}

.market-forex__table {
    margin-top: 40px;
}

.market-asset__table {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .market-forex__table,
    .market-asset__table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
    }

    .market-forex__table thead,
    .market-forex__table tbody,
    .market-asset__table thead,
    .market-asset__table tbody {
        display: table;
        width: 100%;
    }
}

.market-forex,
.market-asset {
    min-height: 0;
    padding: 0 24px 24px;
    background: #050505;
}

.market-forex::before,
.market-asset::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    height: 258px;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    pointer-events: none;
}

.market-forex::before {
    background-image: linear-gradient(90deg, rgba(7, 7, 7, .96) 0%, rgba(7, 7, 7, .88) 30%, rgba(12, 10, 8, .5) 58%, rgba(19, 13, 9, .12) 100%), url("../../../upload/market/market-forex.jpg");
}

.market-asset--metals::before {
    background-image: linear-gradient(90deg, rgba(7, 7, 7, .96) 0%, rgba(7, 7, 7, .9) 26%, rgba(12, 10, 8, .58) 54%, rgba(19, 13, 9, .18) 100%), url("../../../upload/market/market-metals.jpg");
}

.market-asset--indices::before {
    background-image: linear-gradient(90deg, rgba(7, 7, 7, .96) 0%, rgba(7, 7, 7, .88) 28%, rgba(12, 10, 8, .54) 54%, rgba(19, 13, 9, .16) 100%), url("../../../upload/market/market-indices.jpg");
}

.market-asset--energy::before {
    background-image: linear-gradient(90deg, rgba(7, 7, 7, .96) 0%, rgba(7, 7, 7, .88) 29%, rgba(12, 10, 8, .54) 55%, rgba(19, 13, 9, .18) 100%), url("../../../upload/market/market-energy.jpg");
}

.market-asset--crypto::before {
    background-image: linear-gradient(90deg, rgba(7, 7, 7, .96) 0%, rgba(7, 7, 7, .88) 30%, rgba(12, 10, 8, .5) 58%, rgba(19, 13, 9, .16) 100%), url("../../../upload/market/market-cryptocurrencies.jpg");
}

.market-forex__content,
.market-asset__content {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    min-height: 258px;
    padding: 54px 12px 28px;
}

.market-forex__table,
.market-asset__table {
    z-index: 2;
    width: 100%;
    margin: 0 0 0;
}

@media (max-width: 767px) {
    .market-forex,
    .market-asset {
        padding: 0 12px 12px;
    }

    .market-forex::before,
    .market-asset::before {
        height: 280px;
        background-position: top right;
    }

    .market-forex__content,
    .market-asset__content {
        min-height: 280px;
        padding: 34px 8px 22px;
    }
}

.market-overview__highlight,
.market-forex__table,
.market-asset__table {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(13, 13, 13, .98) 0%, rgba(13, 13, 13, .94) 47%, rgba(87, 64, 46, .82) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 18px 34px rgba(0, 0, 0, .42);
    backdrop-filter: blur(1px);
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease, background .35s ease;
}

    .market-overview__highlight:hover,
    .market-forex__table:hover,
    .market-asset__table:hover {
        transform: translateY(-6px);
        border-color: rgba(198, 155, 90, .55);
        background: linear-gradient(135deg, rgba(13, 13, 13, .98) 0%, rgba(13, 13, 13, .94) 47%, rgba(87, 64, 46, .82) 100%);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 22px 46px rgba(0, 0, 0, .48), 0 0 28px rgba(198, 155, 90, .12);
    }