.single-project .project-section .top-wrapper{display:flex;flex-direction:column;text-align:center}.single-project .project-section .top-wrapper .section-title{color:var(--clr-main)}.single-project .project-section .top-wrapper img{width:100%;height:auto;aspect-ratio:1}.single-project .project-section .top-wrapper .info-wrapper{display:flex;justify-content:space-between;gap:15px}.single-project .project-section .top-wrapper .info-wrapper .info{display:flex;flex-direction:column;text-align:start;gap:5px}.single-project .project-section .top-wrapper .info-wrapper .info .info-title{color:var(--clr-alt-3)}.single-project .project-section .top-wrapper .info-wrapper .info .info-content{color:var(--clr-main)}@media (max-width: 991px){.single-project .project-section .top-wrapper .info-wrapper{flex-direction:column}}@media (min-width: 992px){.single-project .project-section .top-wrapper{gap:80px}}@media (max-width: 991px){.single-project .project-section .top-wrapper{gap:50px}}.single-project .project-section .about-info .content-wrapper{display:flex;flex-direction:column}.single-project .project-section .about-info .content-wrapper .md-title{color:var(--clr-main)}.single-project .project-section .about-info .content-wrapper .html-content{color:var(--clr-content)}@media (min-width: 992px){.single-project .project-section .about-info .content-wrapper{margin-top:130px;gap:20px}}@media (max-width: 991px){.single-project .project-section .about-info .content-wrapper{margin-top:80px;gap:15px}}.single-project .project-section .middle-content img{width:100%;height:clamp(28.125rem,51.408vw + 15.594rem,50.938rem)}@media (min-width: 992px){.single-project .project-section .middle-content{margin-top:130px}}@media (max-width: 991px){.single-project .project-section .middle-content{margin-top:80px}}.single-project .project-section .middle-info{margin-top:40px;display:flex;flex-direction:column;gap:15px}.single-project .project-section .middle-info .md-title{color:var(--clr-main)}.single-project .project-section .middle-info .html-content{color:var(--clr-content)}@media (min-width: 992px){.single-project .project-section{margin-bottom:130px}}.single-project .next-project-section .title-wrapper{display:flex;flex-direction:column;text-align:center;align-items:center;color:var(--clr-main)}.single-project .next-project-section .title-wrapper .section-title{width:fit-content;position:relative}.single-project .next-project-section .title-wrapper .section-title:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--clr-main);transform:scaleX(0);transform-origin:bottom left;transition:transform .35s ease-out}.single-project .next-project-section .title-wrapper .section-title a{color:var(--clr-main)}@media (pointer: fine) and (hover: hover){.single-project .next-project-section .title-wrapper .section-title:hover:after,.single-project .next-project-section .title-wrapper .section-title:focus-visible:after{transform:scaleX(1)}}.single-project .next-project-section .title-wrapper svg rect{fill:#f7f6f5}@media (min-width: 992px){.single-project .next-project-section .title-wrapper{margin-bottom:60px;gap:25px}}@media (max-width: 991px){.single-project .next-project-section .title-wrapper{margin-bottom:40px;gap:15px}.single-project .next-project-section .title-wrapper svg{margin-top:25px}}.single-project .next-project-section .next-img-wrapper{overflow:hidden}.single-project .next-project-section .next-img{width:100%;height:auto;aspect-ratio:1;transition:var(--transition)}@media (pointer: fine) and (hover: hover){.single-project .next-project-section .next-img:hover,.single-project .next-project-section .next-img:focus-visible{transform:scale(1.1)}}.single-project .next-project-section .sub-title{color:var(--clr-main);font-size:14px;line-height:24px;font-weight:300;letter-spacing:normal}@media (min-width: 992px){.single-project .next-project-section{border-top:1px solid var(--clr-alt-3);padding-top:130px}}@media (max-width: 991px){.single-project .next-project-section{padding-top:100px}}@media (min-width: 992px){.single-project{margin-block:80px 130px}}@media (max-width: 991px){.single-project{margin-block:25px 100px}}