.projects .office-title-image[data-v-0d841589]{height:70px;display:block;margin:40px auto 70px auto}.projects .card-container[data-v-0d841589]{display:flex;justify-content:center}.projects .card[data-v-0d841589]{margin-bottom:60px;cursor:pointer;transition:all .2s ease-out;background:#bbc7c4;max-width:480px}.projects .card .is-circle[data-v-0d841589]{height:170px;width:170px;padding:26px;display:flex;align-items:center;justify-content:center;border-radius:100%;font-size:24px;background-color:#b69977;color:#fffbf8;position:absolute;z-index:20;right:-40px;top:-60px;transform:rotate(-30deg);opacity:0;transition:all .2s ease-out}.projects .card .title[data-v-0d841589]{position:relative;transition:all .2s ease-out;display:flex;justify-content:space-between;align-items:center;margin-top:20px}.projects .card .title .first-line[data-v-0d841589]{position:relative}.projects .card .title .first-line .date[data-v-0d841589]{height:60px}.projects .card .title .first-line .date img[data-v-0d841589]{height:100%;width:auto}.projects .card .title .second-line[data-v-0d841589]{color:#fff}.projects .card .title .second-line>div[data-v-0d841589]{font-size:30px;text-align:right;line-height:1.4}.projects .card .content[data-v-0d841589]{padding-top:30px;color:#fff;transition:all .2s ease-out}.projects .card .is-percentage[data-v-0d841589]{display:flex;align-items:center;justify-content:flex-end}.projects .card .is-percentage .progress-bar[data-v-0d841589]{width:60px}.projects .card.is-active[data-v-0d841589]:hover,.projects .card[data-v-0d841589] :focus{transition:all .2s ease-out;box-shadow:0 4px 8px rgba(38,38,38,.2);transform:scale(1.025);background-color:#fff}.projects .card.is-active:hover .is-circle[data-v-0d841589],.projects .card :focus .is-circle[data-v-0d841589]{height:150px;width:150px}.projects .card.is-active:hover .title .second-line[data-v-0d841589],.projects .card.is-active:hover .title[data-v-0d841589],.projects .card :focus .title .second-line[data-v-0d841589],.projects .card :focus .title[data-v-0d841589]{color:#b69977}.projects .card.is-active:hover .title[data-v-0d841589]:after,.projects .card :focus .title[data-v-0d841589]:after{border-right:1px solid #b69977}.projects .card.is-active:hover .content[data-v-0d841589],.projects .card :focus .content[data-v-0d841589]{color:#b69977}.projects .card.is-active:hover .is-circle[data-v-0d841589],.projects .card :focus .is-circle[data-v-0d841589]{opacity:1;transition:all .2s ease-out}