.casestudies-list.list--beige .list-el .el-picture .picture-shape path{fill:#eee8e4}.casestudies-list .list-el{margin:1.25rem 0;width:100%}.casestudies-list .list-el .el-inner{display:block;color:#112145;position:relative;padding-bottom:110%}.casestudies-list .list-el .el-inner .inner-content{padding:1rem;position:absolute;display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;top:0;left:0}.casestudies-list .list-el .el-inner .inner-content .inner-category{position:relative;z-index:1}.casestudies-list .list-el .el-inner .inner-content .inner-category .cbo-tag{color:#fff;border:.0625rem solid #fff;margin-left:.3125rem}.casestudies-list .list-el .el-inner .el-content{display:block;padding:1rem;background:#fff;border-radius:10px;z-index:1}.casestudies-list .list-el .el-inner .el-content .content-text{margin-top:.875rem;opacity:.5;font-size:16px;line-height:20px}.casestudies-list .list-el .el-picture{position:absolute;top:0;left:0;width:100%;height:100%;padding:0}.casestudies-list .list-el .el-picture img{border-radius:10px}.casestudies-list .list-el .el-picture.picture--none{background:#112145;border-radius:10px}.casestudies-list .list-el .el-picture.picture--none img{border-radius:0;width:8.125rem;height:auto;top:50%;left:50%;margin:-1.5rem 0 0 -4.0625rem}.casestudies-list .list-el .el-picture .picture-shape{-webkit-transform:rotate(90deg);transform:rotate(90deg);position:absolute;z-index:1;width:5.25rem;height:5.25rem;top:-.0625rem;right:-.0625rem}.casestudies-list .list-el .el-picture .picture-shape path{fill:#fff}.casestudies-list .list-el .el-picture .picture-link{width:3.125rem;height:3.125rem;background:#ad927e;color:#fff;display:flex;justify-content:center;align-items:center;position:absolute;z-index:2;top:0;right:0;border-radius:99rem}.casestudies-list .list-el .el-picture .picture-link i.arrow-in{display:none}@media (min-width:768px){.casestudies-list{display:flex;flex-wrap:wrap}.casestudies-list .list-el{margin:.625rem 0;padding:0 .625rem;width:50%}.casestudies-list .list-el .el-inner .el-content{min-height:9.375rem}}@media (min-width:1024px){.casestudies-list .list-el{width:33.33333%;padding:0 .9375rem;margin:.9375rem 0}}@media (min-width:1280px){.casestudies-list .list-el .el-picture .picture-link{overflow:hidden;transition:all .4s}.casestudies-list .list-el .el-picture .picture-link i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:-webkit-transform .35s ease;transition:transform .35s ease;transition:transform .35s ease,-webkit-transform .35s ease}.casestudies-list .list-el .el-picture .picture-link i.arrow-out{z-index:2}.casestudies-list .list-el .el-picture .picture-link i.arrow-in{display:block;opacity:0;-webkit-transform:translate(-50%,-50%) translate(-120%,120%);transform:translate(-50%,-50%) translate(-120%,120%)}.casestudies-list .list-el .el-inner{position:relative}.casestudies-list .list-el .el-inner:before{content:"";background:rgba(17,33,69,.7);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;border-radius:10px;z-index:1;transition:all .4s}.casestudies-list .list-el .el-inner .el-content{transition:all .4s}.casestudies-list .list-el:hover .el-picture .picture-link i.arrow-out{-webkit-transform:translate(-50%,-50%) translate(120%,-120%);transform:translate(-50%,-50%) translate(120%,-120%);opacity:0}.casestudies-list .list-el:hover .el-picture .picture-link i.arrow-in{opacity:1;-webkit-transform:translate(-50%,-50%) translate(0);transform:translate(-50%,-50%) translate(0)}.casestudies-list .list-el:hover .el-inner:before{opacity:1;visibility:visible}.casestudies-list .list-el:hover .el-inner .el-content{color:#ad927e}}@media (min-width:94.75rem){.casestudies-list .list-el{width:25%}}