.cc-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.card{position:relative;width:33.3%}.card h4,.card h6,.card p,.card span{color:#fff;font-weight:300;margin:0}.card .card-title{max-width:calc(100% - 58px)}.card:after{content:"";display:block;padding-bottom:100%}.content{display:flex;flex-direction:column;height:100%;padding:50px;position:absolute;width:100%}.card__top-block{flex-grow:1}.card__bottom-block{align-items:flex-end;display:flex;justify-content:space-between}.card__bottom-block h6{margin-right:10px}.card__bottom-time{font-weight:medium;line-height:40px}.card__icon{fill:#fff;color:brown;height:40px;transform:rotate(180deg);width:40px}.card__top-category{color:#fff}.card--primary{background:#071521;color:#fff}.card--secondary{background:#a9b4c2;color:#fff}.card--tritary{background:#7d98a1;color:#fff}.card--image{background-position:50%;background-size:cover}.card-arrow-wrapper{bottom:59px;float:right;height:48px;overflow:hidden;width:48px}.card-arrow{content:" ";display:inline-block;height:48px;transition:background-position .2s ease-in-out;width:96px}.card:hover .card-arrow{background-position:100% 0}.card__top-icon{height:80px}@media screen and (max-width:1200px){.cc-container{justify-content:center}.card{position:relative;width:50%}}@media screen and (max-width:767px){.cc-container{margin:0 -20px}.card{position:relative;width:50%}.card .card-title{max-width:unset}.card__bottom-block .card-title{display:none}.card__bottom-block{justify-content:flex-end}.card:after{content:"";display:block;height:100%}.content{display:flex;flex-direction:column;height:100%;padding:20px;position:absolute;width:100%}div.card-arrow-wrapper{height:24px;width:24px}div.card-arrow{background-size:contain;height:24px;width:48px}.card__top-icon{height:60px}}