.single-project-section>main>div>h2{color:#161618;margin-top:0;margin-bottom:24px;font-size:30px;font-weight:500}@media (max-width:768px){.single-project-section>main>div>h2{color:#161618;font-size:24px;font-weight:600}}.single-project-section>main .thumbnail{margin-bottom:48px}.single-project-section>main .thumbnail>img{object-fit:cover;border-radius:12px;width:100%}.single-project-section>main .content>h1{color:#161618;margin:0 0 16px;font-size:32px;font-weight:600}@media (max-width:768px){.single-project-section>main .content>h1{margin-bottom:14px;font-size:28px}}.single-project-section>main .content>div>*{color:#5a5a61;margin-top:0;font-size:18px;font-weight:400;line-height:24px}@media (max-width:768px){.single-project-section>main .content>div>*{font-size:16px}}.single-project-section>main .content>ul{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:40px;margin-bottom:80px;display:grid}@media (max-width:400px){.single-project-section>main .content>ul{flex-direction:column;display:flex}}.single-project-section>main .content>ul>li{background:#eef4fe;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 16px;display:flex}.single-project-section>main .content>ul>li>h4{color:#161618;margin:0;font-size:14px;font-weight:300}.single-project-section>main .content>ul>li>p{color:#161618;text-align:center;margin:0;font-size:30px;font-style:normal;font-weight:500}@media (max-width:768px){.single-project-section>main .content>ul>li>p{font-size:20px;font-weight:700}}.single-project-section>main .project-gallery{margin-bottom:80px}.single-project-section>main .project-gallery>div{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.single-project-section>main .project-gallery>div>img{object-fit:cover;cursor:pointer;border-radius:16px;width:100%}.single-project-section>main .video-project{margin-bottom:80px}.single-project-section>main .video-project .vp-root{border-radius:16px;width:100%}.single-project-section>main .video-project .vp-root>video{height:600px}.single-project-section>main .timeline-project{margin-bottom:80px}.single-project-section>main .timeline-project>h2{text-align:center;width:100%;margin-bottom:60px}.single-project-section>main .timeline-project .timeline{min-height:fit-content;padding-top:40px;padding-bottom:40px;position:relative}.single-project-section>main .timeline-project .timeline:after{content:"";background-color:#e2e2e4;width:2px;margin-left:-3px;position:absolute;top:0;bottom:0;left:50%}@media (max-width:640px){.single-project-section>main .timeline-project .timeline:after{right:0}}.single-project-section>main .timeline-project .timeline>:not(:last-child){margin-bottom:60px}.single-project-section>main .timeline-project .timeline .content-timeline{max-width:50%;height:fit-content;position:relative}@media (max-width:640px){.single-project-section>main .timeline-project .timeline .content-timeline{max-width:100%}}.single-project-section>main .timeline-project .timeline .content-timeline.right{flex-direction:column;align-items:end;padding-left:24px;display:flex;left:0}@media (max-width:640px){.single-project-section>main .timeline-project .timeline .content-timeline.right{align-items:start;padding-left:0;padding-right:24px}}.single-project-section>main .timeline-project .timeline .content-timeline.right:after{left:-8px}@media (max-width:640px){.single-project-section>main .timeline-project .timeline .content-timeline.right:after{left:inherit;right:-5px}}.single-project-section>main .timeline-project .timeline .content-timeline.left{padding-right:24px;right:50%}@media (max-width:640px){.single-project-section>main .timeline-project .timeline .content-timeline.left{align-items:start;padding-left:0;padding-right:24px;right:0}}.single-project-section>main .timeline-project .timeline .content-timeline.left:after{right:-4px}@media (max-width:640px){.single-project-section>main .timeline-project .timeline .content-timeline.left:after{left:inherit;right:-5px}}.single-project-section>main .timeline-project .timeline .content-timeline:after{content:"";z-index:1;background-color:#e2e2e4;border-radius:50%;width:12px;height:12px;position:absolute;top:8px}.single-project-section>main .timeline-project .timeline .content-timeline>h2{color:#161618;margin:0 0 16px;font-size:32px;font-weight:700;line-height:1}@media (max-width:640px){.single-project-section>main .timeline-project .timeline .content-timeline>h2{font-size:24px}}.single-project-section>main .timeline-project .timeline .content-timeline>p{text-align:right;color:#5a5a61;margin:0;font-size:16px;font-weight:400}