.main-container[data-v-01f33b18]{display:flex;flex-direction:column;align-items:center;background:var(--interface-grey)}.page-content[data-v-01f33b18]{padding:0}.nav[data-v-01f33b18]{width:100%;padding:20px;background:var(--dark-blue);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.nav .title[data-v-01f33b18]{font-size:32px;font-weight:600;line-height:48px;color:#fff!important;margin-bottom:5px}.nav p[data-v-01f33b18]{font-size:14px;font-weight:400;line-height:24px;color:#fff!important}.content[data-v-01f33b18]{display:flex;width:100%;max-width:940px;padding-top:10%}.sidebar[data-v-01f33b18]{width:284px;margin:20px}.sidetext[data-v-01f33b18]{font-size:24px;font-weight:600;line-height:36px;text-align:left;color:var(--neutral-black);margin-bottom:10px}.c_text[data-v-01f33b18]{font-size:14px;font-weight:400;line-height:24px;color:var(--dark-grey);margin-bottom:20px}.list[data-v-01f33b18]{margin-top:20px}.list .con_v[data-v-01f33b18]{display:flex;align-items:top;justify-content:flex-start;margin-bottom:10px;cursor:pointer;border-radius:8px;transition:background .2s}.con_v span[data-v-01f33b18]{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:8px;background:#fff;box-shadow:0 4px 10px rgba(227,229,235,.6);color:var(--dark-grey);margin-right:15px;flex-shrink:0}.con_v:hover span[data-v-01f33b18]{color:#fff;background:var(--primary)!important;flex-shrink:0}.con_v:hover .v-title[data-v-01f33b18]{font-size:20px;font-weight:600;line-height:28px;color:var(--primary)!important}.v-title[data-v-01f33b18]{font-size:16px;font-weight:500;text-align:left;margin-bottom:4px;color:var(--dark-grey)!important}.sub-title[data-v-01f33b18]{color:var(--dark-grey)!important;font-size:14px;font-weight:400;line-height:24px}.video-section[data-v-01f33b18]{flex-grow:1;padding:15px;margin-left:20px;background:#fff;border-radius:16px;box-shadow:0 4px 10px rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center;margin-bottom:15%}.video-display[data-v-01f33b18]{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center}.video-display p[data-v-01f33b18]{display:flex;flex-direction:column;align-items:center;font-size:18px;font-weight:600;text-align:center;margin-bottom:10%;color:var(--neutral-black)}video[data-v-01f33b18]{max-height:324px;max-width:576px;width:100%;border-radius:16px;margin-bottom:15px;box-shadow:0 4px 10px rgba(0,0,0,.1)}button[data-v-01f33b18]{padding:10px 20px;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s}button[data-v-01f33b18]:hover{background-color:var(--hover-dark-blue)}.video-item[data-v-01f33b18]{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.next-btn[data-v-01f33b18]{display:flex;align-items:center;justify-content:center;padding:10px 20px;border:none;color:#fff;font-size:16px;cursor:pointer;border-radius:5px;background:var(--primary)!important;height:32px}.next-text[data-v-01f33b18]{margin-right:8px}