.projects-page{width:100%;gap:2rem;display:flex;flex-direction:column;padding:10rem 5rem 0;visibility:hidden}.projects-page .projects-page-title{font-size:10rem;font-weight:700;color:#fff;text-align:center;width:100%;-webkit-text-stroke:3px #fff;text-stroke:3px #fff;color:transparent}@keyframes showTitle{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.projects-page .projectList-section{display:flex;justify-content:space-between;align-items:center;height:100svh;gap:5rem}.projects-page .projects-titles-list{height:60%;display:flex;align-items:center;position:relative;padding-right:calc(30px + .5rem);overflow:hidden;flex:.5 1}.projects-page .projects-titles-list .projects-titles-list-container{height:max-content;display:flex;flex-direction:column-reverse;gap:1rem}.projects-page .projects-titles-list .projects-titles-list-container .project-title-box{display:flex;align-items:center;gap:.5rem}.projects-page .projects-titles-list .projects-titles-list-container .project-title-box .project-title-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.projects-page .projects-titles-list .projects-titles-list-container .project-title-box .project-title{font-size:1.6rem;font-weight:500;color:#fff;text-align:right;cursor:pointer;transition:all .3s}.projects-page .projectList-section .projects-list{display:flex;flex:1 1;position:relative;height:70%;margin-right:5rem}.projects-page .projectList-section .projects-list .project-box{display:flex;border-radius:1.5em;padding:2rem;color:#fff;width:100%;justify-content:space-between;align-items:center;position:relative;position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.projects-page .projectList-section .projects-list .project-box .project-blur-bg{position:absolute;top:0;left:0;margin:0;width:100%;height:100%;pointer-events:none}.projects-page .projectList-section .projects-list .project-box .project-box-text-content{display:flex;flex-direction:column;gap:2rem;width:50%}.projects-page .projectList-section .projects-list .project-box .project-box-text-content .project-box-title{font-size:2.5rem;font-weight:700}.projects-page .projectList-section .projects-list .project-box .project-box-text-content .project-box-description{font-size:1.5rem;font-weight:500;color:hsla(0,0%,100%,.748)}.projects-page .projectList-section .projects-list .project-box .project-box-text-content .to-contact-page-btn{height:55px}.projects-page .projectList-section .projects-list .project-box .project-box-images{width:50%;position:relative;display:flex;justify-content:center;align-items:center;height:65svh}.projects-page .projectList-section .projects-list .project-box .project-box-images .shafeq-background-logo{width:100%;height:100%}.projects-page .projectList-section .projects-list .project-box .project-box-images .project-img{position:absolute;width:2em;overflow:hidden;padding:2rem;width:100%;height:100%}@media screen and (max-width:1200px){.projects-page .projects-page-title{font-size:8rem}.projects-page .projectList-section .projects-list{margin-right:0}.projects-page{padding:10rem 2rem 0}}@media screen and (max-width:992px){.projects-page .projects-page-title{font-size:8rem}.projects-page .projects-titles-list{display:none}.projects-page .projectList-section{align-items:flex-start;height:70svh}.projects-page{gap:10rem}}@media screen and (max-width:768px){.projects-page .projectList-section{align-items:flex-start;height:auto}.projects-page .projectList-section .projects-list{height:calc(100svh - 100px)}.projects-page .projectList-section .projects-list .project-box{flex-direction:column;gap:2rem;height:100%;overflow:hidden;justify-content:flex-end}.projects-page .projectList-section .projects-list .project-box .project-box-text-content{gap:1rem;width:100%}.projects-page{gap:5rem}.projects-page .projectList-section .projects-list .project-box .project-box-images{position:absolute;width:auto;height:auto;top:-1rem;left:1rem;transform:scale(1);z-index:-1}.projects-page .projectList-section{padding-top:2.5rem}}@media screen and (max-width:600px){.projects-page .projects-page-title{font-size:6rem}.projects-page .projectList-section .projects-list .project-box .project-box-text-content .project-box-title{font-size:6vw}.projects-page .projectList-section .projects-list .project-box .project-box-text-content .project-box-description{font-size:2.5vw}.projects-page .projectList-section .projects-list .project-box .project-box-text-content .to-contact-page-btn{height:48px}}@media screen and (max-width:480px){.projects-page .projects-page-title{font-size:4rem}.projects-page{gap:3rem;padding:5rem 1rem 0}.projects-page .projectList-section{padding-top:5rem}.projects-page .projectList-section .projects-list .project-box .project-box-text-content .project-box-title{font-size:9vw}.projects-page .projectList-section .projects-list .project-box .project-box-text-content .project-box-description{font-size:3.5vw}}