#ic .cards{display:flex;gap:40px}#ic .cards .card{background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex:1 0 auto;flex-direction:column;justify-content:flex-end;min-height:500px;overflow:hidden;position:relative;text-decoration:none}#ic .cards .card .details{padding:32px 24px}#ic .cards .card .details h3{color:#fff}#ic .cards .card .details p{margin:0}#ic .cards .card:first-child{border-top-left-radius:80px}#ic .cards .card:last-child{border-bottom-right-radius:80px}#ic .cards .card:before{background:linear-gradient(180deg,rgba(3,30,69,0) 44.12%,rgba(3,30,69,.8));opacity:1}#ic .cards .card:after,#ic .cards .card:before{content:"";inset:0;position:absolute;transition:opacity .4s ease;z-index:0}#ic .cards .card:after{background:linear-gradient(180deg,rgba(3,30,69,.4),rgba(3,30,69,.8));opacity:0}#ic .cards .card:hover:before{opacity:0}#ic .cards .card:hover:after{opacity:1}#ic .cards .card>*{position:relative;z-index:1}#ic .cards .card .card__bar{height:12px;transition:height .4s ease;z-index:2}#ic .cards .card:first-child .card__bar{background-color:#f78464}#ic .cards .card:nth-child(2) .card__bar{background-color:#95b4ce}#ic .cards .card:nth-child(3) .card__bar{background-color:#8bcb88}#ic .cards .card:hover .card__bar{height:22px}@media (max-width:767px){#ic .cards{flex-direction:column}}