@charset "UTF-8";
/**
 * Stisla
 *
 * Stisla is a clean & modern HTML5 admin template based on Bootstrap 4.
 * Stisla will make it easier for you to create your own admin interface.
 *
 * @package Stisla
 * @version 2.3.0
 * @author  Muhamad Nauval Azhar & Team
 * @url   https://getstisla.com
 *
 */
/* arabic */
/* Cairo ExtraLight */
@font-face {
    font-family: "Cairo";
    font-style: normal;
    font-weight: 200; /* ExtraLight */
    font-display: swap;
    src: url("../fonts/cairo/Cairo-ExtraLight.ttf") format("truetype");
}

/* Cairo Light */
@font-face {
    font-family: "Cairo";
    font-style: normal;
    font-weight: 300; /* Light */
    font-display: swap;
    src: url("../fonts/cairo/Cairo-Light.ttf") format("truetype");
}

/* Cairo Regular */
@font-face {
    font-family: "Cairo";
    font-style: normal;
    font-weight: 400; /* Regular */
    font-display: swap;
    src: url("../fonts/cairo/Cairo-Regular.ttf") format("truetype");
}

/* Cairo Medium */
@font-face {
    font-family: "Cairo";
    font-style: normal;
    font-weight: 500; /* Medium */
    font-display: swap;
    src: url("../fonts/cairo/Cairo-Medium.ttf") format("truetype");
}

/* Cairo SemiBold */
@font-face {
    font-family: "Cairo";
    font-style: normal;
    font-weight: 600; /* SemiBold */
    font-display: swap;
    src: url("../fonts/cairo/Cairo-SemiBold.ttf") format("truetype");
}

/* Cairo Bold */
@font-face {
    font-family: "Cairo";
    font-style: normal;
    font-weight: 700; /* Bold */
    font-display: swap;
    src: url("../fonts/cairo/Cairo-Bold.ttf") format("truetype");
}

/* Cairo ExtraBold */
@font-face {
    font-family: "Cairo";
    font-style: normal;
    font-weight: 800; /* ExtraBold */
    font-display: swap;
    src: url("../fonts/cairo/Cairo-ExtraBold.ttf") format("truetype");
}

/* Cairo Black */
@font-face {
    font-family: "Cairo";
    font-style: normal;
    font-weight: 900; /* Black */
    font-display: swap;
    src: url("../fonts/cairo/Cairo-Black.ttf") format("truetype");
}

:root {
    --tg-body-font-family: "Cairo", Arial, sans-serif;
    --tg-heading-font-family: "Cairo", Arial, sans-serif;
}

body,
html,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
input,
textarea,
select,
option,
label {
    font-family: var(--tg-body-font-family);
}

.fact__item .count .odometer-auto-theme .odometer-inside {
    direction: ltr;
}

.wsus__course_video_player {
    position: absolute;
    left: 0;
}

.wsus__course_header a .fa-angle-left::before {
    content: "\f105";
}

.tgmenu__navbar-wrap ul li .sub-menu li {
    margin-right: 0;
    margin-left: auto;
    text-align: right;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.page-item:last-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.video_qna_list_item .text span {
    right: auto;
    left: 0;
}

.video_qna_list_item .text span i {
    margin-right: 2px;
}

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

.courses__curriculum-wrap .course-item-meta {
    margin-left: 0;
    margin-right: auto;
}