.lesson-menu-container{padding:10rem 0 0;background:linear-gradient(90deg,rgba(43,128,116,0) 0,rgba(255,255,255,.75) 20%,rgb(255,255,255) 30%),url(/images/login-background.webp);background-repeat:repeat;background-position:0;display:flex;flex-direction:column;gap:4rem}.lesson-menu-container h1{color:#3d403f;font-family:Inter,serif;font-size:2.5rem;letter-spacing:1%;font-weight:1000;padding:0 15vw}.lesson-menu-container .pagination{display:flex;justify-content:center;gap:1rem}.lesson-menu-container .pagination button{padding:1rem 1.2rem;border:none;border-radius:4px;background-color:#2b8074;color:#fff;cursor:pointer}.lesson-menu-container .pagination button:hover{background-color:#3d403f}.lesson-menu-container .pagination button:disabled{background-color:#3d403f;cursor:default}.lesson-menu-container .lesson-menu{padding:0 15vw;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.lesson-menu-container .lesson-menu a{font-family:Inter,serif;display:inline-block;font-size:1.3rem;text-decoration:none;color:#3d403f;text-align:left;white-space:normal;box-sizing:border-box}.lesson-menu-container .lesson-menu a:hover span:after{background-image:url(/images/liststyleicon_hover.svg);width:15px;height:15px;background-size:15px 15px}.lesson-menu-container .lesson-menu .lesson-menu-items{display:flex;flex-direction:column!important;background-color:#e6f7ff;padding:1rem;border-radius:16px;height:40vh;justify-content:space-around;scale:1;transition:scale .3s ease;transform:translateY(0);transition:transform .2s ease-in-out;box-shadow:0 0 10px 2px rgba(0,0,0,.25);border:1px solid #3d403f}.lesson-menu-container .lesson-menu .lesson-menu-items:hover{transform:translateY(-8px);transition:transform .2s ease-in-out}.lesson-menu-container .lesson-menu .lesson-menu-items .img-container{background-color:#fff;height:70%;display:flex;margin-bottom:5px;width:100%;border-radius:4px;overflow:hidden;box-shadow:0 0 5px 2px rgba(0,0,0,.25)}.lesson-menu-container .lesson-menu .lesson-menu-items .img-container img{width:100%;height:100%;-o-object-position:center;object-position:center;-o-object-fit:contain;object-fit:contain;padding:0 4px}.lesson-menu-container .lesson-menu .lesson-menu-items span{font-family:Inter,serif;display:flex;justify-content:space-between;font-size:1.1rem;font-style:italic;margin-top:20px}.lesson-menu-container .lesson-menu .lesson-menu-items span:after{content:"";background-image:url(/images/liststyleicon.svg);margin-right:15px;display:inline-block;width:15px;height:15px;background-size:contain;background-repeat:no-repeat;background-size:15px 15px}.lesson-menu-container .footer-container-lessonmenu{width:100%}@media(max-width:820px){.lesson-menu-container{padding:8rem 0 0;gap:2rem}.lesson-menu-container h1{padding-left:2rem!important}.lesson-menu-container h3{margin-bottom:20px;padding:0 2rem}.lesson-menu-container .lesson-menu{gap:1rem;padding:0 20px;grid-template-columns:repeat(1,1fr)}.lesson-menu-container .lesson-menu .lesson-menu-items:hover{transform:translateY(0)}}