.ten-boxes-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-gap:32px;grid-auto-rows:minmax(50px,auto)}.ten-boxes-column-styles{align-items:center;display:flex;flex-wrap:wrap}.ten-boxes-box{background:#fff;border:1px solid #aabdff;display:flex;flex-direction:column;gap:2px;height:124px;justify-content:center;overflow:hidden;padding:24px 32px;position:relative;transition:background .3s linear,border .3s linear}.ten-boxes-box:first-of-type,.ten-boxes-box:last-of-type{grid-column-end:span 2}.ten-boxes-desc-wrapper{display:inline-flex;gap:4%;max-height:0;opacity:0;transition:all .3s linear;visibility:hidden}.ten-boxes-desc{align-items:center;display:inline-flex;font-size:16px;font-weight:400;gap:4px;line-height:150%;margin-right:8px}.ten-boxes-column-styles .ten-boxes-desc:first-of-type:before{content:none}.ten-boxes-desc:before{background:#2a5aff;border-radius:50%;content:"";display:block;height:4px;margin:0 8px 0 0;width:4px}.ten-boxes-title{font-size:32px;font-weight:500;letter-spacing:-.64px;line-height:112.5%;margin:0;transition:all .3s linear}.ten-boxes-box svg{position:absolute;right:24px;top:30px}.ten-boxes-box:not(.active) svg{transform:rotate(180deg)}@media screen and (min-width:1025px){.ten-boxes-box:active{pointer-events:none}.ten-boxes-box svg{display:none}.ten-boxes-box:hover{background:#eaefff;border:1px solid #2a5aff}.ten-boxes-box:hover .ten-boxes-desc-wrapper{max-height:100px;opacity:1;visibility:visible}}@media screen and (min-width:768px) and (max-width:1024px){.ten-boxes-container{gap:16px;grid-template-columns:repeat(2,1fr)}.ten-boxes-box.active{background:#eaefff;border:1px solid #2a5aff}.ten-boxes-box{padding:24px 36px 24px 24px}.ten-boxes-box:not(.active) svg{transform:translateY(-50%) rotate(180deg)}.ten-boxes-box svg{position:absolute;right:12px;top:50%;transform:translateY(-50%)}}@media screen and (max-width:767px){.ten-boxes-container{grid-template-columns:none;grid-template-rows:none;grid-gap:8px}.ten-boxes-box:first-of-type,.ten-boxes-box:last-of-type{grid-column-end:unset}.ten-boxes-box{border:1px solid #aabdff;display:flex;flex-direction:column;gap:8px;height:unset;justify-content:flex-start;min-height:80px;padding:24px 48px 24px 24px}.ten-boxes-box.active{background:#eaefff;border:1px solid #2a5aff}.ten-boxes-desc-wrapper{display:grid;gap:8px}}