.elementor-81 .elementor-element.elementor-element-0bf53f1{--display:flex;--padding-top:120px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.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-81 .elementor-element.elementor-element-3fb6f3e{text-align:center;}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-81 .elementor-element.elementor-element-418c263{text-align:center;}.elementor-81 .elementor-element.elementor-element-418c263 .elementor-heading-title{font-size:3rem;font-weight:800;color:#1E293B;}.elementor-81 .elementor-element.elementor-element-5a67794{--display:flex;}.elementor-81 .elementor-element.elementor-element-7c58bbe{--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;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-81 .elementor-element.elementor-element-3bade95 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-81 .elementor-element.elementor-element-3bade95 .elementskit-btn{background-color:#0e7345;width:100%;font-size:1.6rem;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-81 .elementor-element.elementor-element-3bade95 .elementskit-btn:hover{background-color:var( --e-global-color-secondary );color:#ffffff;fill:#ffffff;}.elementor-81 .elementor-element.elementor-element-3bade95 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-81 .elementor-element.elementor-element-3bade95 .elementskit-btn > i, .elementor-81 .elementor-element.elementor-element-3bade95 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-81 .elementor-element.elementor-element-3bade95 .elementskit-btn > i, .rtl .elementor-81 .elementor-element.elementor-element-3bade95 .elementskit-btn > svg{margin-left:5px;margin-right:0;}@media(min-width:768px){.elementor-81 .elementor-element.elementor-element-7c58bbe{--content-width:1000px;}}/* Start custom CSS for container, class: .elementor-element-5a67794 */.roadmap-container { width: 100%; max-width: 1200px; margin: 0 auto; }
.intro-box { background: #f8fafc; padding: 40px; border-radius: 20px; border-left: 6px solid #10b981; margin-bottom: 60px; }
.intro-box h2 { font-size: 32px; font-weight: 800; color: #1e293b; margin-bottom: 15px; }
.intro-box p { font-size: 16px; color: #475569; line-height: 1.8; margin-bottom: 20px; }
.roadmap-grid { display: flex; flex-direction: column; gap: 40px; position: relative; }
.roadmap-grid::before { content: ''; position: absolute; left: 40px; top: 0; bottom: 0; width: 2px; background: #e2e8f0; }
.level-section { position: relative; padding-left: 100px; }
.level-badge { position: absolute; left: 0; top: 0; width: 82px; height: 82px; background: #fff; border: 2px solid #10b981; border-radius: 16px; display: flex; align-items: center; justify-content: center; z-index: 2; transition: all 0.3s ease; }
.level-badge i { font-size: 32px; color: #10b981; }
.level-content { background: #fff; border: 1px solid #e2e8f0; border-radius: 24px; padding: 40px; box-shadow: 0 4px 20px rgba(0,0,0,0.03); transition: all 0.4s ease; }
.level-content:hover { border-color: #10b981; box-shadow: 0 20px 40px rgba(16, 185, 129, 0.08); transform: translateY(-5px); }
.level-title { font-size: 24px; font-weight: 800; color: #1e293b; margin-bottom: 15px; display: flex; align-items: center; gap: 15px; }
.level-subtitle { font-size: 14px; font-weight: 700; color: #10b981; background: #ecfdf5; padding: 4px 12px; border-radius: 20px; }
.course-table { width: 100%; border-collapse: collapse; margin-top: 25px; }
.course-table th { text-align: left; padding: 12px; font-size: 16px; color: #64748b; text-transform: uppercase; border-bottom: 2px solid #f1f5f9; }
.course-table td { padding: 15px 12px; border-bottom: 1px solid #f1f5f9; vertical-align: top; font-size:14px;}
.course-table tr:last-child td { border-bottom: none; }
.benefit-list { margin: 0; padding: 0; list-style: none; }
.benefit-list li { position: relative; padding-left: 20px; font-size: 14px; color: #475569; margin-bottom: 8px; line-height: 1.5; }
.benefit-list li::before { content: '•'; position: absolute; left: 0; color: #10b981; font-weight: bold; }
@media (max-width: 768px) {
    .roadmap-grid::before { display: none; }
    .level-section { padding-left: 0; margin-bottom: 30px; }
    .level-badge { position: relative; margin-bottom: 20px; }
    .course-table { display: block; overflow-x: auto; }
}/* End custom CSS */