.session-page{padding:20px;display:flex;flex-direction:column;gap:20px}.session-page h2{font-size:18px;font-weight:600;text-align:center}.session-page .section{display:flex;flex-direction:column;gap:20px}.session-page .section .container-box{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.session-page .section .container-box .box{background-color:var(--primary-color);padding:20px;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:20px;box-shadow:var(--box-shadow);position:relative;border:2px solid transparent;cursor:pointer;width:calc(25% - 8px)}.session-page .section .container-box .box input{position:absolute;opacity:0}.session-page .section .container-box .box img{width:70px}.session-page .section .container-box .box p{text-align:center}.session-page .section .container-box .box.selected{border-color:var(--primary-color)}.session-page .section .container-box .paper-box img{width:200px}@media(max-width:768px){.session-page{padding:20px 15px 80px}.session-page .section .container-box .box{width:calc(50% - 5px)}.session-page .section .container-box .box img{width:50px}.session-page .section .container-box .paper-box img{width:200px}}@media(max-width:512px){.session-page .section .container-box .box{width:100%}}