.projects-main-section{width:100%;max-width:1600px;margin:0 auto}
.projectsListing-main-main-section{padding:0 16px}.projectsListing-main-section{flex-direction:column;display:flex}.projectsListing-main-section hr{color:#555}.projects-div{border-radius:50px;justify-content:space-between;align-items:center;padding:28px 20px;transition:background .35s;display:flex}.projects-div h1{font-family:var(--font-heading);text-align:left;text-transform:uppercase;max-width:30%;font-weight:400;font-size:var(--title-size,40px);flex:1;transition:color .35s}.project-image{flex-shrink:0;width:320px;height:200px;position:relative}.project-date{font-size:25px;font-family:var(--font-body);color:#555;font-weight:400;transition:color .35s}.project-arrow{color:#fff;background:#c4a473;border-radius:50px;flex-shrink:0;padding:14px;transition:transform .35s}.projects-div:hover{background:#202020}.projects-div:hover h1,.projects-div:hover p{color:#fff}.projects-div:hover .project-arrow{transform:rotate(40deg)}@media (max-width:1024px){.projectsListing-main-main-section{padding:0 40px}.projects-div{border-radius:40px;gap:16px;padding:24px 16px}.projects-div h1{font-size:min(18px, var(--title-size,18px));max-width:25%}.project-image{width:240px;height:160px}.project-date{font-size:20px}}@media (max-width:768px){.projectsListing-main-main-section{padding:0 24px}.projects-div{border-radius:30px;flex-direction:column;align-items:flex-start;gap:14px;padding:20px 16px}.projects-div h1{font-size:min(24px, var(--title-size,24px));max-width:100%}.project-image{width:100%;height:220px}.project-date{font-size:17px}.project-arrow{align-self:flex-end;padding:11px}}@media (max-width:480px){.projectsListing-main-main-section{padding:0 16px}.projects-div{border-radius:24px;gap:12px;padding:16px 12px}.projects-div h1{font-size:min(20px, var(--title-size,20px))}.project-image{height:180px}.project-date{font-size:15px}.project-arrow{padding:9px}}