.elementor-328 .elementor-element.elementor-element-66dc517{--display:flex;--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;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-328 .elementor-element.elementor-element-1a57cdd{--display:flex;--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;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-2784ff5 */.course-section { padding: 60px 20px; background-color: #ffffff; font-family: 'Segoe UI', Arial, sans-serif; }
.course-container { max-width: 1200px; margin: 0 auto; }
.course-header { margin-bottom: 40px; border-left: 6px solid #ffff00; padding-left: 20px; }
.course-main-title { color: #51307e; font-size: 30px; margin: 0; font-weight: 800; line-height: 1.3; }
.course-flex-container { display: flex; flex-wrap: wrap; gap: 50px; align-items: flex-start; }

.course-image-area { flex: 1; min-width: 320px; }
.image-card { background: #fff; padding: 10px; border-radius: 20px; box-shadow: 0 20px 40px rgba(81, 48, 126, 0.15); }
.image-card img { width: 100%; height: auto; border-radius: 15px; display: block; }

.course-content-area { flex: 1.5; min-width: 320px; }
.course-intro { font-size: 16px; margin-bottom: 15px; color: #444; line-height: 1.7; }

.course-subheading { color: #51307e; font-size: 24px; margin: 30px 0 20px 0; font-weight: 700; }
.course-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; margin-bottom: 30px; }

/* Course Item with Purple Border Hover Effect */
.course-item { 
    background: #fff; 
    display: flex; 
    align-items: center; 
    padding: 15px 20px; 
    border-radius: 12px; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); 
    border: 1px solid #f0f0f0; 
    transition: all 0.3s ease; 
}

.course-item:hover {
    border-color: #51307e; 
    box-shadow: 0 8px 25px rgba(81, 48, 126, 0.15); 
    transform: translateY(-3px); 
}

.check-icon { color: #51307e; font-weight: bold; font-size: 20px; margin-right: 15px; }
.course-item p { margin: 0; font-size: 14px; font-weight: 500; color: #333; line-height: 1.4; }

.course-footer-text { font-style: italic; font-weight: 600; color: #51307e; padding: 20px; background: #f8f6fc; border-radius: 10px; text-align: center; }

@media (max-width: 768px) { 
    .course-flex-container { flex-direction: column; } 
    .course-image-area, .course-content-area { width: 100%; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-97d92e3 */.syllabus-section { padding: 60px 20px; background-color: #fcfaff; font-family: 'Segoe UI', Arial, sans-serif; }
.syllabus-container { max-width: 1100px; margin: 0 auto; }
.syllabus-main-title { text-align: center; color: #51307e; font-size: 30px; margin-bottom: 10px; font-weight: 800; }
.syllabus-intro-text { text-align: center; color: #666; margin-bottom: 40px; font-size: 16px; font-weight: 600; }
.syllabus-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 20px; }

.syllabus-card { 
    background: #fff; 
    border-radius: 15px; 
    padding: 25px; 
    box-shadow: 0 5px 20px rgba(81, 48, 126, 0.08); 
    border: 1px solid #f0f0f0; 
    transition: all 0.3s ease; 
}

/* Updated Purple Border Hover Effect */
.syllabus-card:hover { 
    border-color: #51307e; 
    box-shadow: 0 8px 25px rgba(81, 48, 126, 0.15); 
    transform: translateY(-5px); 
}

.card-header { display: flex; align-items: center; margin-bottom: 15px; }
.module-num { 
    background: #51307e; 
    color: #ffff00; 
    width: 35px; height: 35px; 
    display: flex; align-items: center; justify-content: center; 
    border-radius: 50%; font-weight: bold; margin-right: 15px; font-size: 14px; 
}

.card-header h3 { margin: 0; font-size: 17px; color: #333; font-weight: 700; }
.card-content ul { padding: 0; list-style: none; margin: 0; }
.card-content ul li { 
    position: relative; padding-left: 20px; margin-bottom: 8px; 
    color: #555; font-size: 13px; line-height: 1.5; 
}
.card-content ul li::before { 
    content: "•"; color: #51307e; font-weight: bold; 
    position: absolute; left: 0; 
}

/* Project Boxes Highlight */
.project-highlight { border: 2px solid #51307e; background: #f8f6fc; }

@media (max-width: 768px) { .syllabus-grid { grid-template-columns: 1fr; } }/* End custom CSS */