@font-face {
  font-family: 'main-font';
  src: url("../fonts/dinnextlt/DINNextLTW23-Regular.ttf") format("truetype"), url("../fonts/dinnextlt/DINNextLTW23-Regular.eot") format("embedded-opentype"), url("../fonts/dinnextlt/DINNextLTW23-Regular.woff") format("woff"), url("../fonts/dinnextlt/DINNextLTW23-Regular.svg#DINNextLTW23-Regular") format("svg");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: 'main-font';
  src: url("../fonts/dinnextlt/DINNextLTW23-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal
}
@font-face {
  font-family: 'main-font';
  src: url("../fonts/dinnextlt/DINNextLTW23-Bold.ttf") format("truetype"), url("../fonts/dinnextlt/DINNextLTW23-Bold.eot") format("embedded-opentype"), url("../fonts/dinnextlt/DINNextLTW23-Bold.svg#DINNextLTW23-Bold") format("svg");
  font-weight: 700;
  font-style: normal
}

:root {
  --font-heading: "main-font";
  --font-sm: 16px;
}

body {
  direction: rtl;
  text-align: right;
}

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

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

.me-2 {
  margin-right: unset !important;
  margin-left: 0.5rem !important;
}

.ps-3 {
  padding-left: unset !important;
  padding-right: 1rem !important;
}

.nice-select {
  text-align: right !important;
}
.nice-select .option {
  padding-right: 18px;
  padding-left: 29px;
  text-align: right;
}

.nice-select.right {
  float: left;
}
.nice-select.right .list {
  left: 0;
  right: auto;
}

.nice-select.left {
  float: right;
}
.nice-select.left .list {
  left: auto;
  right: 0;
}

.list-unstyled,
ul {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}

.mfp-iframe-holder .mfp-close,
.mfp-iframe-holder button.mfp-close {
  right: unset !important;
  left: 0;
  text-align: left;
}

.input-group > :not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.input-group > :not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
  padding-right: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-right: 0;
  padding-left: var(--bs-breadcrumb-item-padding-x);
}

.header-area .main-navbar .menu-dropdown {
  left: unset;
  right: 0;
}
.header-area .main-navbar .menu-dropdown .nav-link.toggle i {
  right: unset;
  left: 20px;
}
.header-area .main-navbar .menu-dropdown::before {
  left: unset;
  right: 25px;
}
.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li .menu-dropdown {
  left: unset;
  right: 200px;
}
.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li .menu-dropdown li .menu-dropdown {
  left: unset;
  right: 200px;
}
.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown {
  left: unset;
  right: 200px;
}
.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown {
  left: unset;
  right: 200px;
}
.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown {
  left: unset;
  right: 200px;
}
.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown {
  left: unset;
  right: 200px;
}
.header-area .nice-select::after {
  left: unset;
  right: 0;
}

.mobile-menu .nav-link.toggle i {
  right: unset;
  left: 0;
}

.counter-area_v1 .arrows .arrow {
  left: unset;
  right: 50%;
  transform: translate(50%, -50%);
}

.accordion-button::after {
  text-align: left;
  margin-right: auto;
  margin-left: 0;
}

.coming-soon-area .main-form .icon-link {
  right: unset;
  left: 0;
  border-radius: 0 30px 30px 0;
}

.show-password-field {
  right: unset;
  left: 16px;
}

.custom-checkbox .form-check-label::before {
  left: unset;
  right: 0;
}
.custom-checkbox input[type=checkbox] + .form-check-label::after {
  left: unset;
  right: 2px;
}

.widget-area .widget-categories .list-item > a::before {
  left: unset;
  right: 0;
}
.widget-area .widget-categories .list-item > a::after {
  left: unset;
  right: 2px;
}
.widget-area .widget .qty {
  float: left;
}

.custom-radio .form-radio-label::before {
  left: unset;
  right: 0;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -8px;
  right: auto;
}

@media (max-width: 1199px) {
  .mobile-menu {
    left: unset;
    right: -100%;
  }
  .mobile-menu-active .mobile-menu {
    visibility: visible;
    right: 0;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    transform: translateX(100%);
    left: unset;
    right: 0;
  }
  .offcanvas-lg.show:not(.hiding),
  .offcanvas-lg.showing {
    transform: none;
  }
}
.hero-banner .banner-filter-form .btn i {
  margin-left: 0px;
  margin-right: 5px;
}

/******* Custom ********/

/* --> Bootstrap RTL spacing class */
.me-0 {
  margin-left:0!important;
  margin-right:unset!important
}
.me-1 {
  margin-left:.25rem!important;
  margin-right:unset!important
}
.me-2 {
  margin-left:.5rem!important;
  margin-right:unset!important
}
.me-3 {
  margin-left:1rem!important;
  margin-right:unset!important
}
.me-4 {
  margin-left:1.5rem!important;
  margin-right:unset!important
}
.me-5 {
  margin-left:3rem!important;
  margin-right:unset!important
}

.ms-0 {
  margin-right:0!important;
  margin-left:unset!important
}
.ms-1 {
  margin-right:.25rem!important;
  margin-left:unset!important
}
.ms-2 {
  margin-right:.5rem!important;
  margin-left:unset!important
}
.ms-3 {
  margin-right:1rem!important;
  margin-left:unset!important
}
.ms-4 {
  margin-right:1.5rem!important;
  margin-left:unset!important
}
.ms-5 {
  margin-right:3rem!important;
  margin-left:unset!important
}
/* <-- Bootstrap RTL spacing class */

#botmanWidgetRoot >div{
  left: 45px !important;
}
@media only screen and (max-width: 499px){
  #botmanWidgetRoot >div{
    min-width: 64px !important;
    left: 34px !important;
    min-height: 68px !important;
  }
}
.desktop-closed-message-avatar {
  left: 10px !important;
  top: 50px !important;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 13px !important;
}
#botmanWidgetRoot .mobile-closed-message-avatar{
  display: flex !important;
  justify-content: center;
  top: 6px !important;
  right: unset !important;
  left: 5px !important;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px !important;
}
.breadcrumb-area, .course-banner{
  background-image: linear-gradient(to left, #E6FAFF 3.66%, #30C2ED 62.23%, rgba(2, 0, 83, 0.9) 118.02%);
}
.slider-instructor-box {
  left: 37%;
  right: unset;
  padding-right: 55px;
  padding-left: 65px;
  bottom: 19%;
}

.slider-instructor-box img{
  transform: scaleX(-1);
}

.hero-banner_v1 .shape img.shape-arrow {
  right: 32%;
  left: unset;
  transform: scaleX(-1);
  bottom: 26%;
}
.hero-banner_v1 .shape img.shape-book {
  right: 9%;
  left: unset;
}
.hero-banner_v1 .shape img.shape-9 {
  right: 4%;
  left: unset;
}
.hero-banner_v1 .shape img.shape-1 {
  right: 20%;
}
.hero-banner_v1 .shape img.shape-3 {
  right: 40%;
}
.hero-banner_v1 .shape img.shape-7 {
  left: 5%;
  right: unset;
}

.breadcrumb-area .shape img.shape-1 {
  right: 2%;
}
.breadcrumb-area .shape img.shape-2 {
  left: 30%;
  right: unset;
}
.breadcrumb-area .shape img.shape-3 {
  left: 10%;
  right: unset;
}
.breadcrumb-area .shape img.shape-4 {
  right: 25%;
  left: unset;
}
.breadcrumb-area.course-banner .shape img.shape-4 {
  right: 53%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-instructor-box {
    left: 31%;
    bottom: 14%;
  }
  .hero-banner_v1 .shape img.shape-arrow {
    right: 28%;
    bottom: 22%;
  }
  .hero-banner_v1 .shape img.shape-9 {
    right: 2%;
  }
  .hero-banner_v1 .shape img.shape-7 {
    left: 3%;
  }
}

.fa-long-arrow-right::before {
  content: "\f177";
}

.course-area::before {
  transform: scaleX(-1); 
}
.trainer-link a i {
  transform: translate(6px, 4px);
}
.category-area_v1 .shape img.shape-2 {
  left: 6%;
  right: unset;
}
.dropdown-menu{
  text-align: right;
}

.hero-banner .banner-image {
  left: 0;
  right: unset;
}
.course-price .discount {
  margin-right: auto;
  margin-left: unset;
}