@font-face {
    font-family: "frutiger_lt_arabic";
    font-weight: 400;
    src: url("../font/frutiger/woff/frutiger_light.woff");
}

@font-face {
    font-family: "frutiger_lt_arabic";
    font-weight: 500;
    src: url("../font/frutiger/woff/frutiger_roman.woff");
}

@font-face {
    font-family: "frutiger_lt_arabic";
    font-weight: 600;
    src: url("../font/frutiger/woff/frutiger_bold.woff");
}

@font-face {
    font-family: "frutiger_lt_arabic";
    font-weight: 700;
    src: url("../font/frutiger/woff/frutiger_black.woff");
}

@font-face {
    font-family:'Ubuntu regular';
    src:url("../font/ubuntu/ubuntu-regular.woff2") format("woff2"),
    url("../font/ubuntu/ubuntu-regular.woff") format("woff"),
    url("../font/ubuntu/ubuntu-regular.ttf") format("truetype");
    /*url("../font/ubuntu/ubuntu-regular.svg#ubunturegular") format("svg");*/
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:'Ubuntu bold';
    /*src:url(/UQU-UI/common/fonts/ubuntu-bold.eot);*/
    src:url(../font/ubuntu/ubuntu-bold.woff2) format("woff2"),
    url(../font/ubuntu/ubuntu-bold.woff) format("woff"),
    url(../font/ubuntu/ubuntu-bold.ttf) format("truetype");
    /*url(../font/ubuntu/ubuntu-bold.svg#ubuntubold) format("svg");*/
    font-weight:700;
    font-style:normal
}
@font-face {
    font-family:'Droid Arabic Kufi Regular';
    font-style:normal;
    font-weight:400;
    /*src:url(/UQU-UI/common/fonts/DroidKufi-Regular.eot);*/
    src:url("../font/droidkufi/DroidKufi-Regular.woff2") format("woff2"),
    url("../font/droidkufi/DroidKufi-Regular.woff") format("woff"),
    url("../font/droidkufi/DroidKufi-Regular.ttf") format("truetype")
}
@font-face {
    font-family:'Droid Arabic Kufi Bold';
    font-style:normal;
    font-weight:700;
    src:url("../font/droidkufi/DroidKufi-Bold.woff2") format("woff2"),
    url("../font/droidkufi/DroidKufi-Bold.woff") format("woff"),
    url("../font/droidkufi/DroidKufi-Bold.ttf") format("truetype")
}

body,
div,
span,
a,
p,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Arabic Kufi Regular" !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
.slide-content{
    font-family: "Droid Arabic Kufi Bold" !important;
}
body {
    direction: rtl;
    font-family: "Droid Arabic Kufi Regular" !important;
    letter-spacing: 0px !important;
}
body * {
    letter-spacing: 0px !important;
}
i,
body a i,
.fab,
.far {
    font-family: "Font Awesome 5 Free" !important;
}
.fab,
body a .fab {
    font-family: "Font Awesome 5 Brands" !important;
}
.dir-ltr,
.owl-carousel {
    direction: ltr;
}
.course-container {
    direction: rtl;
}
.dropdown-menu,
.select2-container
    .select2-dropdown
    .select2-results
    ul
    .select2-results__option,
.form-style .form-control {
    text-align: right;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    width: 20px;
    height: 20px;
    left: 25px;
    position: absolute;
}
label.container-radio {
    padding-right: 34px !important;
}

.details-news ul li img {
    margin-right: 0;
    margin-left: 7px;
}
.select2-container
    .select2-dropdown
    .select2-results
    ul
    .select2-results__option {
    padding-left: 0;
    padding-right: 33px;
}
.select2-container
    .select2-dropdown
    .select2-results
    ul
    .select2-results__option:before {
    right: 5px;
    left: unset;
}
.password-container a {
    right: unset;
    left: 0;
}
.form-style .form-style-container h4 span {
    left: -70px;
    right: unset;
}
.select2.select2-container .select2-selection .select2-selection__arrow {
    right: unset;
    left: 0;
}
.accordion-lecture .panel-default > .panel-heading a span:last-child,
.accordion-lecture .row-lecture a span,
.traniee-section .details-container h4 .rate-inline {
    float: left;
}
.nav-pills > li,
.rating-tab .progress-line .progress .progress-bar {
    float: right;
}
.rating-part-container {
    margin-left: 35px;
    margin-right: 0;
}
/* .nav-pills > li + li {
    margin-right: 20px;
    margin-left: 0;
} */
/* .sidebar-course-details {
    margin-right: 60px;
    margin-left: 0;
} */
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 8px !important;
    padding-left: 20px;
    text-align: right;
}
.sidebar-course-details > .row .btn-theme i {
    margin-right: 0;
    margin-left: 5px;
}
.padd-end-0 {
    padding-left: 0;
    padding-right: 15px;
}

.input-search-form input {
    border-radius: 0 5px 5px 0;
}
.input-search-form .input-group-addon {
    border-radius: 5px 0 0 5px;
    border-left: 1px solid #ccc;
    border-right: 0;
}
.rowItemcart .RemoveItem {
    right: unset;
    left: 10px;
}
.box-message .delete-message img {
    left: 10px;
}
.semester-nav li a {
    margin-right: 0;
}
.accordion-lecture.single-video-accordion {
    border-right: 1px solid #eee;
}
.container-profile.collapse-profile
    .sidebar-profile
    .sidebar-profile-container
    .sidebar-profile-header
    .collapse-btn {
    transform: rotate(180deg);
}

[class*="col-"] {
    float: right;
}

@media (min-width: 768px) {
    .sidebar-profile
        .sidebar-profile-container
        .sidebar-profile-body
        .list-profile
        li
        .link-row {
        padding-right: 55px;
    }
    .sidebar-profile
        .sidebar-profile-container
        .sidebar-profile-body
        .list-profile
        li
        .link-row:before {
        right: 12px;
    }
    .hint-change-password {
        padding-left: 20%;
    }
    .col-md-offset-1 {
        margin-left: 0;
        margin-right: 8.33333333%;
    }
    .cart-dropdown .dropdown-menu {
        right: unset;
        left: -45px;
    }

    .navbar-header,
    .navbar-nav,
    .navbar-left,
    .navbar-nav > li {
        float: right !important;
    }
    .navbar-right {
        float: left !important;
    }
}
.course-container .img-container .details-header .wishlist {
    left: 5px;
}
@media (max-width: 768px) {
    .cart-details-container .cart-section .action-course {
        float: left;
    }
    .row-my-profile-container .row-my-profile p {
        text-align: right;
    }
}
.search-card {
    padding-inline-start: 10px;
    margin-inline-start: 15px;
    border-inline-start: 2px solid rgba(0, 0, 0, 0.1);
}

.SidebarContainer .SidebarContent .SidebarBody .rowItemcart .RemoveItem {
    left: 10px;
}
.search-container input {
    padding-right: 10px;
    padding-left: 50px;
}
.input-search-form.input-group .form-control:first-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.search-container .btn-search-submit {
    left: 20px;
    right: unset;
}
.sidebar-profile {
    padding-left: 3px;
}
.sidebar-profile
    .sidebar-profile-container
    .sidebar-profile-header
    .collapse-btn {
    left: 10px;
}
.container-profile.collapse-profile
    .sidebar-profile
    .sidebar-profile-container
    .sidebar-profile-header
    .collapse-btn {
    left: 5px;
}
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
    text-align: right;
}
.products .category-list a .icon,
.products .category-list a .icon img {
    margin-left: 7px;
}
.related-products .product-card .card-body .price .offer {
    right: revert;
    left: 0;
}
.related-products .product-card p .course-type:before {
    right: -15px;
    left: inherit;
}
.course-group .course-card .content .icon {
    margin-left: 15px;
    margin-right: 0px;
}
.course-group .course-card .content.border-right {
    border-right: none !important;
    border-left: 2px solid #cacaca !important;
}
.plus {
    left: 15px;
    right: unset;
}
.question {
    padding-left: 30px;
    padding-right: 15px;
}
.answers ul li::before {
    margin-right: 0;
    margin-left: 5px;
}
.answers ul {
    padding: 0 10px !important;
}
.live-online .course-group .course-card .content {
    flex-direction: row-reverse;
}
.course-group .option_details ul li {
    padding-right: 30px;
    padding-left: 0;
}
.option_details ul li::before {
    left: unset;
    right: 5px;
}
.explore-mega-menu .menu-wrapper > .dropdown-menu {
    left: revert;
    right: 155px;
}
.explore-mega-menu .menu-wrapper button.dropdown-item .sub-menu {
    right: 100%;
    left: auto;
}