section.project-listing .main-wrapper-projects-page{background-color:#1a1a1a;background-size:cover;background-repeat:no-repeat;background-position:50%;min-height:100vh;padding:80px 0 140px}@media(max-width:768px){section.project-listing .main-wrapper-projects-page{padding:4rem 1rem}}section.project-listing .main-wrapper-projects-page .title__{text-align:left;color:#fff;display:flex;gap:24px}section.project-listing .main-wrapper-projects-page .title__ .label-arrow{left:0}section.project-listing .main-wrapper-projects-page .title__ .main-title{text-align:left}@media(max-width:768px){section.project-listing .main-wrapper-projects-page .title__ .main-title{margin-bottom:1rem}}section.project-listing .main-wrapper-projects-page .title__ .main-title small{display:block;color:var(--green);font-size:2rem}@media(max-width:768px){section.project-listing .main-wrapper-projects-page .title__ .main-title small{margin-bottom:1rem}}section.project-listing .main-wrapper-projects-page .p-desc{color:#fff;margin-bottom:40px}section.project-listing .main-wrapper-projects-page .project-container{display:grid;grid-template-columns:repeat(3,1fr);align-items:flex-start;grid-gap:16px;gap:16px}@media(max-width:768px){section.project-listing .main-wrapper-projects-page .project-container{grid-template-columns:repeat(1,1fr);gap:24px}}section.project-listing .main-wrapper-projects-page .project-container .card-wrapper .card{display:grid;width:100%;background:#242426;border-radius:24px;border:1px solid rgba(0,0,0,0);padding:16px;grid-gap:40px;grid-gap:24px;gap:24px;grid-template-columns:repeat(1,1fr);align-items:center}section.project-listing .main-wrapper-projects-page .project-container .card-wrapper .card figure img{width:100%;height:242px;border-radius:12px}section.project-listing .main-wrapper-projects-page .project-container .card-wrapper .card:hover{box-shadow:0 0 10px hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.2)}section.project-listing .main-wrapper-projects-page .phone-section{display:flex;align-items:center;justify-content:center;position:relative}section.project-listing .main-wrapper-projects-page .project-content-section{color:#fff}@media(max-width:1024px){section.project-listing .main-wrapper-projects-page .project-content-section{text-align:center}}section.project-listing .main-wrapper-projects-page .main-title{font-size:1.4rem;font-weight:700;line-height:1;margin-bottom:8px;min-height:60px}@media(max-width:768px){section.project-listing .main-wrapper-projects-page .main-title{font-size:2rem;text-align:left}}section.project-listing .main-wrapper-projects-page .main-title .brand-subtitle{display:block;font-size:16px;font-weight:500;padding-bottom:12px;color:hsla(0,0%,100%,.6)}section.project-listing .main-wrapper-projects-page .description{font-size:1.125rem;line-height:1.6;color:#a0a0a0;margin-bottom:16px;max-width:500px;min-height:130px}@media(max-width:1024px){section.project-listing .main-wrapper-projects-page .description{max-width:none}}@media(max-width:768px){section.project-listing .main-wrapper-projects-page .description{text-align:left}}section.project-listing .main-wrapper-projects-page .tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}@media(max-width:1024px){section.project-listing .main-wrapper-projects-page .tags{justify-content:center}}@media(max-width:768px){section.project-listing .main-wrapper-projects-page .tags{justify-content:flex-start}}section.project-listing .main-wrapper-projects-page .tag{background:hsla(0,0%,100%,.1);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;color:#a0a0a0}section.project-listing .main-wrapper-projects-page .view-project{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:transform .2s ease}section.project-listing .main-wrapper-projects-page .view-project:hover{transform:translateX(5px)}@media(max-width:1024px){section.project-listing .main-wrapper-projects-page .view-project{justify-content:center}}section.project-listing .main-wrapper-projects-page .arrow{font-size:1.5rem;transition:transform .2s ease}.view-project:hover section.project-listing .main-wrapper-projects-page .arrow{transform:translateX(5px)}@media(max-width:768px){section.project-listing .main-wrapper-projects-page .project__cta{text-align:left}}section.project-listing .main-wrapper-projects-page .project__cta .button-wrapper .learn-more .circle{background:#fff}section.project-listing .main-wrapper-projects-page .project__cta .button-wrapper .learn-more .button-text{color:#fff}section.project-listing .main-wrapper-projects-page .project__cta .button-wrapper .learn-more:hover .button-text{color:var(--text-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section.project-listing .main-wrapper-projects-page .project-content-section>*{animation:fadeIn .6s ease forwards}section.project-listing .main-wrapper-projects-page .phone-mockup{animation:fadeIn .8s ease forwards}