.msr-rates {
    --msr-primary:#00397C;
    --msr-primary-hover:#0056B3;
    --msr-accent:#00A3A3;
    --msr-background:#F6F9FC;
    --msr-text:#1F2937;
    --msr-muted:#667085;
    --msr-border:#E5E7EB;
    --msr-success:#10B981;
    --msr-danger:#EF4444;
    width:100%;
    padding:24px 0 50px;
    color:var(--msr-text);
    font-family:inherit;
    direction:rtl
}
.msr-rates,.msr-rates *,.msr-rates *::before,.msr-rates *::after {
    box-sizing:border-box
}
.msr-rates__container {
    width:min(1120px,calc(100% - 32px));
    margin:0 auto
}
.msr-rates__panel {
    padding:30px;
    background:#fff;
    border:1px solid var(--msr-border);
    border-radius:24px;
    box-shadow:0 18px 55px rgba(15,35,60,.09);
    overflow:hidden
}
.msr-rates__heading {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px
}
.msr-rates__label {
    display:inline-flex;
    color:var(--msr-primary);
    font-size:11px;
    font-weight:800;
    line-height:1
}
.msr-rates__heading h2 {
    margin:7px 0 0;
    padding:0;
    color:#172B45;
    font-size:27px;
    font-weight:900;
    line-height:1.4
}
.msr-rates__badge {
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    color:#087A4F;
    background:#ECFDF3;
    border:1px solid #D1FAE5;
    border-radius:999px;
    font-size:10px;
    font-weight:800;
    line-height:1.4;
    white-space:nowrap
}
.msr-rates__badge i {
    width:7px;
    height:7px;
    display:block;
    flex:0 0 7px;
    background:var(--msr-success);
    border-radius:50%;
    box-shadow:0 0 0 4px rgba(16,185,129,.1)
}
.msr-rates__note {
    margin:12px 0 20px;
    padding:0;
    color:var(--msr-muted);
    font-size:11px;
    line-height:1.9
}
.msr-rates__table {
    width:100%;
    overflow:hidden;
    border:1px solid var(--msr-border);
    border-radius:17px;
    background:#fff
}
.msr-rates__row {
    min-height:82px;
    padding:13px 18px;
    display:grid;
    grid-template-columns:minmax(220px,1.5fr) minmax(130px,.75fr) minmax(160px,.8fr) minmax(110px,.55fr);
    align-items:center;
    gap:14px;
    border-bottom:1px solid var(--msr-border)
}
.msr-rates__row:last-child {
    border-bottom:0
}
.msr-rates__row:not(.msr-rates__header):hover {
    background:#FBFDFF
}
.msr-rates__header {
    min-height:45px;
    color:var(--msr-muted);
    background:var(--msr-background);
    font-size:10px;
    font-weight:800
}
.msr-rates__row--featured {
    background:linear-gradient(90deg,rgba(0,57,124,.045),rgba(0,163,163,.015))
}
.msr-rates__currency {
    min-width:0;
    display:flex;
    align-items:center;
    gap:12px
}
.msr-rates__icon {
    width:44px;
    height:44px;
    flex:0 0 44px;
    display:grid;
    place-items:center;
    border-radius:13px
}
.msr-rates__icon svg {
    width:23px;
    height:23px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round
}
.msr-rates__icon--gbp {
    color:var(--msr-primary);
    background:#EAF2FC
}
.msr-rates__icon--usd {
    color:#087A4F;
    background:#ECFDF3
}
.msr-rates__icon--eur {
    color:#B45309;
    background:#FFF7ED
}
.msr-rates__currency-text {
    min-width:0;
    display:flex;
    flex-direction:column;
    line-height:1.55
}
.msr-rates__currency-text strong {
    color:var(--msr-text);
    font-size:13px;
    font-weight:900
}
.msr-rates__currency-text small {
    color:var(--msr-muted);
    font-size:9px;
    font-weight:600
}
.msr-rates__currency em {
    margin-right:3px;
    padding:4px 8px;
    color:var(--msr-primary);
    background:#EAF2FC;
    border:1px solid #DCEAF9;
    border-radius:999px;
    font-size:8px;
    font-style:normal;
    font-weight:900;
    line-height:1.4;
    white-space:nowrap
}
.msr-rates__price {
    display:flex;
    flex-direction:column;
    line-height:1.55
}
.msr-rates__price strong {
    color:var(--msr-text);
    font-size:15px;
    font-weight:900;
    letter-spacing:-.2px
}
.msr-rates__price small {
    color:var(--msr-muted);
    font-size:9px
}
.msr-rates__change {
    display:flex;
    align-items:center;
    gap:8px
}
.msr-rates__change-icon {
    width:30px;
    height:30px;
    flex:0 0 30px;
    display:grid;
    place-items:center;
    border-radius:9px
}
.msr-rates__change-icon svg {
    width:16px;
    height:16px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round
}
.msr-rates__change-value {
    display:flex;
    flex-direction:column;
    line-height:1.5
}
.msr-rates__change-value strong {
    font-size:12px;
    font-weight:900
}
.msr-rates__change-value small {
    color:currentColor;
    font-size:8px;
    opacity:.75
}
.msr-rates__change--up {
    color:var(--msr-success)
}
.msr-rates__change--up .msr-rates__change-icon {
    background:#ECFDF3
}
.msr-rates__change--down {
    color:var(--msr-danger)
}
.msr-rates__change--down .msr-rates__change-icon {
    background:#FEF2F2
}
.msr-rates__change--flat {
    color:#667085
}
.msr-rates__change--flat .msr-rates__change-icon {
    background:#F2F4F7
}
.msr-rates__action {
    display:flex;
    justify-content:flex-start
}
.msr-rates__order {
    width:100%;
    min-height:37px;
    padding:8px 12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    color:var(--msr-primary)!important;
    background:#EEF5FC;
    border:1px solid #DFEBF7;
    border-radius:10px;
    text-decoration:none!important;
    font-size:10px;
    font-weight:900;
    line-height:1.4;
    transition:.22s ease
}
.msr-rates__order svg {
    width:14px;
    height:14px;
    flex:0 0 14px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .22s ease
}
.msr-rates__order:hover {
    color:#fff!important;
    background:var(--msr-primary);
    border-color:var(--msr-primary);
    transform:translateY(-2px);
    box-shadow:0 9px 20px rgba(0,57,124,.18)
}
.msr-rates__order:hover svg {
    transform:translateX(-2px)
}
.msr-rates__more {
    min-height:72px;
    margin-top:18px;
    padding:13px 17px;
    display:flex;
    align-items:center;
    gap:13px;
    color: #ffffff!important;
    background:#00397c;
    border:1px solid #DDE9F5;
    border-radius:15px;
    text-decoration:none!important;
    transition:.25s ease
}
.msr-rates__more:hover {
    color:#fff!important;
    background:linear-gradient(90deg,var(--msr-primary),var(--msr-primary-hover));
    border-color:var(--msr-primary);
    transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(0,57,124,.16)
}
.msr-rates__more-icon {
    width:39px;
    height:39px;
    flex:0 0 39px;
    display:grid;
    place-items:center;
    background:#E8F1FA;
    border-radius:11px
}
.msr-rates__more-icon svg {
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round
}
.msr-rates__more-text {
    min-width:0;
    flex:1;
    display:flex;
    flex-direction:column;
    gap:2px;
    align-items: center;
}
.msr-rates__more-text strong {
    font-size:17px;
    font-weight:900
}
.msr-rates__more-text small {
    font-size:9px;
    opacity:.68
}
.msr-rates__more-arrow {
    width:19px;
    height:19px;
    flex:0 0 19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .25s ease
}
.msr-rates__more:hover .msr-rates__more-arrow {
    transform:translateX(-3px)
}
@media(max-width:900px) {
    .msr-rates__panel {
        padding:24px;
        border-radius:21px
    }
    .msr-rates__row {
        grid-template-columns:minmax(190px,1.4fr) minmax(115px,.7fr) minmax(130px,.75fr) minmax(100px,.55fr);
        gap:10px;
        padding-inline:13px
    }
}
@media(max-width:700px) {
    .msr-rates {
        padding:12px 0 35px
    }
    .msr-rates__container {
        width:calc(100% - 20px)
    }
    .msr-rates__panel {
        padding:18px;
        border-radius:19px
    }
    .msr-rates__heading {
        align-items:center
    }
    .msr-rates__heading h2 {
        font-size:21px
    }
    .msr-rates__badge {
        padding:6px 9px;
        font-size:8px
    }
    .msr-rates__header {
        display:none
    }
    .msr-rates__table {
        overflow:visible;
        border:0;
        background:transparent
    }
    .msr-rates__row:not(.msr-rates__header) {
        position:relative;
        min-height:0;
        margin-bottom:10px;
        padding:14px;
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:14px 10px;
        border:1px solid var(--msr-border);
        border-radius:15px;
        background:#fff;
        box-shadow:0 4px 15px rgba(15,35,60,.035)
    }
    .msr-rates__row:last-child {
        margin-bottom:0
    }
    .msr-rates__row--featured {
        background:linear-gradient(135deg,rgba(0,57,124,.055),#fff)!important
    }
    .msr-rates__currency {
        grid-column:1/-1
    }
    .msr-rates__icon {
        width:42px;
        height:42px;
        flex-basis:42px
    }
    .msr-rates__currency-text strong {
        font-size:12px
    }
    .msr-rates__currency em {
        margin-right:auto
    }
    .msr-rates__price {
        align-items:flex-start
    }
    .msr-rates__price strong {
        font-size:14px
    }
    .msr-rates__change {
        justify-content:flex-end;
        text-align:right
    }
    .msr-rates__change-icon {
        width:28px;
        height:28px;
        flex-basis:28px
    }
    .msr-rates__change-value {
        align-items:flex-start
    }
    .msr-rates__action {
        grid-column:1/-1;
        width:100%
    }
    .msr-rates__order {
        min-height:40px;
        width:100%
    }
    .msr-rates__more {
        min-height:68px;
        margin-top:13px;
        padding:11px 13px;
        border-radius:14px
    }
}
@media(max-width:390px) {
    .msr-rates__panel {
        padding:14px
    }
    .msr-rates__heading {
        flex-direction:column;
        align-items:flex-start;
        gap:10px
    }
    .msr-rates__heading h2 {
        font-size:20px
    }
    .msr-rates__currency em {
        display:none
    }
    .msr-rates__row:not(.msr-rates__header) {
        padding:12px;
        gap:12px 8px
    }
    .msr-rates__more-text strong {
        font-size:11px
    }
}

.msr-rates__icon--aed { color:#8C2633; background:#FFF1F2; }
.msr-rates__icon--usdt { color:#16816A; background:#E9F8F3; }