.roboshadow__promobox__container{display:flex;flex-wrap:wrap;gap:40px}.roboshadow__promobox__child{background-image:url(https://www.roboshadow.com/hubfs/BG-2.jpg);background-position:50%;background-size:cover;flex:1 0 21%;min-height:520px;padding:40px;position:relative;transition:all .3s ease-in-out}.roboshadow__promobox__bg{background:#663cb1;height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease-in-out;width:100%}.roboshadow__promobox__child:hover .roboshadow__promobox__bg{opacity:1}.roboshadow__promobox__child:hover .roboshadow__promobox__description{max-height:520px}.roboshadow__promobox__child:hover .roboshadow__promobox__content{bottom:0}.roboshadow__promobox__content{bottom:10%;padding-bottom:40px;position:absolute;transition:all .3s ease-in-out}.roboshadow__promobox__icon{max-width:40px}.roboshadow__promobox__icon svg{fill:#fff}.roboshadow__promobox__title{color:#fff;font-size:24px;font-weight:700;margin-bottom:0}.roboshadow__promobox__subtitle{color:#fff;font-size:24px;font-weight:300;line-height:.8;margin-bottom:8px}.roboshadow__promobox__description{color:#fff;max-height:0;overflow:hidden;padding-right:40px;transition:all .3s ease-in-out}@media screen and (min-width:676px and max-width:969px){.roboshadow__promobox__child{flex:1 0 25%}}@media screen and (min-width:471px and max-width:676px){.roboshadow__promobox__child{flex:1 0 30%}}@media screen and (max-width:670px){.roboshadow__promobox__child{flex:1 0 100%}}