@font-face {
    font-family: "dataFont";
    src: url("fonts/ds_digital/DS-DIGIB.TTF");
}

body{
    display: flex;
    flex-direction: column;
    height:100vh;
    margin: 0;
    padding: 0;
  }
  
  .container-fluid{
    flex: 1;
  }

.text-2, .text-3, .text-4, .text-5 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

.text-1 {
    font-size: 1.1vw;
}

.text-2 {
    font-size: 2vw;
}

.text-3 {
    font-size: 1.5vw;
}

.text-4 {
    font-size: 1.3vw;
}

.text-5 {
    font-size: 1.3vw!important;
}

.bg-shukrgreen {
   background-color: #04483B!important; 
}

.bg-shukrgold {
    background-color: #DEBF73!important;
}

.text-shukrgreen{
    color: #04483B!important;
}

.text-shukrgold{
    color: #DEBF73!important;
}

.icon-white{
    filter: invert(91%) sepia(100%) saturate(38%) hue-rotate(19deg) brightness(110%) contrast(110%);
}

.icon-gold{
    filter: invert(75%) sepia(61%) saturate(280%) hue-rotate(2deg) brightness(92%) contrast(92%);
}

.border-shukrgreen{
    border-color: #04483B!important;
}

.logo-img {
    width: 12vw;
    height: auto;
}

.lang-icon{
    width: 2.5vw;
    height: auto;
    opacity: 0.3;
}

.lang-active{
    opacity: 1.0!important;
}

.currency-data{
    font-family: "dataFont"!important;
    font-size: 5vw;
    font-weight: 500;
    text-align: right!important;
}

.data-brand{
    color: #DEBF73!important;
    background-color: #232323!important;
    border-radius: 0.4rem!important;
}

.currency-flag{
    width: 5vw;
    height: auto;
}

.contact-icon{
    width: 1.5vw;
    height: auto;
    filter: invert(21%) sepia(18%) saturate(2700%) hue-rotate(125deg) brightness(92%) contrast(97%);
}

.contact-brand{
    color: #04483B!important;
    background-color: #DEBF73!important;
}

.splide__slide {
    padding: 0.5rem!important;
}

#ticker{
    background-color:#033b31;
    height:2.5vw;
    position:relative;
    overflow:hidden;
    font-size: 1.3vw;
    border-radius: 0.4rem;
    width: 90%;
  }

.ads-img {
    width: 100%;
    height: auto;
}
  