.course-chapters-container{max-width:900px;margin:20px auto;padding:0 15px}.course-chapters{border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgb(0 0 0 / .08)}.course-chapters-title{background:#0073e6;color:#fff;font-size:18px;font-weight:700;padding:18px 20px;text-align:center;position:relative;cursor:pointer;list-style:none;transition:background-color 0.3s}.course-chapters-title::-webkit-details-marker{display:none}.course-chapters-title::before{content:'▼';font-family:sans-serif;font-size:14px;color:#fff;position:absolute;left:20px;top:50%;transform:translateY(-50%) rotate(0deg);transition:transform 0.3s ease}.course-chapters[open]>.course-chapters-title::before{transform:translateY(-50%) rotate(180deg)}.course-chapters-content{padding:25px;background-color:#fff;border-top:1px solid #e0e0e0}.my-button{display:inline-block;background-color:#0073e6;color:#fff;padding:12px 25px;text-decoration:none;font-size:18px;font-weight:700;border-radius:8px;border:none;cursor:pointer;transition:background-color 0.3s ease,transform 0.2s ease;margin-bottom:30px}.chapter-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;list-style:none;padding:0;margin:0}.chapter-list li{margin:0}.chapter-list li a{background-color:#f8f9fa;border:1px solid #dee2e6;color:#0d6efd;border-radius:8px;text-decoration:none;font-weight:500;transition:all 0.2s ease-in-out;display:flex;align-items:center;padding:15px;width:100%;height:100%;font-size:14px!important}.chapter-list li a:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgb(0 0 0 / .1);border-color:#a2c7ff}@media (max-width:820px){.chapter-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.chapter-list{grid-template-columns:1fr}.course-chapters-content{padding:20px 15px}.course-chapters-title{font-size:18px;padding:15px}.course-chapters-title::before{left:15px}}