.container{flex-direction:column;justify-content:center;align-items:center;gap:50px;display:flex;position:relative}.btn-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;display:flex}.btn{box-sizing:border-box;cursor:pointer;width:15%}.btn-img{background-image:var(--img1);background-position:50%;background-repeat:no-repeat;background-size:contain;width:150px;height:150px;transition:background-image .1s}.btn:hover .btn-img{background-image:var(--img2)}.back-img{width:100px}@media screen and (max-width:1024px){.btn-container{gap:25px}.btn{width:25%}.btn:nth-child(n+4):nth-child(-n+7){width:21%}}@media screen and (max-width:767px){.btn-container{gap:30px}.btn-img,.back-img{width:80px;height:80px}.btn,.btn:nth-child(n+4):nth-child(-n+7){width:24%}}
.alter-module__i-l87a__container{z-index:20;background-color:#fff;border-radius:18px;width:100%;height:100%;position:absolute;top:0;left:0}.alter-module__i-l87a__alter{width:100%;height:100%;padding:25px;position:relative}.alter-module__i-l87a__main{flex-direction:row;height:100%;display:flex;overflow:hidden}.alter-module__i-l87a__left{writing-mode:vertical-rl;flex-direction:row;align-items:center;gap:10px;height:100%;display:flex}.alter-module__i-l87a__left p{color:#3bb5b3;font-size:80px}.alter-module__i-l87a__left div{background-color:#3bb5b3;width:1px;height:60%}.alter-module__i-l87a__right{flex-direction:column;flex:1;min-height:0;display:flex}.alter-module__i-l87a__cards{flex-flow:wrap;flex:1;align-content:flex-start;gap:15px;margin:40px;display:flex;overflow-y:auto}.alter-module__i-l87a__card{flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.alter-module__i-l87a__card .alter-module__i-l87a__img{width:200px;height:300px;box-shadow:2px 1px 2px #3c3c3c66,5px 2px 5px #3c3c3c33,8px 4px 10px #3c3c3c0d}.alter-module__i-l87a__img img{width:100%;height:100%}.alter-module__i-l87a__card p{color:#3c3c3c;justify-content:center;align-items:center;width:180px;font-size:24px;font-weight:700;display:flex}.alter-module__i-l87a__subjects{border-top:5px dotted #3bb5b3;flex-flow:wrap;flex:100%;gap:30px;padding-top:30px;display:flex}.alter-module__i-l87a__subject{cursor:pointer;color:#3bb5b3;border-right:1px solid #3bb5b3;padding-right:30px;font-size:38px;font-weight:700}.alter-module__i-l87a__subject:last-child{border-right:none;padding-right:0}.alter-module__i-l87a__subject:hover{color:#f08307}.alter-module__i-l87a__close{width:50px;height:50px;position:absolute;top:15px;right:15px}.alter-module__i-l87a__close img{width:100%;height:100%}@media screen and (max-width:1024px){.alter-module__i-l87a__subject{font-size:24px}.alter-module__i-l87a__cards{justify-content:center}}@media screen and (max-width:767px){.alter-module__i-l87a__main{flex-direction:column}.alter-module__i-l87a__left{writing-mode:horizontal-tb;height:auto}.alter-module__i-l87a__left p{color:#3bb5b3;font-size:40px}.alter-module__i-l87a__left div{width:45%;height:1px}.alter-module__i-l87a__cards{justify-content:center}.alter-module__i-l87a__card p,.alter-module__i-l87a__card .alter-module__i-l87a__img{width:150px}.alter-module__i-l87a__card .alter-module__i-l87a__img{height:250px}.alter-module__i-l87a__subjects{gap:3px;padding-top:15px}.alter-module__i-l87a__subject{padding:0 5px;font-size:24px}}