.other-container{height:100%;align-items:center}.other-card,.other-container{display:flex;justify-content:center}.other-card{position:relative;cursor:pointer;width:22em;max-width:80%;padding:2em 0;background:#fff;box-shadow:0 0 6px 0 rgba(32,32,36,.12);transition:all .35s ease}.other-card:after,.other-card:before{content:"";position:absolute;top:0;left:0;width:100%;background:orange;height:4px}.other-card:before{width:0;opacity:0;transition:opacity 0 ease,width 0 ease;transition-delay:.5s}.other-card:after{width:100%;background:#fff;transition:width .5s ease}.other-card .other-content{width:18em;max-width:80%}.other-card .other-logo{margin:0 0 1em;width:10.625em;transition:all .35s ease}.other-card .other-h6{color:#999;font-weight:600;text-transform:uppercase;margin:0;letter-spacing:2px}.other-card .other-hover-content{overflow:hidden;max-height:0;transform:translateY(1em);transition:all .55s ease}.other-card .other-hover-content p{margin:1.5em 0 0;color:#6e6e70;line-height:1.4em}.other-card:hover{width:24em;box-shadow:0 10px 20px 0 rgba(32,32,36,.12)}.other-card:hover:before{width:100%;opacity:1;transition:opacity .5s ease,width .5s ease;transition-delay:0}.other-card:hover:after{width:0;opacity:0;transition:width 0 ease}.other-card:hover .other-logo{margin-bottom:.5em}.other-card:hover .other-hover-content{max-height:10em;transform:none}@media (max-width:768px){.other-container{width:100%;padding:0 10px;justify-content:center;min-height:auto}.other-card{width:100%;max-width:350px;margin:0 auto;padding:1.8em 0}.other-card .other-content{width:90%;max-width:300px;text-align:center}.other-card .other-logo{width:100%;text-align:center;font-size:1.1em;margin:0 0 .8em}.other-card .other-h6{text-align:center;font-size:.85em;letter-spacing:1.5px}.other-card .other-hover-content{text-align:center}.other-card .other-hover-content p{font-size:.9em;margin:1.2em 0 0;line-height:1.4em}.other-card:hover{width:100%;max-width:380px}}@media (max-width:480px){.other-container{padding:0 5px}.other-card{padding:1.5em 0;max-width:320px}.other-card .other-content{width:85%;max-width:280px}.other-card .other-logo{font-size:1em;margin:0 0 .7em}.other-card .other-h6{font-size:.8em;letter-spacing:1px}.other-card .other-hover-content p{font-size:.85em;line-height:1.35em}.other-card:hover{max-width:350px}}