:root{
    --blue-color: #043a5b;
    --green-color: #198754;
    --white-color: #fff;
}


body {
direction: rtl;
text-align: right;
font-family: "Rubik", sans-serif;
background: #fafffa;
font-size: 0.8rem;
}

a{color:var(--green-color); text-decoration:none;}
.blue-bg{background: var(--blue-color);}
.green-bg{background: var(--green-color);}
.white-text{color:var(--white-color);}


.top-button{color:var(--blue-color);}

nav.sticky-top{
    background: white;
    border-bottom: 1px #eee solid;
    box-shadow: 1px 1px 5px #ddd;
}
input,select {
    text-align: right;
}

i {
    color: var(--green-color);
    margin-left: 5px;
}

.btn-primary{background-color:var(--green-color); border-color:var(--green-color);}
form i {
    margin-right: 5px;
}


#last_news {
    margin-top: 20px;
    padding: 20px 0;
    border-top: 1px #308752 solid;
    max-width: 600px;
    margin: 0 auto;
    width: 90%;
}

#last_news h2 {
    margin: 0px 0 20px;
    text-align: center;
    color: #308752;
}

#last_news h3 {
    font-size: 1rem;
}


#resultDZ i {
    color: #fff;
}

#fetchRatesBtn{
    background: #318e16;
    color: #fff;
    font-size: 0.8rem;
}
#loadingMessage {
display: none;
font-size: 1.2em;
color: red;
margin-bottom: 10px;
}
/* Style for the sidebar */
.sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidebar a {
    padding: 10px 15px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidebar a:hover {
    color: #f1f1f1;
}

.sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
/* Style the dropdown to display flags */
#currency {
  background-image: url('../images/flags/default.svg');
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 40px; /* Adjust padding for the flag */
}

#currency option {
  padding-left: 30px; /* Adjust padding for the flag */
}

#currency option[data-icon] {
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 40px;
}

#currency option[value="usd"] {
  background-image: url('../images/flags/usd.svg');
}

#currency option[value="eur"] {
  background-image: url('../images/flags/eur.svg');
}

#currency option[value="qar"] {
  background-image: url('../images/flags/qar.svg');
}

#currency option[value="aed"] {
  background-image: url('../images/flags/aed.svg');
}

#currency option[value="lyd"] {
  background-image: url('../images/flags/lyd.svg');
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    margin: 0;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    white-space: nowrap;
}
.navbar-toggler {
    border: 0;
    padding: 5px 0 5px 0;
    outline: none;
}
.navbar-toggler:focus{
    box-shadow:none !important;
}
.res_all.res_6, .res_all.res_5, .res_all.res_4{
    display: none;
}
label {    font-size: 1rem;}
#currency,#carPrice,#engineSize,#shippingCost {
    font-size: .8rem;
    color: #999 !important;
}