.elementor-11582 .elementor-element.elementor-element-f1476fa{z-index:1;}@media(max-width:767px){.elementor-11582 .elementor-element.elementor-element-69d55d7{margin-top:20px;margin-bottom:0px;}}/* Start custom CSS for html, class: .elementor-element-f1476fa */.exercise-wrapper {
    max-width: 900px;
    margin: 40px auto;
    text-align: center;
    padding-bottom: 120px; /* Space for the fixed footer */
}

.section-title { font-family: 'Poppins', sans-serif; font-size: 24px; font-weight: 700; margin-bottom: 5px; }
.section-subtitle { font-family: 'Poppins', sans-serif; color: #888; font-size: 14px; margin-bottom: 30px; }

.exercise-list { display: flex; flex-direction: column; gap: 15px; }

.exercise-card {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 25px 25px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    border: 1px solid #f0f0f0;
    transition: 0.2s ease-in-out;
    cursor: pointer;
}

.exercise-card:hover { transform: scale(1.02); box-shadow: 0 5px 15px rgba(0,0,0,0.1); }

.icon-box {
    width: 50px; height: 50px;
    background: #2e4a85; border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    color: white; font-size: 20px; margin-right: 20px;
}

.text-content { flex-grow: 1; text-align: left; font-family: 'Poppins', sans-serif; }
.en-text { display: block; font-size: 16px; font-weight: 600; color: #333; }
.hi-text { display: block; font-size: 13px; color: #777; }

/* Pink Play Button */
.play-circle {
    width: 32px; height: 32px;
    border: 2px solid #f9dbe4; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    transition: 0.3s;
}
.play-triangle {
    border-top: 6px solid transparent; border-bottom: 6px solid transparent;
    border-left: 9px solid #e91e63; margin-left: 3px;
}
.exercise-card:hover .play-circle { background: #e91e63; border-color: #e91e63; }
.exercise-card:hover .play-triangle { border-left-color: #fff; }

/* MODAL STYLES */
.modal-overlay {
    display: none; position: fixed; top: 0; left: 0;
    width: 100%; height: 100%; background: rgba(0,0,0,0.8);
    z-index: 10000; align-items: center; justify-content: center;
}
.modal-content {
    width: 90%; max-width: 800px; background: #fff;
    border-radius: 15px; position: relative; padding: 10px;
}
.video-container { position: relative; padding-bottom: 56.25%; height: 0; }
.video-container iframe {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px;
}
.close-btn {
    position: absolute; top: -40px; right: 0;
    color: white; font-size: 30px; cursor: pointer;
}/* End custom CSS */