:root {
    --mainOrange: #F26C2C;
    --mainGrey: #636466;
    --secondaryGrey: #A7A9AC;
    --greenColor: #71a033;
    --blueColor: #0469a9;
    /*    --blueColor: #034168;*/
}

/* Set the direction right to left */

* {
    direction: rtl;
    font-family: 'Cairo', sans-serif;
    box-sizing: border-box;
}

body {
    padding: 0;
}

.space-sm {
    padding: 0 0.225rem;
}

.cursor-pointer:hover {
    cursor: pointer;
}

.dynamic-text-align:lang(ar) {
    text-align: right;
}

.dynamic-text-align:lang(en) {
    text-align: left;
}

.dynamic-text-align-reverse:lang(ar) {
    text-align: left;
}

.dynamic-text-align-reverse:lang(en) {
    text-align: right;
}

.text-main {
    color: var(--mainOrange);
}

.text-grey {
    color: #636466;
}

.text-smoke {
    color: whitesmoke;
}

.text-blue {
    color: var(--blueColor) !important;
}

.bg-main {
    background-color: var(--blueColor);
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-trans-orange {
    background-color: #f26b2caf;
}

.bg-yellow {
    background-color: rgba(250, 250, 133, 0.753) !important;
}

.bg-light-blue {
    background-color: #30a9f5b7 !important;
    color: #ffffff;
}

.bg-light-green {
    background-color: rgba(29, 148, 29, 0.712) !important;
    color: #ffffff;
}

.bg-light-red {
    background-color: rgba(235, 104, 104, 0.774) !important;
    color: #ffffff;
}

.bg-light-dark {
    background-color: #000000ab !important;
    color: #ffffff;
}

/* ************************************************************************************************************** */

/* Forex Ticker Styles */

#forex-ticker-container .bn-news {
    background-color: #ffff;
    z-index: 2000;
    border-top: 1px solid rgb(230, 218, 218);
    border-bottom: 1px solid rgb(230, 218, 218);
    box-shadow: 0 0 10px var(--mainGrey);
    padding: 0 0.5rem;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

#news-ticker-container {
    border-top: 2px solid rgb(252, 160, 124);
    border-bottom: 2px solid rgb(252, 160, 124);
}

.forex-item, .news-ticker-item {
    padding: 0 1rem;
}

.forex-item .item-header {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 0.325rem 0;
}

.forex-item .item-info {
    text-align: center;
    padding: 0.25rem 0;
    font-weight: 700;
    font-size: 14px;
}

.news-ticker-item .item-header {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 0.325rem 0;
}

.news-ticker-item a:hover .item-header {
    color: rgb(231, 207, 207) !important;
}

/* ********************************************************************************** */

#news-ticker-container #newsTicker {
    background-image: linear-gradient(to right bottom, #034168c7, #034168cc), url('../../assets/images/background2.jpg');
    perspective: 1000px;
    perspective-origin: 50% 50%;
    animation: animateBackgroundImage 100s linear infinite;
}