.skills-container{z-index:1;width:100%;height:100%;position:absolute}.container2{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:40px;width:100%;height:87vh;margin-top:5rem;padding-bottom:20px;display:flex;position:relative;overflow-y:auto!important}.circle{border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.circle:before{content:"";opacity:.8;background-color:#222;border-radius:50%;position:absolute;inset:5px}.circle:after{content:"";background-color:#333;border:15px solid #4d4c51;border-radius:50%;width:120px;height:120px;position:absolute;box-shadow:inset 0 5px 10px #00000040,0 10px 10px #000000bf,0 -2px 2px #ffffff80,inset 0 4px 2px #00000040,inset 0 -2px 2px #ffffff80}.circle .number{color:#fff;z-index:10;background-color:#0003;border-radius:10px;padding:5px 5px 0;font-size:2em;line-height:1em;position:relative}.circle .number span{font-size:.5em;font-weight:500}.circle h4{color:#fff;z-index:10;text-transform:uppercase;background-color:#00000080;border-radius:10px;margin-top:80px;padding:5px;font-size:.8em;font-weight:500;line-height:.6em;position:absolute}.circle img{z-index:9;border-radius:50%;width:120px;height:120px;position:absolute}.skills-group-container{background:linear-gradient(135deg,#36003377 0%,#0b88937c 50%,#36003377 100%);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:30px;width:100%;margin-left:20px;margin-right:20px;padding:20px;display:flex;position:relative;box-shadow:0 4px 8px #0000001a}.skills-group-title-container{width:100%}.skills-group-title{color:#0000;text-transform:uppercase;letter-spacing:1px;text-align:center;background:linear-gradient(135deg,#ff7e5f,#feb47b,#86a8e7);-webkit-background-clip:text;background-clip:text;width:100%;margin:10px 0;padding:12px 20px;font-size:24px;font-weight:600}@media (max-width:768px){.container2{height:88vh}}