/*
 * Migrated from Appearance → Customize → Additional CSS (tutorstarter-child).
 * Pulse glow on .tutor-progress-bar was dropped during the move.
 */

:root {
    color-scheme: light;
}

/* Reset styles for all paragraph elements within classes starting with 'elementor-' */
[class^="elementor-"] p {
    color: unset;
    font-size: unset;
    font-weight: unset;
    text-transform: unset;
    line-height: unset;
}

/* Ensure container within specific Elementor element spans full width */
.elementor-287 .elementor-element.elementor-element-d67d62b > .elementor-container {
    max-width: 100%;
}

/* Center align the last container in the footer and remove padding */
footer#colophon .container:last-of-type {
    display: flex;               
    justify-content: center;    
    padding: 0;
}

/* Adjust padding for specific div within section #block-6 */
section#block-6 div {
    padding-right: 32px;
}

/* Responsive styles for screen widths below 992px */
@media (max-width: 992px) {
    /* Center-align text for footer widgets */
    section.footer-widgets {
        text-align: center;
    }
    
    /* Add margin between menu items */
    .navbar-nav > .menu-item {
        margin-right: 30px;
    }
    
    /* Remove padding for footer menu */
    ul#menu-footer-1 {
        padding: 0;
    }
    
    /* Center content for specific section */
    section#block-3 {
        display: flex;
        justify-content: center;
    }
    
    /* Reset padding for specific div within section #block-6 */
    section#block-6 div {
        padding: 0;
    }
    
    /* Remove left padding for links inside specific div */
    section#block-6 div a {
        padding-left: 0px !important;
    }
}

/* Responsive styles for screen widths below 767px */
@media (max-width: 767px) {
    /* Add bottom padding for specific Elementor widgets */
    .e-con > .e-con-inner > .elementor-widget > .elementor-widget-container,
    .e-con > .elementor-widget > .elementor-widget-container {
        padding-bottom: 80px;
    }
}

/* Adjust top padding for section #block-6 */
section#block-6 {
    padding-top: 4px;
}

/* Adjust margins for navigation menu items */
.navbar-nav > .menu-item {
    margin-right: 30px;
}

/* Adjust padding for footer menu on larger screens */
@media (min-width: 992px) {
    ul#menu-footer-1 {
        padding-right: 32px;
    }
}

/* Align password strength checker fields to the right */
.tutor-password-strength-checker .tutor-password-field {
    text-align: right;
}

/* Adjust position of show/hide password button */
.tutor-password-strength-checker .show-hide-btn {
    left: 3px;
    right: auto;
}

/* Adjust icon position in reversed form layouts */
.tutor-form-icon-reverse {
    right: auto;
    left: 0;
}

/* Add background color for non-home pages with transparent header */
body:not(.home) header.header-transparent {
    /* relative (not static) so z-index works and the mobile drawer stays above page cards */
    position: relative;
    z-index: 100000;
    overflow: visible;

    /* Colour is the fallback the image sits on; shorthand must not follow it. */
    background-color: #5595aa;
    background-image: url("../images/header-bg.jpg");
    background-position-x: center;
    background-position-y: bottom;
}

/* Remove margin for a specific menu item on larger screens */
@media (min-width: 992px) {
    li#menu-item-8558 {
        margin-right: 0;    
    }
}

/* Add transition effect to a 'Get Started' button */
header.header-transparent .navbar .navbar-utils a.btn-getstarted {
    transition: all 0.3s;
}

/* Change background color on hover for 'Get Started' button */
header.header-transparent .navbar .navbar-utils a.btn-getstarted:hover {
    background: #5595aa;
}

/* Adjust margin for copyright text in footer */
.footer-bottom-container span.copyright {
    margin-left: 0px;
}

/* Hide site info section in footer */
.site-info {
    display: none;
}

/* Add padding to the footer */
footer#colophon {
    padding: 20px;
}

/* Adjust header layout for smaller screens */
@media (max-width: 991px) {
    header.header-transparent .navbar.navbar-left .navbar-brand {
        grid-area: col1;
        justify-self: center;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
    }
    button.navbar-toggler {
        padding: 0;
        margin: 0;
        grid-area: col2;
    }
}

/* Style for large footer area */
section.footer-widgets {
    background:none;
    color: #FFFFFF;
    padding: 20px 20px 0px;
    position: relative;
}

/* Style for footer widget titles */
section.footer-widgets h2.widget-title {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}

/* Style for footer widget menus */
section.footer-widgets ul.menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Style for footer widget menu items */
section.footer-widgets ul.menu li {
    margin-bottom: 10px;
}

/* Style for footer widget links */
section.footer-widgets ul.menu li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
}

/* Add hover effect for footer widget links */
section.footer-widgets ul.menu li a:hover {
    text-decoration: underline;
}

/* Style for icons in footer widgets */
section.footer-widgets a i {
    margin-right: 10px;
    transition: transform 0.3s ease, color 0.3s ease;
}

/* Add hover effect for footer widget icons */
section.footer-widgets a:hover i {
    transform: scale(1.2);
    color: #7fa9bb;
}

/* Add decorative SVG wave below large footer */
section.footer-widgets::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: none;
    background-size: cover;
	 	display:none;
}

/* Style for small footer area */
.site-footer {
    background: none;
    color: #ffffff;
    text-align: center;
    padding: 20px 10px;
    font-size: 14px;
}

/* Fix horizontal scrolling issues on mobile */
html, body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}

/* Ensure full-width layout on mobile */
@media screen and (max-width: 768px) {
    .container, .site, .site-content, .container-fluid, main, .main-content {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
    [class*="col-"] {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    img, video, iframe, table {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* Adjust nationality input model */
span.select2-container .select2-selection__clear {
    display: none !important;
}

/* Adjust width of select2 dropdowns */
span.select2.select2-container.select2-container--default.select2-container--above.select2-container--focus {
    width: 100% !important;
}

/* Prevent flex-wrap for specific flexbox containers */
.e-con.e-flex > .e-con-inner {
    flex-wrap: nowrap;
}

/* Remove bottom padding for footer container */
section.footer-widgets .container {
    padding-bottom: 0;
}

/* Adjust rotation for sidebar toggle icons */
.tutor-course-single-content-wrapper.tutor-course-single-sidebar-hidden .tutor-course-topics-sidebar-toggler .tutor-icon-left {
    transform: rotate(360deg);
}

/* Reverse rotation for left icons */
span.tutor-icon-left {
    transform: rotate(180deg);
}

/* Adjust padding for specific Elementor element */
.elementor-element.elementor-element-d67c44c.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    padding: 0 20px;
}

/* Adjust button group layout for smaller screens */
@media (max-width: 856px) {
    .tutor-dc-button-group.tutor-mt-72 {
        position: static;
        display: flex;
        gap: 10px;
        margin: 10px;
    }
}

/* Hide meta details for search results in RTL layout */
body.rtl.archive.search.search-results.post-type-archive.post-type-archive-courses.tutor-lms.tutor-frontend.hfeed.elementor-default.elementor-kit-9 .tutor-meta.tutor-mt-auto {
    display: none;
}

/* Hide course instructor details */
.tutor-course-details-instructors {
    display: none;
}

/* Hide specific SVG icons */
svg#tutor_svg_font_id {
    display: none;
}

/* Adjust grid layout for section #block-6 on larger screens */
@media (min-width: 992px) {
    section#block-6 div {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

/* Hide purchase mark icons */
span.tutor-fs-6.tutor-color-success.tutor-icon-purchase-mark.tutor-mr-8 {
    display: none;
}

/* Style primary buttons */
.tutor-btn-primary {
    background-color: #8cc4d8 !important;
    color: white !important;
    border-color: var(--tutor-color-white);
    transition: all 0.3s ease !important;
}

/* Add hover effect for primary buttons */
.tutor-btn-primary:hover {
    transform: translateY(-2px);
}

/* Remove bottom padding for specific screen width */
@media (max-width: 767px) {
    .tutor-screen-frontend-dashboard {
        padding-bottom: 0;
    }
}

/* Adjust right padding for specific section */
.tutor-mt-80.tutor-pb-80 {
    padding-right: 20px;
}

/* Reset margins for course topic footer */
.tutor-course-topic-single-footer.tutor-px-32.tutor-py-12.tutor-mt-auto {
    margin-bottom: auto;
    margin-top: unset;
}


header.header-transparent .navbar.navbar-left .navbar-brand {
    visibility: hidden;
}


li.tutor-dashboard-menu-item.tutor-dashboard-menu-purchase_history {
    display: none;
}


.tutor-submenu-links ul .profile-name {
    text-align: right;
}


.tutor-password-strength-hint .indicator {
	max-width:100%;
}

.text.tutor-fs-7.tutor-color-muted {
    display: none !important;
}


.llar_notification_login_page {
    top: 85% !important;
}


/* تعديل الازرار للتسجيل في الدورات */
.tutor-btn-primary, a.tutor-btn.tutor-btn-outline-primary.tutor-btn-md.tutor-btn-block, a.tutor-btn.tutor-btn-outline-primary.tutor-btn-sm{
    color: #fff !important;
    font-weight: 400 !important;
    border-radius: 6px !important;
    background-color: #06605e !important;
    transition: all 0.3s ease-in-out !important;
}

/*
 * display:!important must not sit on .tutor-btn-primary — it beats Alpine x-show
 * (inline style="display:none") so تسليم الاختبار stays visible from question 1.
 * Keep the enroll-link display force on the <a> selectors this comment named.
 */
a.tutor-btn.tutor-btn-outline-primary.tutor-btn-md.tutor-btn-block,
a.tutor-btn.tutor-btn-outline-primary.tutor-btn-sm {
    display: inline-block !important;
}

.tutor-quiz-footer [x-show][style*="display: none"] {
    display: none !important;
}

/*
 * RTL quiz footer: التالي / تسليم on the physical left, رجوع on the right.
 * Opposite of the LTR wizard (Back left / Next right).
 */
.tutor-quiz-footer .tutor-quiz-footer-actions {
    width: 100%;
    margin-inline-start: 0;
    justify-content: flex-start;
    direction: ltr;
}

.tutor-quiz-footer .tutor-quiz-answer-next-btn,
.tutor-quiz-footer .tutor-quiz-submit-btn {
    order: 1;
}

.tutor-quiz-footer .tutor-quiz-answer-previous-btn {
    order: 2;
    margin-left: auto;
    direction: ltr;
}

.tutor-quiz-footer .tutor-quiz-answer-previous-btn svg {
    order: -1;
}

.tutor-btn-primary:hover, a.tutor-btn.tutor-btn-outline-primary.tutor-btn-md.tutor-btn-block:hover, a.tutor-btn.tutor-btn-outline-primary.tutor-btn-sm:hover {
    background-color: #91dad8 !important;
    color: #000 !important;
}


.tutor-avatar {
    box-shadow: 0px 0px 0px 1px #d3d3d3;
}

.tutor-avatar-text {
    background-color: #06605ec9;
}


.tutor-btn-secondary:hover, .tutor-btn-secondary:focus, .tutor-btn-secondary:active {
    color: #fff;
    background-color: #06605e;
}

/* تعديل الدروس */
.lesson-container {
  background: white;
  border-radius: 12px;
  padding: 20px;
  margin: 15px;
  box-shadow: 0 2px 4px #0003;
  max-width: 600px;
  border: 1px solid #eee;
}

.lesson-header {
  text-align: center;
  margin-bottom: 20px;
}

.lesson-title, .lesson-footer {
  color: #666;
  font-size: 14px;
  margin-bottom: 5px;
}

.lesson-main-title, .lesson-subtitle {
  color: #4d9aaa;
  margin: 10px 0;
  font-size: 18px;
  font-weight: bold;
}

.lesson-footer {
  margin-top: 5px;
}

.lesson-subtitle {
  margin-top: 10px;
}

a#button-inside-lesson, .download-button {
  padding: 12px 15px;
  background-color: #06605e;
  border-radius: 8px;
  text-decoration: none;
  color: white;
  text-align: center;
	 display: block;
	 transition: all 0.3s ease-in-out;

}

a#button-inside-lesson:hover, .download-button:hover {
 color: #000;
    background-color: #91dad8;
	transform: translateY(-2px);
	

}

a.tutor-btn.tutor-btn-outline-primary.tutor-btn-sm:hover{
	transform: translateY(-2px);
}


/* تاثير شريط التقدم */
.tutor-progress-bar {
    position: relative;
    height: 20px;
    background: #f0f0f0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
}

.tutor-progress-value {
    position: absolute;
    width: var(--tutor-progress-value);
    height: 100%;
    background: linear-gradient(45deg, #2196F3, #00BCD4);
    border-radius: 10px;
    animation: shimmer 2s infinite linear;
    background-size: 200% 100%;
}

.tutor-progress-value::after {
    content: attr(data-value);
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

/* تأثير التموج */
@keyframes shimmer {
    100% {
        background-position: 200% 0;
    }
    0% {
        background-position: -200% 0;
    }
}

/* إضافة تأثير عند التحويم */
.tutor-progress-bar:hover .tutor-progress-value {
    filter: brightness(1.1);
    transition: all 0.3s ease;
}

.tutor-progress-bar {
    margin-top: 12px;
}


@media (max-width: 480px) {
    body.rtl .tutor-toast-parent {
			right: auto;
        left: auto;
    }
}


.tutor-review-summary .tutor-progress-value{
	background: #ed9700;
}



@media (min-width: 575px) {
.tutor-table tr th:not(.tutor-text-left):not(.tutor-text-center):not(.tutor-text-right) {
    text-align: right;
}


.tutor-table tr td:not(.tutor-text-left):not(.tutor-text-center):not(.tutor-text-right) {
    text-align: right;
}
	
}


@media only screen and (max-width: 575px) {
    .tutor-table-mobile td[data-title] {
        justify-items: end;
    }
}


a.tutor-btn-primary {
    padding: 6px 15px;
}

.FiqhAsSiyaam1446__container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    padding: 20px;
    background-color: #f8f9fa;
    border-radius: 12px;
    max-width: 600px;
    margin: 0 auto;
}

.FiqhAsSiyaam1446__audio-player {
    width: 100%;
    margin-bottom: 10px;
}

/* تحسين مظهر مشغل WordPress الافتراضي */
.FiqhAsSiyaam1446__audio-player .wp-audio-shortcode {
    width: 100% !important;
    margin: 0;
}

.FiqhAsSiyaam1446__buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    width: 100%;
}

.FiqhAsSiyaam1446__download-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.FiqhAsSiyaam1446__pdf-btn {
    background-color: #e74c3c;
    color: white;
}

.FiqhAsSiyaam1446__audio-btn {
    background-color: #3498db;
    color: white;
}

.FiqhAsSiyaam1446__download-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.FiqhAsSiyaam1446__icons {
    font-size: 20px;
}

.FiqhAsSiyaam1446__text {
    font-weight: bold;
}


body.rtl.archive.tax-course-category.term-64.logged-in.tutor-lms.hfeed.elementor-default.elementor-kit-9 .tutor-meta.tutor-mt-auto {
    display: none;
}

@media (max-width: 991px) {
    /*
     * Arabic RTL: drawer must enter from the physical RIGHT (hamburger side).
     * Parent TutorStarter is LTR and uses left:0, which would slide it in from the left.
     * Keep the layout box at right:0 (inside the viewport) and hide it with translateX(100%)
     * so html/body overflow-x:hidden cannot clip the open panel the way
     * right:-300px + translateX(-300px) did on login/registration.
     */
    body.rtl .navbar-nav,
    html[dir="rtl"] .navbar-nav {
        left: auto !important;
        right: 0 !important;
        transform: translateX(100%);
    }

    body.rtl .navbar-nav.active,
    html[dir="rtl"] .navbar-nav.active {
        left: auto !important;
        right: 0 !important;
        transform: translateX(0);
    }
}
/* .nav-close .btn-nav-close .close-btn {
    transform: rotate(45deg);
    margin-top: -4px;
    margin-left: 4px;
} */

.nav-close {
    margin-right: auto;
    margin-top: 10px;
    margin-left: unset;
    display: none;
}


.rc-info-container {
    direction: rtl;
    line-height: 1.6;
    color: #333;
    margin: 1rem 0;
}

.rc-info-container > div {
    margin-bottom: 1rem;
}

.rc-info-container p {
    margin: 0.3rem 0;
}

.rc-links {
    margin-top: 0.3rem;
}

.rc-link {
    color: #3E64DE;
    text-decoration: none;
    margin-left: 1rem;
}

.rc-link:hover {
    color: #395BCA;
    text-decoration: underline;
}

.rc-material {
    margin-bottom: 0.8rem;
}



section.footer-widgets .container {
    border-bottom: none;
}


.footer-wrapper {
    background-color: #5595aa;
    background-image: url("../images/footer-bg.jpg");
    background-size: cover;
    background-position: bottom;
}



body {
    background: linear-gradient(
        135deg,
        #ffffff 0%,
        #f8f9ff 25%,
        #f0f3ff 50%,
        #f8f9ff 75%,
        #ffffff 100%
    );
    background-attachment: fixed;
    position: relative;
    overflow-x: hidden;
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: 
        radial-gradient(circle at 20% 20%, rgba(62, 100, 222, 0.03) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(57, 91, 202, 0.03) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(62, 100, 222, 0.02) 0%, transparent 70%);
    z-index: -1;
}

/* Optional subtle pattern overlay */
body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.627 0l.83.828-1.415 1.415L51.8 0h2.827zM5.373 0l-.83.828L5.96 2.243 8.2 0H5.374zM48.97 0l3.657 3.657-1.414 1.414L46.143 0h2.828zM11.03 0L7.372 3.657 8.787 5.07 13.857 0H11.03zm32.284 0L49.8 6.485 48.384 7.9l-7.9-7.9h2.83zM16.686 0L10.2 6.485 11.616 7.9l7.9-7.9h-2.83zM22.344 0L13.858 8.485 15.272 9.9l9.9-9.9h-2.828zM32 0l-9.9 9.9 1.414 1.414L33.414 1.414 32 0zm-3.172 0L19.757 9.071l1.415 1.414L31.243 0h-2.415zm-5.656 0L15.1 8.071l1.414 1.414L26.586 0h-3.414zm8.486 0L23.1 8.071l1.414 1.414L34.586 0h-3.414zM32 0l-3.657 3.657 1.414 1.414L33.414 1.414 32 0zm-6.485 0L21.9 3.657l1.414 1.414L27.886 0h-2.371zm2.828 0l-2.828 2.828 1.414 1.414L30.414 1.414 28.343 0zm6.485 0l-2.828 2.828 1.414 1.414L36.9 0h-2.072zm-9.9 0l-.828.828L25.272 2.243 28.2 0h-3.342zM32 0l-.828.828L32.414 2.243 35.343 0H32zm3.657 0l-.828.828L36.1 2.243 39.03 0h-3.373zm-8.486 0L26.343.828 27.8 2.243 30.686 0h-3.515zm3.515 0l-.828.828 1.414 1.415L34.828 0h-4.142z' fill='%233E64DE' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
    z-index: -1;
}

@media (max-width: 1199px) {
.tutor-course-topic-single-header .tutor-icon-previous{
	transform: rotate(180deg);
    }
}

.tutor-quiz-btn-group.tutor-mt-60.tutor-d-flex .tutor-icon-previous.tutor-mr-8 {
	transform: rotate(180deg);
    }


.rtl .tutor-header-profile-menu-items .tutor-header-submenu {
    position: absolute;
    z-index: 999;
    width: 698px;
    top: 50px;
    right: -150%;
}


@media (max-width: 767px) {
.rtl .tutor-header-profile-menu-items .tutor-header-submenu {
        top: 50px;
        right: -15px;
        padding-top: 20px;
    }
}

span.FiqhAsSiyaam1446__icon {
    display: none;
}


.tutor-course-topic-single-footer.tutor-px-32.tutor-py-12.tutor-mt-auto {
    display: none !important;
}

/*
 * Hide Skip only. 3.1.0 used skip-quiz-btn; 4.0.4 Skip is the ghost footer
 * button next to the Start form. Retry is also ghost when Continue exists —
 * do not hide that one.
 */
button.tutor-btn.tutor-btn-ghost.tutor-btn-md.skip-quiz-btn.tutor-ml-24,
.tutor-quiz-intro .tutor-learning-area-footer:has(> form) > button.tutor-btn-ghost {
    display: none !important;
}

/*
 * Classic quiz CTA: Retry is primary, Next is secondary. Vendor paints Retry
 * as ghost whenever Continue exists (type=button distinguishes it from Skip).
 */
.tutor-quiz-intro .tutor-learning-area-footer > button.tutor-btn-ghost[type="button"] {
    background-color: var(--tutor-button-primary);
    color: var(--tutor-text-primary-inverse);
    --tutor-button-border-shadow: var(--tutor-button-primary-border-shadow, none);
}
.tutor-quiz-intro .tutor-learning-area-footer > button.tutor-btn-ghost[type="button"]:hover:not(:disabled):not(.disabled) {
    background-color: var(--tutor-button-primary-hover);
    color: var(--tutor-text-primary-inverse);
    --tutor-button-border-shadow: var(--tutor-button-primary-border-shadow-hover, var(--tutor-button-primary-border-shadow, none));
}
.tutor-quiz-intro .tutor-learning-area-footer > button.tutor-btn-ghost[type="button"]:focus:not(:disabled):not(.disabled) {
    background-color: var(--tutor-button-primary-focused);
    color: var(--tutor-text-primary-inverse);
    --tutor-button-border-shadow: var(--tutor-button-primary-border-shadow-focused, var(--tutor-button-primary-border-shadow, none));
}
.tutor-quiz-intro .tutor-learning-area-footer:has(> button[type="button"]) > a.tutor-btn {
    background-color: var(--tutor-button-secondary);
    color: var(--tutor-text-primary);
    --tutor-button-border-shadow: var(--tutor-button-secondary-border-shadow, none);
}
.tutor-quiz-intro .tutor-learning-area-footer:has(> button[type="button"]) > a.tutor-btn:hover:not(:disabled):not(.disabled) {
    background-color: var(--tutor-button-secondary-hover);
    color: var(--tutor-text-primary);
    --tutor-button-border-shadow: var(--tutor-button-secondary-border-shadow-hover, var(--tutor-button-secondary-border-shadow, none));
}

/*
 * Vendor sizes the Start form at 50% unless it is :only-child. Skip is still in
 * the DOM (display:none), so Start sat at half width on flex-end (left in RTL).
 */
.tutor-quiz-intro .tutor-learning-area-footer form,
.tutor-quiz-intro .tutor-learning-area-footer form .tutor-btn {
    width: 100%;
}


@media (min-width: 1200px) {
div#progres-in-course-page {
    display: none;
}
}
@media (max-width: 1199px) {
aside#progres-in-course-page-aside {
    display:none;
    
}
}

.tutor-certificate-info-table {
	min-width: 0;
}


.tutor-certificate-info-table th, .tutor-certificate-info-table td
{
	text-align: right !important;
}

.tutor-mb-20 {
    line-height: 1.4;
}

/* .tutor-course-single-content-wrapper .tutor-course-single-sidebar-wrapper.tutor-quiz-sidebar {
    display: none;
}

.tutor-course-single-content-wrapper .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar {
    display: none;
}

.tutor-course-topic-single-header a.tutor-iconic-btn {
    display: none;
}
 */

@media (max-width: 767px) {
    .navbar-nav .menu-item a {
        font-size: large;
        font-weight: bold;
    }
}



.gt_switcher-popup {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #0044cc;
    font-weight: bold;
    padding: 8px;
    border: 1px solid transparent;
    border-radius: 5px;
    background-color: #f4f4f4;
    cursor: pointer;
}

.gt_switcher-popup:hover {
    background-color: #27c2c4;
    color: #ffffff;
}

.gt_languages a {
    display: flex;
    align-items: center;
    color: #333333;
    margin: auto;
    text-decoration: none;
}

a.glink img {
    margin-right: 5px;
		width: revert-layer;
}

.gt_languages a:hover {
    color: #27c2c4;
}
/* Style for footer widget titles */
section.footer-widgets h2.widget-title {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}

/* Style for footer widget menus - vertical by default (mobile & tablet) */
section.footer-widgets ul.menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Style for footer widget menu items */
section.footer-widgets ul.menu li {
    margin-bottom: 10px;
}

/* Style for footer widget links */
section.footer-widgets ul.menu li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
    display: inline-block;
    padding: 4px 8px;
}

/* Add hover effect for footer widget links */
section.footer-widgets ul.menu li a:hover {
    text-decoration: underline;
}

/* Style for icons in footer widgets */
section.footer-widgets a i {
    margin-right: 10px;
    transition: transform 0.3s ease, color 0.3s ease;
}

/* Large screens only - 3 per row (xl: 1200px and above) */
@media (min-width: 1200px) {
    section.footer-widgets ul.menu {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }

    section.footer-widgets ul.menu li {
        margin-bottom: 10px;
        width: calc(33.333% - 15px);
        text-align: center;
    }

    section.footer-widgets ul.menu li a {
        font-size: 18px;
        white-space: nowrap; /* منع الالتفاف */
    }
}