.our-work-container{flex-direction:column;gap:24px;width:100%;max-width:1300px;margin:40px auto 0;display:flex}.our-work-container h4{color:#d03838;letter-spacing:2px;padding-left:24px;font-size:20px}.our-work-container .projects-container{flex-direction:column;gap:24px;margin-top:16px;padding:0 24px 32px;display:flex}@media screen and (min-width:768px){.our-work-container .projects-container{gap:40px}}@media screen and (min-width:1300px){.our-work-container h4{padding-left:0}.our-work-container .projects-container{padding:0}.our-work-container{margin-bottom:120px}}
.projects-page-container .our-work-container{margin-top:120px}@media screen and (min-width:768px){.projects-page-container .our-work-container{margin-top:140px}}@media screen and (min-width:1300px){.projects-page-container .our-work-container{margin-top:160px}}.project-container{border-radius:12px;flex-direction:column;gap:24px;width:100%;display:flex}.project-container .project-text{flex-direction:column;align-items:center;gap:16px;padding:0 16px 32px;display:flex}.project-container .project-text .project-read-more{width:96px;padding:0}.project-container .project-text h2{color:#393939;text-align:center;margin-top:16px;font-size:36px;font-weight:800}.project-container .project-text p{text-align:center;color:#393939;font-size:14px;font-weight:500}.project-container .project-image{border-radius:12px;width:100%;height:400px;margin:0 auto}.project-container .project-image img{object-fit:cover;object-position:top center;border-radius:12px;width:100%;height:100%;transition:all 5s ease-in-out}.project-container .project-image:hover img{object-position:bottom center}@media screen and (min-width:768px){.project-container{border-radius:24px;flex-direction:row;padding:16px}.project-container.reverse{flex-direction:row-reverse}.project-container .project-image{flex:3;width:700px;height:560px;margin:0;overflow:hidden}.project-container .project-image img{object-fit:cover;border-radius:0;width:100%;height:100%}.project-container .project-text{flex-direction:column;flex:4;justify-content:center;align-items:center;gap:24px;padding:0 32px;display:flex}.project-container .project-text .project-read-more{width:112px}.project-container .project-text h2{text-align:left;font-size:40px}.project-container .project-text p{text-align:left;font-size:16px}}@media screen and (min-width:1024px){.project-container{border-radius:16px;padding:0}.project-container .project-image{flex:5;width:700px;margin:0;overflow:hidden}.project-container .project-image img{object-fit:cover;border-radius:12px;width:100%;height:100%}.project-container .project-text{flex-direction:column;flex:5;justify-content:center;align-items:start;gap:24px;padding:32px;display:flex}.project-container .project-text h2{text-align:left;font-size:56px}.project-container .project-text p{text-align:left}}
