.demo-start-container header h1{margin:0!important}.demo-start-container header h3{margin:30px 0 15px!important;font-size:24px!important;line-height:24px!important}.demo-start-container section{flex-direction:column;justify-content:center;align-items:center;margin-bottom:25px;display:flex}.demo-start-container section p{text-align:center;margin-bottom:25px;font-size:16px;line-height:20px}.demo-start-container .mobile-only{display:none}@media screen and (width<=768px){.demo-start-container .mobile-only{display:flex!important}.demo-start-container .mobile-hide{display:none!important}}.demo-end-panel{z-index:100;flex-direction:column;width:80vw;max-width:1200px;height:80vh;max-height:800px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-end-panel .demo-end-panel-inner{width:100%;height:100%;color:var(--demo-text-colour);background-color:var(--demo-bg-colour);z-index:101;border-radius:25px;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.demo-end-panel .close-button-container{background-color:var(--pagination-bg);cursor:pointer;z-index:102;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;top:25px;left:25px}.demo-end-panel .close-button-container img{width:25px;height:25px}.demo-end-panel .close-button-container:hover{background-color:var(--pagination-hover)}.demo-end-panel .bg-image{pointer-events:none;z-index:102;position:absolute;bottom:-23px}.demo-end-panel .bg-image.bg-image-student-1{width:160px;height:267px;left:-68px}.demo-end-panel .bg-image.bg-image-student-2{width:125px;height:284px;right:-38px}.demo-end-panel .demo-end-panel-content{z-index:101;flex-direction:column;flex:1;align-self:center;width:100%;height:100%;padding:0 120px;font-size:21px;display:flex;overflow-y:auto}.demo-end-panel .demo-end-panel-content a:not(.troubadour-button){color:var(--demo-text-colour);font-weight:700;text-decoration:underline}.demo-end-panel .demo-end-panel-content a:not(.troubadour-button):hover{color:var(--demo-highlight-colour)}.demo-end-panel .demo-end-panel-content h1{color:var(--demo-highlight-colour);letter-spacing:.04em;text-align:center;text-transform:none;margin:0;font-family:FatFrank,Lato,sans-serif;font-size:44px;font-weight:400;line-height:46px}.demo-end-panel .demo-end-panel-content h3{color:var(--demo-text-colour);letter-spacing:.04em;margin:0;font-family:FatFrank,Lato,sans-serif;font-size:30px;font-weight:400;line-height:34px}.demo-end-panel .demo-end-panel-content li{color:var(--demo-text-colour);margin-bottom:10px;font-family:Sofia Pro,sans-serif;font-size:21px;line-height:30px}.demo-end-panel .demo-end-panel-content header{margin-top:40px;margin-bottom:20px}.demo-end-panel .demo-end-panel-content section{flex-direction:column;align-items:flex-start;display:flex}.demo-end-panel .demo-end-panel-content section .buttons-container{justify-content:center;align-items:center;gap:20px;width:100%;margin:20px 0;display:flex}.demo-end-panel .demo-end-panel-content footer{margin-top:25px;font-size:10px}.demo-end-panel .demo-construction-inline,.demo-end-panel .demo-construction-flex,.demo-end-panel .demo-correction-inline,.demo-end-panel .demo-correction-flex{display:none}.demo-end-panel[data-demo=construction] .demo-construction-inline{display:inline}.demo-end-panel[data-demo=construction] .demo-construction-flex{display:flex}.demo-end-panel[data-demo=correction] .demo-correction-inline{display:inline}.demo-end-panel[data-demo=correction] .demo-correction-flex{display:flex}@media screen and (height>=700px){.demo-end-panel .bg-image{bottom:-30px}.demo-end-panel .bg-image.bg-image-student-1{width:213px;height:356px;left:-90px}.demo-end-panel .bg-image.bg-image-student-2{width:166px;height:378px;right:-50px}}@media screen and (width>=1200px) and (height>=700px){.demo-end-panel .demo-end-panel-content{padding:0 160px;font-size:28px}.demo-end-panel .demo-end-panel-content h1{font-size:58px;line-height:62.5px}.demo-end-panel .demo-end-panel-content h3{letter-spacing:.04em;font-size:40px;line-height:45px}.demo-end-panel .demo-end-panel-content li{margin-bottom:15px;font-size:28px;line-height:40px}.demo-end-panel .demo-end-panel-content header{margin-top:60px;margin-bottom:40px}}