.mandala-wrapper{margin:0;overflow:hidden}.mandala,.mandala-wrapper{align-items:center;display:flex;justify-content:center}.mandala{align-items:stretch;flex-wrap:wrap;gap:20px}.item{background-color:#fff;border-radius:8px;cursor:pointer;flex:1;position:relative;transition:background-color .3s}.item .content{align-items:center;display:flex;flex-direction:column;gap:15px;padding:20px;position:relative;text-align:center;width:100%}@media (min-width:768px){.mandala{align-items:center;display:flex;height:800px;justify-content:center;position:relative;width:800px}.item{background-color:#fff;clip-path:path("M80.1562 24.7073C54.816 26.5749 29.3501 31.3679 3.39688 39.0854C1.25309 39.7199 0.0606195 42.0127 0.742518 44.1404L50.2809 198.334C50.9274 200.344 53.0431 201.532 55.083 200.989C86.4745 192.62 120.341 192.216 153.654 201.279C155.703 201.834 157.819 200.675 158.478 198.66L158.488 198.663L208.961 44.4743C209.658 42.3455 208.476 40.0434 206.328 39.4035C179.911 31.4517 153.984 26.5423 128.165 24.6741C128.033 14.6974 121.639 5.46243 111.627 2.18504C99.0303 -1.93857 85.4755 4.93053 81.3519 17.5276C80.572 19.91 80.1854 22.3267 80.1562 24.7073Z");cursor:pointer;height:202px;position:absolute;transform-origin:center center;transition:background-color .3s;width:210px}.item .content{gap:5px;left:50%;padding:40px;position:relative;text-align:center;top:50%;transform:translate(-50%,-50%) rotate(calc(var(--rotate-angle)*-1));width:100%}.item .content .icon{position:absolute}}.item:hover{background-color:#27aae1}.item .content p{margin:0}.item .content .title-course{font-size:17px}.item .content .link-more{color:#27aae1;font-size:15px;transition:all .3s}.item:hover .content .link-more{color:#fff}@media (min-width:768px){.item:first-child{--rotate-angle:0deg;transform:rotate(0deg) translateY(-280px)}.item:nth-child(2){--rotate-angle:36deg;transform:rotate(36deg) translateY(-280px)}.item:nth-child(3){--rotate-angle:72deg;transform:rotate(72deg) translateY(-280px)}.item:nth-child(4){--rotate-angle:108deg;transform:rotate(108deg) translateY(-280px)}.item:nth-child(5){--rotate-angle:144deg;transform:rotate(144deg) translateY(-280px)}.item:nth-child(6){--rotate-angle:180deg;transform:rotate(180deg) translateY(-280px)}.item:nth-child(7){--rotate-angle:216deg;transform:rotate(216deg) translateY(-280px)}.item:nth-child(8){--rotate-angle:252deg;transform:rotate(252deg) translateY(-280px)}.item:nth-child(9){--rotate-angle:288deg;transform:rotate(288deg) translateY(-280px)}.item:nth-child(10){--rotate-angle:324deg;transform:rotate(324deg) translateY(-280px)}.item:first-child .content .icon{bottom:0;left:92px;right:0;top:-5px}.item:nth-child(2) .content .icon{bottom:0;left:138px;right:0;top:5px}.item:nth-child(3) .content .icon{bottom:0;left:165px;right:0;top:50px}.item:nth-child(4) .content .icon{bottom:0;left:165px;right:0;top:120px}.item:nth-child(5) .content .icon{bottom:0;left:140px;right:0;top:130px}.item:nth-child(6) .content .icon{bottom:0;left:94px;right:0;top:150px}.item:nth-child(7) .content .icon{bottom:0;left:50px;right:0;top:135px}.item:nth-child(8) .content .icon{bottom:0;left:20px;right:0;top:85px}.item:nth-child(9) .content .icon{bottom:0;left:20px;right:0;top:75px}.item:nth-child(10) .content .icon{bottom:0;left:45px;right:0;top:5px}}.center-logo{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:120px;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:120px}.overlay{background:rgba(0,0,0,.7);height:100%;left:0;top:0;width:100%;z-index:999}.overlay,.popup{display:none;position:fixed}.popup{background-color:#fff;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.3);left:50%;max-width:600px;padding:20px;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.popup .close{cursor:pointer;font-size:40px;line-height:20px;position:absolute;right:10px;top:10px}.popup-content{margin-top:20px}.popup-content__title{display:flex;gap:20px}.popup-content__title h3{font-size:22px}@media (max-width:768px){.center-logo{display:none}}