@font-face {
  font-family: 'Cairo';
  /*a name to be used later*/
  src: url('fonts/Cairo-Regular.ttf');
  /*URL to font*/
}

@font-face {
  font-family: 'Cairo-Black';
  /*a name to be used later*/
  src: url('fonts/Cairo-Black.ttf');
  /*URL to font*/
}

.breadcrumb-item+.breadcrumb-item {
  padding-right: 0.5rem !important;
  padding-left: 0px !important;
}

.breadcrumb-item+.breadcrumb-item:before {
  display: inline-block;
  padding-left: 0.5rem !important;
  padding-right: 0px !important;
  color: #858585;
  content: "/";
}

body.rtl {
  direction: rtl;
  font-family: Cairo !important;
  text-align: right;
}

body.rtl .text-left {
  text-align: right !important;
}

body.rtl .text-right {
  text-align: left !important;
}

body.rtl .dropdown-menu {
  text-align: right !important;
}

.rtl .mr-5 {
  margin-left: 5px !important;
}

.rtl .mr-5,
.rtl .mr-10 {
  margin-right: 0 !important;
}

.rtl .mr-10 {
  margin-left: 10px !important;
}

.rtl .mr-15 {
  margin-left: 15px !important;
}

.rtl .mr-15,
.rtl .mr-20 {
  margin-right: 0 !important;
}

.rtl .mr-20 {
  margin-left: 20px !important;
}

.rtl .mr-25 {
  margin-left: 25px !important;
}

.rtl .mr-25,
.rtl .mr-30 {
  margin-right: 0 !important;
}

.rtl .mr-30 {
  margin-left: 30px !important;
}

.rtl .mr-35 {
  margin-left: 35px !important;
}

.rtl .mr-35,
.rtl .mr-40 {
  margin-right: 0 !important;
}

.rtl .mr-40 {
  margin-left: 40px !important;
}

.rtl .mr-45 {
  margin-left: 45px !important;
}

.rtl .mr-45,
.rtl .mr-50 {
  margin-right: 0 !important;
}

.rtl .mr-50 {
  margin-left: 50px !important;
}

.rtl .ml-5 {
  margin-right: 5px !important;
}

.rtl .ml-5,
.rtl .ml-10 {
  margin-left: 0 !important;
}

.rtl .ml-10 {
  margin-right: 10px !important;
}

.rtl .ml-15 {
  margin-right: 15px !important;
  margin-left: 0 !important;
}

footer .ml-20 {
  margin-left: 10px !important;
}

.rtl .ml-25 {
  margin-right: 25px !important;
  margin-left: 0 !important;
}

.rtl .ml-30 {
  margin-right: 30px !important;
  margin-left: 0 !important;
}

.rtl .ml-35 {
  margin-right: 35px !important;
  margin-left: 0 !important;
}

.rtl .ml-40 {
  margin-right: 40px !important;
  margin-left: 0 !important;
}

.rtl .ml-45 {
  margin-right: 45px !important;
  margin-left: 0 !important;
}

.rtl .ml-50 {
  margin-right: 50px !important;
  margin-left: 0 !important;
}

.rtl .pr-5 {
  padding-left: 5px !important;
}

.rtl .pr-5,
.rtl .pr-10 {
  padding-right: 0 !important;
}

.rtl .pr-10 {
  padding-left: 10px !important;
}

.rtl .pr-15 {
  padding-left: 15px !important;
}

.rtl .pr-15,
.rtl .pr-20 {
  padding-right: 0 !important;
}

.rtl .pr-20 {
  padding-left: 20px !important;
}

.rtl .pr-25 {
  padding-left: 25px !important;
}

.rtl .pr-25,
.rtl .pr-30 {
  padding-right: 0 !important;
}

.rtl .pr-30 {
  padding-left: 30px !important;
}

.rtl .pr-35 {
  padding-left: 35px !important;
}

.rtl .pr-35,
.rtl .pr-40 {
  padding-right: 0 !important;
}

.rtl .pr-40 {
  padding-left: 40px !important;
}

.rtl .pr-45 {
  padding-left: 45px !important;
}

.rtl .pr-45,
.rtl .pr-50 {
  padding-right: 0 !important;
}

.rtl .pr-50 {
  padding-left: 50px !important;
}

.rtl .pl-5 {
  padding-right: 5px !important;
}

.rtl .pl-5,
.rtl .pl-10 {
  padding-left: 0 !important;
}

.rtl .pl-10 {
  padding-right: 10px !important;
}

.rtl .pl-15 {
  padding-right: 15px !important;
}

.rtl .pl-15,
.rtl .pl-20 {
  padding-left: 0 !important;
}

.rtl .pl-20 {
  padding-right: 20px !important;
}

.rtl .pl-25 {
  padding-right: 25px !important;
}

.rtl .pl-25,
.rtl .pl-30 {
  padding-left: 0 !important;
}

.rtl .pl-30 {
  padding-right: 30px !important;
}

.rtl .pl-35 {
  padding-right: 35px !important;
}

.rtl .pl-35,
.rtl .pl-40 {
  padding-left: 0 !important;
}

.rtl .pl-40 {
  padding-right: 40px !important;
}

.rtl .pl-45 {
  padding-right: 45px !important;
}

.rtl .pl-45,
.rtl .pl-50 {
  padding-left: 0 !important;
}

.rtl .pl-50 {
  padding-right: 50px !important;
}

.rtl .mr-auto {
  margin-right: 0 !important;
  margin-left: auto !important;
}

.rtl .ml-auto {
  margin-left: 0 !important;
  margin-right: auto !important;
}

.rtl .flagstrap-icon {
  margin-right: 0 !important;
  margin-left: 5px;
}

.rtl .input-group {
  direction: ltr;
}

.rtl .input-group input {
  direction: rtl;
}

.rtl .form-check {
  padding-left: 0;
  padding-right: 1.25rem;
}

.rtl .form-check .form-check-input {
  margin-left: 0;
  margin-right: -1.25rem;
}

.rtl .custom-switch {
  margin-right: -10px;
}