.project-info-basic{align-items:center;background-color:var(--pp-main-2);border-radius:1rem;display:flex;padding:16px}@media(max-width:575.98px){.project-info-basic{border-radius:0;margin-left:-16px;margin-right:-16px}}.project-info-basic .project-info-image{align-items:center;background-color:var(--pp-main-3);border-radius:.5rem;display:flex;flex:0 0 auto;height:160px;justify-content:center;margin-left:40px;order:3;overflow:hidden;position:relative;width:160px}.project-info-basic .project-info-image:after{border-radius:.5rem;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.project-info-basic .project-info-image .project-info-cover{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.project-info-basic .project-info-image .project-info-cover:before{content:"";display:block;padding-top:100%}@media(max-width:767.98px){.project-info-basic .project-info-image{height:112px;width:112px}}.project-info-basic .project-info-back{align-items:center;background-color:rgba(0,0,0,0);border-radius:50%;color:var(--pp-main-7);display:flex;flex:0 0 auto;font-size:28px;height:44px;justify-content:center;margin-right:16px;order:1;transition:all .3s ease-in-out;width:44px}.project-info-basic .project-info-back:hover{background-color:var(--pp-main-3)}.project-info-basic .project-info-content{flex:1 1 auto;order:2}.project-info-basic .project-info-content .project-info-title{color:var(--pp-main-10);display:-webkit-box;font-size:24px;font-weight:600;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;max-height:72px;overflow:hidden}.project-info-basic .project-info-content .project-info-desc{color:var(--pp-main-7);display:-webkit-box;font-size:16px;font-weight:400;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;max-height:48px;overflow:hidden}.project-info-basic .project-info-content .project-info-link{color:var(--pp-orange-500);font-size:14px;font-weight:600;line-height:1.43;text-align:right}.project-info-basic .project-info-content .project-info-link:hover{text-decoration:underline}@media(max-width:767.98px){.project-info-basic .project-info-content .project-info-title{color:var(--pp-main-10);display:-webkit-box;font-size:20px;font-weight:600;line-height:1.6;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;max-height:64px;overflow:hidden}.project-info-basic .project-info-content .project-info-desc{color:var(--pp-main-7);display:-webkit-box;font-size:14px;font-weight:400;line-height:1.43;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;max-height:40.04px;overflow:hidden}.project-info-basic .project-info-content .project-info-link{color:var(--pp-orange-500);font-size:14px;font-weight:600;line-height:1.43;text-align:right}.project-info-basic .project-info-content .project-info-link:hover{text-decoration:underline}.project-info-basic{display:block;padding:24px}.project-info-basic .project-info-image{margin:0 auto 16px}.project-info-basic .project-info-back{display:none}.project-info-basic .project-info-content{text-align:center}}