.timeline-container{max-width:800px;margin:0 auto;padding:0 1rem}.timeline-row{display:flex;align-items:flex-start;gap:2rem;margin-bottom:2rem}.timeline-row img{max-width:80px;height:auto;display:block}.timeline-content .year{margin:0;font-weight:bold;color:#666}.timeline-content h3{margin:0.5rem 0;font-size:1.5rem;color:#333}.timeline-content p{margin:0 0 1rem;font-size:1rem;line-height:1.6;color:#444}@media (max-width:768px){.timeline-row{flex-direction:column;align-items:center;text-align:center}.timeline-row img{margin-bottom:1rem;max-width:120px}}.timeline-marker{position:relative;width:76px;height:220px;margin:2rem auto}.timeline-marker::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:#F9F5EE;border-radius:50%}.timeline-marker-1{background:linear-gradient(to bottom,#112579,#2A3D8C)}.timeline-marker-1::after{border-top:18px solid #2A3D8C}.timeline-marker-1::before{box-shadow:0 0 0 2px #2A3D8C}.timeline-marker-2{background:linear-gradient(to bottom,#2A3D8C,#4250A1)}.timeline-marker-2::after{border-top:18px solid #4250A1}.timeline-marker-2::before{box-shadow:0 0 0 2px #4250A1}.timeline-marker-3{background:linear-gradient(to bottom,#4250A1,#5B64B5)}.timeline-marker-3::after{border-top:18px solid #5B64B5}.timeline-marker-3::before{box-shadow:0 0 0 2px #5B64B5}.timeline-marker-4{background:linear-gradient(to bottom,#5B64B5,#7478C9)}.timeline-marker-4::after{border-top:18px solid #7478C9}.timeline-marker-4::before{box-shadow:0 0 0 2px #7478C9}.timeline-marker-5{background:linear-gradient(to bottom,#7478C9,#8C8CDC)}.timeline-marker-5::after{border-top:18px solid #8C8CDC}.timeline-marker-5::before{box-shadow:0 0 0 2px #8C8CDC}li{font-size:20px;line-height:2em}.video-playlist-wrapper{max-height:400px;overflow-y:auto;padding-right:10px}.video-playlist{list-style:none;padding:0;margin:0}.video-playlist li{color:white;font-size:20px;margin-bottom:8px;cursor:pointer;transition:color 0.3s ease}.video-playlist li:hover{color:#aaaaaa}.video-playlist li.active{color:#ffd700;font-weight:bold}#screen-dimmer{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.85);z-index:9990}.video-player-wrapper,.video-playlist-wrapper{position:relative;z-index:9999}#mpcs-main #bookmark,.mpcs-lesson.current{background:rgba(24,37,119,0.2)}.mpcs-lesson.current:hover{background:rgba(24,37,119,0.3)}#mpcs-navbar button:not(#mpcs-classroom-previous-lesson-link),#mpcs-sidebar-navbar button:not(#mpcs-classroom-previous-lesson-link){background:#182577;border-color:#182577;color:#fff}#mpcs-navbar button:hover,#mpcs-sidebar-navbar button:hover{background:#0f1b59;border-color:#0f1b59;color:#fff}.course-progress .progress-text,.mpcs-lesson i.mpcs-circle-regular{color:rgba(24,37,119,0.6)}.course-progress .progress-text{color:#182577;text-align:center;font-weight:600}.btn-green{background:#182577;border-color:#182577;color:#fff}.btn-green:hover{background:#0f1b59;border-color:#0f1b59;color:#fff}#mpcs-classroom-next-lesson-link{background-color:#182577!important;border-color:#182577!important;color:#fff!important}#mpcs-classroom-next-lesson-link:hover{background-color:#0f1b59!important;border-color:#0f1b59!important;color:#fff!important}.course-progress .user-progress,.btn-green,#mpcs-navbar button:not(#mpcs-classroom-previous-lesson-link),.mpcs-classroom div#mpcs-lesson-navigation button:not(#previous_lesson_link),.mpcs-classroom #mpcs-quiz-navigation button:focus,.mpcs-classroom #mpcs-quiz-navigation button:hover{background:#182577!important;border-color:#182577!important;color:#fff!important}.course-progress .user-progress{background-color:#182577;text-align:center;white-space:nowrap;height:100%;display:block;width:0%;border-radius:10px}.et-db #et-boc .et-l .et_audio_container .mejs-time{line-height:1}.comments-number{display:none}.checkbox-counter{text-align:center;font-size:20px;margin-bottom:30px;font-weight:500}.count-display{font-size:60px;font-weight:bold;color:#061C81;line-height:1.2;margin-top:10px;transition:transform 0.3s ease}.count-display.animate{animation:popUp 0.4s ease-in-out}@keyframes popUp{0%{transform:scale(1);opacity:0.7}50%{transform:scale(1.5);opacity:1}100%{transform:scale(1);opacity:1}}.progress-message{font-size:20px;margin-top:10px;color:#444;transition:all 0.3s ease}.firework-checkbox{display:flex;align-items:center;gap:12px;margin:14px 0;cursor:pointer;font-size:18px;position:relative}.firework-checkbox input{display:none}.checkmark{width:28px;height:28px;border:2px solid #ccc;border-radius:6px;background-color:white;position:relative;transition:all 0.2s ease-in-out}.firework-checkbox input:checked+.checkmark{border-color:#A47D55;background-color:#F0EEEE;animation:pop 0.3s ease forwards}.firework-checkbox input:checked+.checkmark::after{content:"";position:absolute;top:4px;left:9px;width:6px;height:12px;border:solid #A47D55;;border-width:0 2px 2px 0;transform:rotate(45deg)}.firework-checkbox input:checked+.checkmark::before{content:"";position:absolute;width:60px;height:60px;background:radial-gradient(circle,#A47D55 2px,transparent 2px);background-size:20px 20px;background-repeat:repeat;top:-16px;left:-16px;z-index:0;opacity:0;animation:burst 0.5s ease-out forwards}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}@keyframes burst{0%{transform:scale(0.6);opacity:0.8}100%{transform:scale(1.5);opacity:0}}.label-text{z-index:1}@media (max-width:480px){.firework-checkbox{font-size:16px;gap:10px;margin:12px 0}.checkmark{aspect-ratio:1 / 1;width:36px;height:36px;border-radius:8px}.firework-checkbox input:checked+.checkmark::after{top:6px;left:12px;width:8px;height:16px}.label-text{font-size:16px}}.firework-checkbox,.firework-checkbox .label-text,.checkbox-counter,.count-display,.progress-message{font-style:normal}