*{box-sizing:border-box}.bg-featured{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%}.f-this{display:flex;justify-content:space-between}.f-this .item{background-color:#d3d3d3;border-radius:5px;min-height:210px;overflow-y:hidden;position:relative;width:32%}.f-this .item:before{background-image:linear-gradient(#ff000000,#3a5870);content:" ";height:100%;padding:10px;position:absolute;right:0;top:0;width:100%;z-index:0}.f-this .item span{background-color:#e06f26;border-radius:5px;font-size:14px;padding:3px 15px;transform:translate3d(0,-600%,0)}.f-this .item p.title,.f-this .item span{color:#fff;display:block;margin:0;transition:transform .3s}.f-this .item p.title{height:40px;padding:1px;transform:translate3d(0,-370%,0)}.f-this .item a{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.f-this .item a:focus~.item__overlay,.f-this .item a:focus~.item__overlay p.title,.f-this .item a:hover~.item__overlay,.f-this .item a:hover~.item__overlay p.title{transform:translateZ(0)}.f-this .item a:focus~.item__overlay span,.f-this .item a:hover~.item__overlay span{margin-bottom:10px;transform:translateZ(0)}.f-this .item a:focus~.item__overlay .item__body,.f-this .item a:hover~.item__overlay .item__body{opacity:1}.f-this img{display:block;height:100%;object-fit:cover;opacity:0;width:100%}.f-this .item__overlay{align-items:flex-start;background-color:#2a3c4ae0;display:flex;flex-direction:column;height:100%;padding:35px;position:absolute;top:0;transform:translate3d(0,100%,0);transition:transform .3s;width:100%}.f-this .item__body{align-items:flex-end;display:flex;flex-grow:1;opacity:0;transition:opacity .5s .1s}.f-this .item__body p{color:#67a3c3;margin:0}.job-roles-section-inner h2{margin-bottom:30px}@media (max-width:767px){.f-this{flex-direction:column}.f-this img{opacity:1}.f-this .item{margin-bottom:20px;width:100%!important}}