.projects-page{background-color:var(--YOO-Green-Lightest)}.project-heading{font-weight:800;font-size:var(--fontsize-h4)}.index-event-img{height:auto;max-height:1500px;min-height:350px;width:100%;object-fit:cover}.index-event-date-and-title{width:600px}.index-event-details{position:absolute;display:flex;top:75%;left:50%;color:#fff;flex-direction:row;align-items:center;justify-content:space-between;gap:30px}.index-event-img img{height:100%;width:100%;object-fit:cover;border-radius:var(--common-radius);opacity:.8}.recent-projects-banner{width:100%;height:225px;background-color:var(--YOO-Blue-Light);z-index:-1;padding:10% 10% 5% 5%}.past-projects-banner{width:100%;height:200px;background-color:var(--YOO-Green-Lightest);z-index:-1;padding-left:5%;align-content:center}.past-project-container{width:100%;display:flex;flex-direction:column}.project-text{position:absolute;bottom:0;width:40%;height:150px;padding:20px 20px 20px 30px;border-top-right-radius:var(--common-radius);display:flex}.project-title-time{display:flex;flex-direction:column;padding-right:10px}.project-desc{max-width:40%;border-left:2px solid var(--text-light);padding-left:10px;overflow:auto}.project-right-corner-element{content:"";margin-top:10px;position:absolute;top:0;bottom:0;background-color:transparent;margin-left:35%;height:50px;color:transparent;border-top-left-radius:var(--common-radius);box-shadow:-15px 0 var(--YOO-Green-Lightest);text-indent:100%;white-space:nowrap;overflow:hidden}.project-left-corner-element{content:"";position:absolute;top:0;bottom:0;background-color:transparent;margin-top:80px;height:50px;color:transparent;border-top-left-radius:var(--common-radius);box-shadow:0 -25px var(--YOO-Green-Lightest);text-indent:100%;white-space:nowrap;overflow:hidden}.project-team{position:absolute;top:0;padding:20px 10px 3px;width:15%;height:100px;text-align:center;border-bottom-right-radius:var(--common-radius);align-content:center}.project-signup{position:absolute;bottom:0;right:0;align-content:center;overflow:hidden;z-index:1;width:35%;height:100px;text-align:center;border-top-left-radius:var(--common-radius)}.project-team-right-corner-element{position:absolute;top:0;margin-left:15%;margin-top:10px;height:50px;background-color:transparent;border-top-left-radius:var(--common-radius);white-space:nowrap;overflow:hidden;color:transparent;text-indent:100%}.project-team-left-corner-element{position:absolute;top:0;margin-top:100px;height:50px;background-color:transparent;border-top-left-radius:var(--common-radius);white-space:nowrap;overflow:hidden;color:transparent;text-indent:100%}.project-team-bottom-right-corner-element{content:"";position:absolute;bottom:0;right:0;height:50px;margin-bottom:100px;margin-right:9px;border-bottom-right-radius:var(--common-radius);text-indent:100%;white-space:nowrap;overflow:hidden}.project-team-bottom-left-corner-element{content:"";position:absolute;bottom:0;right:0;height:50px;margin-right:35%;margin-bottom:10px;border-bottom-right-radius:var(--common-radius);text-indent:100%;white-space:nowrap;overflow:hidden}.grid-container{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}.team-card{width:48%;padding:0 32px;background-color:var(--YOO-Green-Lightest);border-radius:16px;overflow:hidden;box-shadow:4px 4px 8px #00503233;transition:all .3s ease-in-out}.team-card:hover{cursor:pointer;transform:translate(-8px,-8px);transition:all .15s ease-in-out;box-shadow:14px 14px 16px #00783233}.team-details{padding:32px 0;color:var(--YOO-Green-Primary)}.team-image-wrapper{margin:0 -32px;height:200px}.team-image{width:100%;background-color:var(--YOO-Green-Light)}.team-image img{width:100%;height:100%;object-fit:cover}.placeholder-text{font-size:var(--fontsize-lrg);color:var(--text-medium);height:270px}.team-projects-page{background-color:var(--YOO-Blue-Light)}.team-projects-members{font-size:var(--fontsize-lrg);font-weight:500;color:var(--YOO-Green-Primary)}@media (max-width: 1400px){.project-team{position:absolute;top:0;padding:15px 10px 10px;width:25%;height:80px;text-align:center;border-bottom-right-radius:var(--common-radius)}.project-heading{font-weight:800;font-size:var(--fontsize-h5);padding-left:10px;padding-right:10px;margin-top:auto}.project-team-right-corner-element{content:"";margin-top:10px;position:absolute;top:0;bottom:0;background-color:transparent;margin-left:25%;height:50px;color:transparent;border-top-left-radius:var(--common-radius);box-shadow:-15px 0 var(--YOO-Green-Lightest);text-indent:100%;white-space:nowrap;overflow:hidden}.project-team-left-corner-element{content:"";position:absolute;top:0;bottom:0;background-color:transparent;margin-top:80px;height:50px;color:transparent;border-top-left-radius:var(--common-radius);box-shadow:0 -25px var(--YOO-Green-Lightest);text-indent:100%;white-space:nowrap;overflow:hidden}}@media (max-width: 900px){.past-project-container{width:100%;display:flex;flex-direction:column}.project-team{position:absolute;top:0;padding:15px 10px 10px;width:40%;height:16%;text-align:center;border-bottom-right-radius:var(--common-radius)}.team-heading{font-weight:800;font-size:var(--fontsize-h5);padding-left:15px;padding-right:15px;margin:8px auto auto}.index-heading,.project-heading{font-weight:800;font-size:var(--fontsize-lrg);padding-left:15px;padding-right:15px;margin:auto}.project-team-right-corner-element{content:"";margin-top:9px;position:absolute;top:0;bottom:0;background-color:transparent;margin-left:40%;height:30px;color:transparent;border-top-left-radius:var(--common-radius);box-shadow:-15px 0 var(--YOO-Green-Lightest);text-indent:100%;white-space:nowrap;overflow:hidden}.project-team-left-corner-element{content:"";position:absolute;top:0;bottom:0;background-color:transparent;margin-top:58px;height:50px;color:transparent;border-top-left-radius:var(--common-radius);box-shadow:0 -25px var(--YOO-Green-Lightest);text-indent:100%;white-space:nowrap;overflow:hidden}.index-event-img{height:350px;width:100%;object-fit:cover;display:block;margin:0 auto}.index-event-img img{height:100%}.index-event-details{display:flex;left:35%;width:70%;gap:0px;color:#fff;align-items:baseline;flex-direction:column;padding-right:20px;padding-left:5px}.index-event-description{font-size:var(--fontsize-reg);font-weight:500;width:100%;padding-right:40px}.index-event-title h2{font-size:var(--fontsize-lrg)}.index-event-description h5,.index-event-date h5{font-size:var(--fontsize-reg)}.index-event-text{font-size:var(--fontsize-h4);height:80px}}
