.projects-hero-section{position:relative;top:0;left:0;width:100%;height:100vh;background-image:url(https://i.postimg.cc/qRs02b42/Projectsback.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:-1;opacity:0;transition:opacity 1s ease-in-out,transform 1s ease-in-out}.projects-hero-section.show{opacity:1}.projects-hero-heading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--Website-red-color);font-size:var(--font-size-menu-heading);font-weight:var(--font-weight-super-heading);text-align:center;z-index:1}.projects-hero-heading.show{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.projects-first-heading{text-align:center;font-size:var(--font-size-page-heading);font-weight:var(--font-weight-super-heading);margin-bottom:20px;color:var(--Website-black-color);padding-top:8rem}.project-section{display:flex;justify-content:space-between;padding:2rem;background-color:#f3eeed;border-radius:10px}.project-content{width:100%}.odd-project .project-content,.project-content{display:flex;justify-content:center;align-items:center}.odd-project .project-content{flex-direction:row;margin-top:3rem;margin-bottom:3rem}.even-project .project-content{display:flex;flex-direction:row-reverse}.left-section-project{border-top:2px solid #000}.left-section-project,.right-section-project{width:50%;padding:2rem;margin-left:6rem;margin-right:6rem}.project-heading{font-size:24px;font-weight:700;margin-bottom:1rem}.project-description{font-size:16px;margin-bottom:1.5rem}.project-button{margin-top:auto;border:1px solid var(--Website-black-color);padding:.75rem 1.5rem;background-color:hsla(0,0%,100%,0);box-shadow:1px 3px 16px -5px #000;bottom:1rem;left:1rem;cursor:pointer}.projects-content-container{background-color:var(--Website-body-color);width:100%}.projects-content{padding-left:0;padding-right:0;padding-bottom:0;position:relative;width:100%}.loading-spinner{height:100vh}.details-dual-image-container,.loading-spinner{display:flex;justify-content:center;align-items:center}.details-dual-image-container{flex-direction:row;gap:1rem;padding:2rem}.details-projects-large-image{max-width:900px;max-height:500px;width:100%;height:auto;object-fit:cover}.project-details-modal-title{font-size:33px;font-family:Playfair Display,serif;font-weight:700}.projects-details-text{font-size:23px;font-family:Playfair Display,serif}@media (max-width:320px){.projects-hero-heading{font-size:70px}.even-project .project-content,.odd-project .project-content{display:flex;flex-direction:column-reverse}.right-section-project{padding:0;margin-left:0;margin-right:0;display:flex;justify-content:center;align-items:center}.left-section-project{width:100%;padding:1rem;margin-left:1rem;margin-right:1rem}.project-section{padding:0}.projects-large-image{width:320px;height:auto;padding:1rem}.project-details-modal-title{display:flex;justify-content:center;font-size:30px;text-align:center}.details-projects-large-image{max-width:900px;max-height:500px}.details-dual-image-container{padding:0}.projects-details-text{font-size:16px;font-family:Playfair Display,serif;text-align:left}}@media (max-width:360px){.projects-hero-heading{font-size:70px}.even-project .project-content,.odd-project .project-content{display:flex;flex-direction:column-reverse}.right-section-project{padding:0;margin-left:0;margin-right:0;display:flex;justify-content:center;align-items:center}.left-section-project{width:100%;padding:1rem;margin-left:1rem;margin-right:1rem}.project-section{padding:0}.projects-large-image{width:320px;height:auto;padding:1rem}.project-details-modal-title{display:flex;justify-content:center;font-size:30px;text-align:center}.details-projects-large-image{max-width:900px;max-height:500px}.details-dual-image-container{padding:0}.projects-details-text{font-size:16px;font-family:Playfair Display,serif;text-align:left}}@media (min-width:375px){.projects-hero-heading{font-size:70px}.even-project .project-content,.odd-project .project-content{display:flex;flex-direction:column-reverse}.right-section-project{padding:0;margin-left:0;margin-right:0;display:flex;justify-content:center;align-items:center}.left-section-project{width:100%;padding:1rem;margin-left:1rem;margin-right:1rem}.project-section{padding:0}.projects-large-image{width:320px;height:auto;padding:1rem}.project-details-modal-title{display:flex;justify-content:center;font-size:30px;text-align:center}.details-projects-large-image{max-width:900px;max-height:500px}.details-dual-image-container{padding:0}.projects-details-text{font-size:18px;font-family:Playfair Display,serif;text-align:left}}@media (min-width:390px){.projects-hero-heading{font-size:70px}.even-project .project-content,.odd-project .project-content{display:flex;flex-direction:column-reverse}.right-section-project{padding:0;margin-left:0;margin-right:0;display:flex;justify-content:center;align-items:center}.left-section-project{width:100%;padding:1rem;margin-left:1rem;margin-right:1rem}.project-section{padding:0}.projects-large-image{width:320px;height:auto;padding:1rem}}@media (min-width:430px){.projects-hero-heading{font-size:70px}.even-project .project-content,.odd-project .project-content{display:flex;flex-direction:column-reverse}.right-section-project{padding:0;margin-left:0;margin-right:0;display:flex;justify-content:center;align-items:center}.left-section-project{width:100%;padding:1rem;margin-left:1rem;margin-right:1rem}.project-section{padding:0}.projects-large-image{width:427px;height:auto;padding:1rem 0 2rem}}@media (min-width:480px){.projects-hero-heading{font-size:70px}.even-project .project-content,.odd-project .project-content{display:flex;flex-direction:column-reverse}.right-section-project{padding:0;margin-left:0;margin-right:0;display:flex;justify-content:center;align-items:center}.left-section-project{width:100%;padding:1rem;margin-left:1rem;margin-right:1rem}.project-section{padding:0}.projects-large-image{width:478px;height:auto;padding:1rem 0 2rem}.project-details-modal-title{display:flex;justify-content:center;font-size:35px;text-align:center}.projects-details-text{font-size:22px;font-family:Playfair Display,serif;text-align:left}}@media (min-width:600px){.projects-hero-heading{font-size:85px}.even-project .project-content,.odd-project .project-content{display:flex;flex-direction:column-reverse}.right-section-project{padding:0;margin-left:0;margin-right:0;display:flex;justify-content:center;align-items:center}.left-section-project{width:100%;padding:1rem;margin-left:1rem;margin-right:1rem}.project-section{padding:0}.projects-large-image{width:596px;height:auto;padding:1rem 0 2rem}.project-details-modal-title{font-size:40px}.projects-details-text{font-size:23px}}@media (min-width:768px){.projects-large-image{width:763px;height:auto;padding:1rem 0 2rem}}@media (min-width:1024px){.projects-hero-heading{font-size:85px}.even-project .project-content,.odd-project .project-content{display:flex;flex-direction:column-reverse}.right-section-project{padding:0;margin-left:0;margin-right:0;display:flex;justify-content:center;align-items:center}.left-section-project{width:100%;padding:1rem;margin-left:1rem;margin-right:1rem}.project-section{padding:0}.projects-large-image{width:763px;height:auto;padding:1rem 0 2rem}}@media (min-width:1280px){.projects-hero-heading{font-size:90px}.even-project .project-content{display:flex;flex-direction:row;padding:4rem}.odd-project .project-content{display:flex;flex-direction:row-reverse;padding:4rem}.right-section-project{padding:0;margin-left:0;margin-right:0;display:flex;justify-content:center;align-items:center}.left-section-project{width:100%;padding:1rem;margin-left:1rem;margin-right:1rem;border-top:none;border-left:2px solid #000}.project-section{padding:0}.projects-large-image{width:526px;height:auto;padding:0}.details-dual-image-container{padding:2rem 6rem}.project-details-modal-title{font-size:46px}}@media (min-width:1440px){.even-project .project-content{display:flex;flex-direction:row;padding:8rem;margin:0}.odd-project .project-content{display:flex;flex-direction:row-reverse;padding:8rem;margin:0}}@media (min-width:1600px){.projects-hero-heading{font-size:110px}.even-project .project-content{display:flex;flex-direction:row;padding:11rem;margin:0}.odd-project .project-content{display:flex;flex-direction:row-reverse;padding:11rem;margin:0}}@media (min-width:1920px){.projects-hero-heading{font-size:120px}.even-project .project-content{display:flex;flex-direction:row;padding:11rem;margin:0}.odd-project .project-content{display:flex;flex-direction:row-reverse;padding:11rem;margin:0}.project-heading{font-size:34px}.project-description{font-size:20px}.projects-details-text{font-size:25px;text-align:center}}@media (min-width:2560px){.projects-hero-heading{font-size:150px}.even-project .project-content{display:flex;flex-direction:row;padding:11rem;margin:0}.odd-project .project-content{display:flex;flex-direction:row-reverse;padding:11rem;margin:0}.project-heading{font-size:44px}.project-description{font-size:30px}.projects-large-image{width:785px;height:auto;padding:0}.projects-details-text{font-size:33px;text-align:center}.details-projects-large-image{max-width:1330px;max-height:757px}}@media (width:375px) and (height:667px){.details-dual-image-container{padding-top:2rem;padding-bottom:2rem}}@media (width:414px) and (height:896px){.details-dual-image-container{padding-top:2rem;padding-bottom:2rem}}@media (width:390px) and (height:844px){.details-dual-image-container{padding-top:2rem;padding-bottom:2rem}}@media (width:430px) and (height:932px){.details-dual-image-container{padding-top:2rem;padding-bottom:2rem}}@media (width:360px) and (height:740px){.details-dual-image-container{padding-top:2rem;padding-bottom:2rem}}@media (width:412px) and (height:915px){.details-dual-image-container{padding-top:2rem;padding-bottom:2rem}}@media (width:768px) and (height:1024px){.details-dual-image-container{padding-top:2rem;padding-bottom:2rem}}@media (width:820px) and (height:1180px){.details-dual-image-container{padding-top:2rem;padding-bottom:2rem}}@media (width:1024px) and (height:1366px){.details-dual-image-container{padding-top:2rem;padding-bottom:2rem}}@media (width:912px) and (height:1368px){.details-dual-image-container{padding-top:2rem;padding-bottom:2rem}}@media (width:540px) and (height:720px){.details-dual-image-container{padding-top:2rem;padding-bottom:2rem}}@media (width:412px) and (height:914px){.details-dual-image-container{padding-top:2rem;padding-bottom:2rem}}@media (width:1024px) and (height:600px){.details-dual-image-container{padding-top:2rem;padding-bottom:2rem}}@media (width:1280px) and (height:800px){.details-dual-image-container{padding-top:2rem;padding-bottom:2rem}}