.elementor-26737 .elementor-element.elementor-element-c3d72a5{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--align-items:center;}.elementor-26737 .elementor-element.elementor-element-4817dfc .etlms-pagination{justify-content:center;}.elementor-26737 .elementor-element.elementor-element-4817dfc .etlms-course-list-main-wrap .tutor-course-list{column-gap:32px;row-gap:32px;}.elementor-26737 .elementor-element.elementor-element-4817dfc .etlms-course-list-main-wrap .tutor-course-card{border-radius:8px;}.elementor-26737 .elementor-element.elementor-element-4817dfc .etlms-course-list-main-wrap .tutor-course-card:hover{border-radius:8px;}.elementor-26737 .elementor-element.elementor-element-4817dfc .etlms-course-list-main-wrap .etlms-course-list-pagination-wrap .etlms-pagination{gap:10px;}@media(max-width:767px){.elementor-26737 .elementor-element.elementor-element-c3d72a5{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}/* Start custom CSS for etlms-course-list, class: .elementor-element-4817dfc *//* 1. تنسيق الزرار - نيفي وعرض كامل */
.elementor-26737 .elementor-element.elementor-element-4817dfc .tutor-course-loop-btn, 
.elementor-26737 .elementor-element.elementor-element-4817dfc .tutor-btn {
    background-color: #0F172A !important;
    color: #ffffff !important;
    border: none !important;
    /* شيلنا الـ border-radius عشان يبقا فلات مع الكارت من تحت لو تحب، أو خليها 0 */
    border-radius: 0 0 15px 15px !important; 
    padding: 15px 25px !important;
    font-weight: bold !important;
    transition: all 0.3s ease-in-out !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important; /* يملأ العرض */
    margin: 0 !important;   /* يلغي أي مسافات خارجية */
    position: relative;
}

/* 2. تأثير الهوفر */
.elementor-26737 .elementor-element.elementor-element-4817dfc .tutor-course-loop-btn:hover, 
.elementor-26737 .elementor-element.elementor-element-4817dfc .tutor-btn:hover {
    background-color: #D4AF37 !important;
    color: #0F172A !important;
}

/* 3. تعديل الكارت عشان الزرار يلزق تحت */
.elementor-26737 .elementor-element.elementor-element-4817dfc .tutor-course-card {
    background: #ffffff !important;
    border-radius: 15px !important;
    border: 1px solid #e2e8f0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* أهم خطوة: شيل المسافات من جسم الكارت عشان الزرار يوصل للطرف */
.elementor-26737 .elementor-element.elementor-element-4817dfc .tutor-course-card-footer {
    padding: 0 !important; /* ده الجزء اللي شايل الزرار غالباً */
    margin-top: auto !important; /* يزق الزرار لتحت لو الكلام قليل */
}

.elementor-26737 .elementor-element.elementor-element-4817dfc .tutor-course-card-body {
    background: #ffffff !important;
    padding-bottom: 0 !important; /* شيل المسافة اللي تحت الكلام */
}/* End custom CSS */