.projects_container{width:100%;position:relative;background-color:var(--background-secondary);padding-bottom:60px;overflow:hidden}.projects_container:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:50vw solid transparent;border-right:50vw solid transparent;border-top:50px solid var(--background-secondary);background:var(--white-color);pointer-events:none}.website-heading{text-align:center;margin:40px 0;font-family:Roboto,sans-serif;color:var(--dark-blue-color)!important;font-size:var(--font-size-large)}.project-list-container{gap:var(--spacing-large)}.popup-active{overflow:hidden;height:100vh}.inspiration-section{margin-top:80px;padding:20px;background-color:var(--white-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.random-gallery-wrapper{width:100%}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--spacing-medium);gap:var(--spacing-medium)}.gallery-item{height:200px;border-radius:var(--border-radius);overflow:hidden;cursor:pointer;box-shadow:var(--box-shadow)}.gallery-item img{width:100%;height:100%;object-fit:cover}@media (max-width:768px){.projects-content{border-right:none;padding:10px}.gallery-grid{grid-template-columns:repeat(2,1fr)}}.project-card-container{display:flex;align-items:center;max-width:1200px;margin:0 auto;gap:var(--spacing-large);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);background-color:var(--white-color);cursor:pointer;overflow:hidden}.card-image-wrapper{width:50%;height:400px;flex-shrink:0}.card-image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center}.card-content{flex:1 1;padding:var(--spacing-large);display:flex;flex-direction:column;justify-content:center}.card-content h3{font-family:Roboto,sans-serif;color:var(--dark-blue-color)!important;font-size:1.8rem;margin-bottom:var(--spacing-small)}.card-content p{font-family:Open Sans,sans-serif!important;color:var(--black-color);font-size:1rem;line-height:1.6;margin-bottom:var(--spacing-medium)}.read-more{color:var(--light-blue-color);font-weight:700;font-family:Rubik,serif;margin-top:auto}@media (max-width:768px){.project-card-container{flex-direction:column}.card-image-wrapper{width:100%;height:250px}.card-content{width:100%;box-sizing:border-box}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.popup-container{background:var(--white-color);border-radius:var(--border-radius);width:90%;max-width:1000px;max-height:85vh;display:flex;flex-direction:column;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.3)}.close-button{position:absolute;right:15px;top:15px;font-size:2rem;border:none;background:transparent;cursor:pointer;color:var(--secondary-color);z-index:10}.close-button:hover{color:var(--hover-color)}.popup-header{padding:20px 30px;border-bottom:1px solid var(--border-color)}.popup-header h2{color:var(--dark-blue-color)!important;margin-top:0}.popup-header p{color:var(--black-color);font-family:Open Sans,sans-serif!important}.popup-content-scroll{padding:20px 30px;overflow-y:auto}.popup-section{margin-bottom:30px}.popup-section h3{color:var(--dark-blue-color)!important;margin-bottom:15px;border-bottom:2px solid var(--border-color);display:inline-block;padding-bottom:5px}.image-grid{display:flex;flex-wrap:wrap;gap:10px}.clickable-image{width:calc(33.33% - 7px);height:200px;object-fit:cover;border-radius:4px;cursor:pointer}@media (max-width:768px){.clickable-image{width:calc(50% - 5px);height:150px}.popup-content-scroll,.popup-header{padding:15px}}.zoom-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000}.zoom-container{position:relative;max-width:90vw;max-height:90vh}.zoomed-image{width:100%;height:auto;border-radius:8px;box-shadow:0 0 15px rgba(255,255,255,.2)}.zoom-close-button{position:absolute;top:-20px;right:-20px;background:#fff;border:none;font-size:2rem;border-radius:50%;cursor:pointer;padding:0 10px}.projects-container{width:100%;position:relative;overflow:hidden;background-color:var(--background-secondary)}.projects-container:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:50vw solid transparent;border-right:50vw solid transparent;border-top:50px solid var(--background-secondary);background:#ffffff}.projects_description{width:90%;margin:20px auto 0;padding:20px;min-height:700px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;p{font-size:2em;margin:20px auto}h1,p{text-align:left;color:var(--black-color);width:70%}h1{font-size:4rem;margin:0 auto}}.projects-content{max-width:1200px;margin:20px auto;padding:20px}.pojects__websites__container{width:80%;max-width:1200px!important;margin:0 auto;padding:20px;background-color:var(--white-color);border-right:5px solid var(--gray-color);border-bottom:5px solid var(--gray-color)}.project-list-container{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}@media (max-width:768px){.projects_description{position:relative;width:90%;max-width:1200px!important;margin:20px auto 0;padding:20px;min-height:400px;display:flex;flex-direction:column;justify-content:center;p{text-align:left;color:var(--black-color);font-size:1.1em;margin:20px auto}h1,p{width:90%}h1{font-size:2rem}}.projects-content{border-right:none}}