.elementor-15466 .elementor-element.elementor-element-8cb396a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15466 .elementor-element.elementor-element-8ec6cd7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-15466 .elementor-element.elementor-element-8b6d4ed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15466 .elementor-element.elementor-element-7c9d1d5{--display:flex;}.elementor-15466 .elementor-element.elementor-element-21ff3bc .etlms-pagination{justify-content:center;}.elementor-15466 .elementor-element.elementor-element-21ff3bc .etlms-course-list-main-wrap .tutor-course-list{column-gap:32px;row-gap:32px;}.elementor-15466 .elementor-element.elementor-element-21ff3bc .etlms-course-list-main-wrap .tutor-course-card{border-radius:8px;}.elementor-15466 .elementor-element.elementor-element-21ff3bc .etlms-course-list-main-wrap .tutor-course-card:hover{border-radius:8px;}.elementor-15466 .elementor-element.elementor-element-21ff3bc .etlms-course-list-main-wrap .etlms-course-list-pagination-wrap .etlms-pagination{gap:10px;}.elementor-15466 .elementor-element.elementor-element-81d4dd0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15466 .elementor-element.elementor-element-fbc5e74{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15466 .elementor-element.elementor-element-fbc5e74.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15466 .elementor-element.elementor-element-3ecab8f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15466 .elementor-element.elementor-element-cb6c65f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15466 .elementor-element.elementor-element-8cbde43{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15466 .elementor-element.elementor-element-d4bf132{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15466 .elementor-element.elementor-element-d18f015{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15466 .elementor-element.elementor-element-3707f48{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15466 .elementor-element.elementor-element-e2d5291{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-15466 .elementor-element.elementor-element-fbc5e74{--width:106.039%;}}@media(max-width:767px){.elementor-15466 .elementor-element.elementor-element-8ec6cd7{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for etlms-course-list, class: .elementor-element-21ff3bc *//***************
 AL MASHAF – TUTOR LMS COURSE LIST (SAFE VERSION)
 This will NOT override layout/columns from addon settings
***************/
:root {
    --am-green: #0F8F14;
    --am-green-dark: #075b0d;
    --am-yellow: #FFD400;
    --am-dark: #020617;
    --am-muted: #6b7280;
}

/* CARD base style */
.elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-course-card {
    border-radius: 26px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 18px 40px rgba(15, 143, 20, 0.08);
    transition: all 0.28s ease;
    border: 1px solid rgba(15, 143, 20, 0.06);
    position: relative;
}

/* Thumbnail */
.elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-course-thumbnail {
    overflow: hidden;
}

.elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-course-thumbnail img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

/* Wishlist icon */
.elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-course-bookmark {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 3;
}

.elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-course-wishlist-btn {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: rgba(255,255,255,0.92);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--am-green);
    border: none;
}

/* Card body */
.elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-card-body {
    padding: 18px 20px 16px;
}

/* Rating stars */
.elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-course-ratings .tutor-icon-star-line {
    color: #facc15; /* yellow */
    font-size: 15px;
}

/* Course title */
.elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-course-name {
    margin: 6px 0 10px;
}

.elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-course-name a {
    color: var(--am-dark);
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.35;
    transition: color 0.25s ease;
}

/* Meta (author) */
.elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    color: var(--am-muted);
    font-size: 13px;
}

.elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-avatar {
    border-radius: 999px;
    overflow: hidden;
    background: #ecfdf3;
    color: var(--am-green);
    font-weight: 700;
}

.elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-avatar-text {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* "By Author" text */
.elementor-15466 .elementor-element.elementor-element-21ff3bc .etlms-course-author-meta {
    font-size: 13px;
}

.elementor-15466 .elementor-element.elementor-element-21ff3bc .etlms-course-author-meta.tutor-meta-key {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #9ca3af;
    margin-right: 4px;
}

.elementor-15466 .elementor-element.elementor-element-21ff3bc .etlms-course-author-meta.tutor-meta-value {
    color: var(--am-dark);
    font-weight: 500;
    text-decoration: none;
}

/* Card footer */
.elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-card-footer {
    padding: 0 20px 18px;
}

/* Start Learning button – make it main CTA */
.elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-card-footer .tutor-btn {
    border-radius: 999px;
    border: none;
    background: var(--am-green);
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    text-transform: none;
    box-shadow: 0 12px 30px rgba(15, 143, 20, 0.35);
    transition: all 0.25s ease;
}

/* Remove default outline style look */
.elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-card-footer .tutor-btn-outline-primary {
    border: none;
}

/* HOVER EFFECT – card */
.elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-course-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 26px 60px rgba(0, 0, 0, 0.32);
    border-color: rgba(15, 143, 20, 0.22);
}

/* Hover – image zoom */
.elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-course-card:hover .tutor-course-thumbnail img {
    transform: scale(1.06);
}

/* Hover – title color */
.elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-course-card:hover .tutor-course-name a {
    color: var(--am-green);
}

/* Hover – CTA button to yellow */
.elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-course-card:hover .tutor-card-footer .tutor-btn {
    background: var(--am-yellow);
    color: var(--am-dark);
    box-shadow: 0 16px 40px rgba(250, 204, 21, 0.5);
}

/* Hover – wishlist icon */
.elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-course-card:hover .tutor-course-wishlist-btn {
    background: var(--am-green);
    color: #ffffff;
}

/* Small responsive tweaks (only padding/height, no grid/layout) */
@media (max-width: 767px) {
    .elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-course-thumbnail img {
        height: 190px;
    }

    .elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-card-body {
        padding: 16px 16px 12px;
    }

    .elementor-15466 .elementor-element.elementor-element-21ff3bc .tutor-card-footer {
        padding: 0 16px 16px;
    }
}/* End custom CSS */