.box-validator *{box-sizing:border-box;margin:0;padding:0}#validators{display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.box-validator{border:2px solid #f0f0f0;border-radius:25px;cursor:pointer;display:flex;flex-direction:column;gap:15px;justify-content:center;max-height:80px;max-width:323px;min-width:285px;overflow:hidden;padding:15px;transition:max-height .5s ease-out}#validators:hover .box-validator{justify-content:flex-start;max-height:400px;transition:max-height .5s ease-in}#validators:hover .box-validator .description-validator,#validators:hover .box-validator .details{display:grid;transition:all .5s ease-out}.validator{align-items:center;display:flex;gap:15px}.validator h4{font-size:18px;font-weight:600;letter-spacing:0;line-height:120%}.description-validator{display:none;font-size:16px;line-height:120%;transition:all .5s ease-out}.icon-validator{height:45px;min-width:45px}.details{background-color:#dbf2ff;border-radius:50px;display:none;font-size:12px;padding:5px;place-items:center;transition:all .5s ease-out;width:100%}@media screen and (max-width:1199px){#validators{grid-template-columns:repeat(auto-fill,minmax(278px,1fr))}.box-validator{max-height:100px}}@media screen and (max-width:1034px){.box-validator{max-width:100%}}