*{
    direction: rtl !important; 
}

.ltr{
    direction: ltr
} 

#numbers .card *{ 
    direction: ltr;
}

.text-end {
    text-align: left!important;
}

.text-start {
    text-align: right!important;
}

.form-select{
  background-position: left 0.75rem center;
}

.carousel-control-prev{
  left: 0 !important;
  right: auto;
}

.carousel-control-next{
  right: 0 !important;
  left: auto;
}

#numbers .card{ 
  border-right: 6px solid;   
  border-left: 0;   
  border-color:  #ffffff;
}

#services-numbers .float-end img{
  rotate: 0deg;
}

.accordion-button::after{
  margin-right: auto;
  margin-left: initial;
}

.form-floating label{
  right: 0; 
  left: auto;
  padding: 1rem .25rem;
}
.reverse{
  right: auto;
  left:0
}


@media (max-width: 576px) {  
    #offcanvasNavbar{
    right:0;
  }

  .dropdown-toggle::after{ 
    float: left;
    margin-left: 5px;  
    rotate: 0deg;
  }
  
  .dropdown-toggle.show::after{ 
    rotate: -90deg;
    margin-top: 5px;
    margin-left: 10px; 
  }

  .carousel .card-body {
    padding: 5px 5px 5px 0px;
  }
}