#hiring-process .flex-container{justify-content:space-between;align-items:stretch}#hiring-process .box{width:32.8%;flex-shrink:0;background-color:#dbff7b;border-radius:16px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;height:52vh;color:#0e100f;position:relative;transition:.8s}#hiring-process .box .step{aspect-ratio:1;color:#f3f3f3;background-color:#0e100f;border-radius:50%;width:80px;position:relative;transition:.8s}#hiring-process .box .step span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:48px;font-family:Plush;font-weight:500}#hiring-process .box .step span.bold{font-weight:800}#hiring-process .box .info{position:relative}#hiring-process .box h3{font-size:28px;line-height:110%;margin-bottom:16px}#hiring-process .box p{font-size:16px;line-height:120%}#hiring-process .box .gradient{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(135deg,#db4dff,#bb8aff 50%,#b2f6ff);border-radius:16px;opacity:0;transition:.8s}#hiring-process .box:hover,#hiring-process .box:hover .step{border-radius:30px}#hiring-process .box:hover .gradient{opacity:1;border-radius:30px}#hiring-process .box .step span.bold,#hiring-process .box:hover .step span.light{opacity:0;transition:.8s}#hiring-process .box .step span.light,#hiring-process .box:hover .step span.bold{opacity:1;transition:.8s}@media screen and (min-width:766px) and (max-width:1260px){#hiring-process{overflow:hidden;padding-left:0;padding-right:0}#hiring-process .flex-container{overflow:scroll;gap:10px;scrollbar-width:none;-ms-overflow-style:none}#hiring-process .flex-container::-webkit-scrollbar{display:none}#hiring-process .box{width:410px;height:440px}#hiring-process .box:first-child{margin-left:22%}#hiring-process .box:last-child{margin-right:22%}}@media screen and (max-width:766px){#hiring-process .title{padding:0 20px}#hiring-process .flex-container{flex-wrap:wrap;gap:10px}#hiring-process .box{width:100%;pointer-events:none;touch-action:none;height:47vh}#hiring-process .box.active,#hiring-process .box.active .step{border-radius:30px}#hiring-process .box.active .gradient{opacity:1;border-radius:30px}#hiring-process .box.active .step span.light{opacity:0;transition:.8s}#hiring-process .box.active .step span.bold{opacity:1;transition:.8s}}