/*$custom-control-indicator-checked-color: $primary;
$custom-control-indicator-checked-border-color: $gray-300;
$custom-control-indicator-checked-bg: #ffffff;
$custom-control-indicator-bg:$primary;*/

body.rtl {
  direction: rtl;
  /* font-family: var(--font-family-rtl) !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-auto {
  margin-right: initial !important;
  margin-left: auto !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rtl .ml-20 {
  margin-right: 20px !important;
  margin-left: initial !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .rtl .mr-sm-5 {
    margin-left: 5px !important;
    margin-right: initial !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .rtl .ml-sm-20 {
    margin-right: 20px !important;
    margin-left: initial !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .rtl .mr-md-5 {
    margin-left: 5px !important;
    margin-right: initial !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .rtl .ml-md-20 {
    margin-right: 20px !important;
    margin-left: initial !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
  .rtl .mr-lg-5 {
    margin-left: 5px !important;
    margin-right: initial !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .rtl .ml-lg-20 {
    margin-right: 20px !important;
    margin-left: initial !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
  .rtl .mr-xl-5 {
    margin-left: 5px !important;
    margin-right: initial !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .rtl .ml-xl-20 {
    margin-right: 20px !important;
    margin-left: initial !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .rtl .pl-xl-50 {
    padding-right: 50px !important;
    padding-left: initial !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;
}

.rtl .footer .subscribe-input .btn {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  font-weight: 300;
  margin-left: 0px;
  margin-right: -8px;
}
.rtl .float-whatsapp {
  right: unset;
  left: 20px;
  border: 1px solid #6A578A;
  box-shadow: -3px 3px 0px 0px #6A578A;
}
.tp-caption{
  font-family: Cairo !important;
}
.rtl #app .custom-drop-hide .custom-dropdown-body{
  right: 0 !important;
  left: auto !important;
}
.rtl #app .custom-drop-hide .custom-dropdown-body::after {
  left: auto !important;
  right: 15px !important;
}
.rtl .custom-radio{
  padding-right: 0;
  padding-left: 0 !important;
}
.custom-control-label::before{
  right: -2rem !important;
  left:0 !important;
}
.custom-control-label::after{
  right: -0.75rem;
  left:0;
}
.rtl .service-details-numbers img{
  margin-left: 0;
  margin-right: -50px;
}
.rtl .ms-3{
  margin-left: 0 !important;
  margin-right: 20px;
}
.pe-15{
  padding-right: 0 !important;
  padding-left: 15px;
}
.rtl #filtersAccordion .sidebar-filter-item{
  flex-flow: row-reverse;
  justify-content: flex-end !important;
}
.rtl #filtersAccordion .sidebar-filter-item  .custom-control-input{
  left: auto !important;
  right:0;
}
.rtl #filtersAccordion .sidebar-filter-item  .custom-control{
  padding-left: 0 !important;
  /*padding-right: 2rem;*/
}
.rtl .custom-switch {
  padding-right: 3.125rem;
  padding-left: 0 !important;
}
.rtl .learning-page-tabs .custom-control-label::after{
  right: -10px !important;
  left: 0 !important;
}
.rtl .panel-content  .custom-control-label::before {
  /*right: -3rem !important;*/
  right: -1.68rem !important;
  left: 0 !important;
}
.rtl .panel-content  .custom-control-label::after {
  right: -1.68rem;
  left: 0;
}
.rtl .quiz-form .finish{
  margin-left: auto;
  margin-right: 0;

}
.accordion .custom-control-label::after{
  right: -2rem;
  left:0;
}
 .panel-content .custom-switch .custom-control-label::after{
   right: -0.3rem;
 }
 .jq-toast-single{
   font-family: Cairo;
 }
 @media (min-width: 576px){
   .text-sm-start{
     text-align: right !important;
   }
 }