.education-container{overflow:hidden}.education-created-button-container{display:none;flex-wrap:wrap;align-items:center;justify-content:center}.education-navigation-container{display:none;align-items:center;justify-content:center}.education-created-button-container.show,.education-navigation-container.show{display:flex;animation:slideInFromRight 1.2s ease forwards}.education-created-button-container.hide{animation:slideOutToLeft 1.2s ease forwards}.created-button{background-color:var(--e-global-color-accent);color:#000;padding:10px 20px;margin:10px;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.15)}.created-button:hover{box-shadow:0 4px 6px rgba(0,0,0,.35);transform:scale(.98)}@keyframes fadeInSlow{0%{opacity:0}100%{opacity:1}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(35%)}100%{opacity:1;transform:translateX(0)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-35%)}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);overflow:auto;opacity:0;transition:opacity 1s ease}.modal.show{display:block;animation:fadeIn .6s ease forwards}.modal.hide{animation:fadeOut .6s ease forwards}.modalContent{position:absolute;margin:0 auto;width:80%;background-color:#69c;padding:20px;border-radius:10px;border:3px solid #000;box-shadow:0 4px 8px rgba(0,0,0,.2);transform:scale(.8);opacity:0;animation:zoomIn .6s ease forwards;display:flex;flex-direction:column;justify-content:center}.modal.hide .modalContent{animation:zoomOut .6s ease forwards}.closeBtn{position:absolute;top:10px;right:20px;font-size:36px;cursor:pointer;color:#fff}.modalContent p{font-size:24px;margin:0;overflow:auto}.modalContent h1,.modalContent h2,.modalContent h3,.modalContent h4,.modalContent h5,.modalContent p{color:#fff !important}@media (max-width:1024px){.modalContent p{font-size:20px}.modalContent{top:15%}}@media (max-width:767px){.modalContent p{font-size:16px}.modalContent{top:5%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes zoomIn{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomOut{from{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}