.works{position:relative;overflow:hidden;padding-top:146px;padding-bottom:131px}.works .section-header{text-align:center;margin-bottom:50px}.works .section-header h1{font-size:47px;font-weight:600;color:#343434}.works .lines{right:0;top:0}.works .ecp_1,.works .lines{position:absolute;z-index:-1}.works .ecp_1{right:-50%;top:-50%}.works .ecp_2{position:absolute;left:-50%;bottom:-50%;z-index:-1}.works .categories{position:relative;z-index:1;height:fit-content;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:30px;padding-bottom:30px}.works .categories h3{font-size:24px;font-weight:500;margin:20px 0}.works .categories ul{display:flex;flex-direction:column;gap:16px;padding:0}.works .categories ul li{font-size:18px;font-weight:400;color:#343434;cursor:pointer;position:relative;padding-right:25px;transition:all .3s ease}.works .categories ul li span{position:absolute;left:-16%;top:50%;transform:translateY(-50%);opacity:0;transition:all .3s ease}.works .categories ul li.active{color:#1ea48b;padding-right:35px}.works .categories ul li.active span{opacity:1}.works .categories>img:first-child{position:absolute;right:0;top:0}.works .categories>img:nth-child(4){position:absolute;right:35%;bottom:0}.works .works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}.works .work-card{position:relative;border-radius:20px;overflow:hidden;transition:all .3s ease}.works .work-card:hover{transform:translateY(-5px)}.works .work-image{position:relative;width:100%;height:400px}.works .work-image .main-image{width:100%;height:100%;object-fit:cover;border-radius:20px}.works .work-image .overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:all .3s ease;border-radius:20px}.works .work-card:hover .overlay{opacity:1}.works .work-image .overlay h3{color:#fff;font-size:20px;font-weight:500;margin-bottom:15px}.works .work-image .overlay .links{display:flex;gap:15px}.works .work-image .overlay .links a{background:hsla(0,0%,100%,.2);padding:10px;border-radius:50%;transition:all .3s ease}.works .work-image .overlay .links a:hover{background:#1ea48b}.works .view-all{display:flex;align-items:center;justify-content:center;padding:15px 30px;border-radius:8px;color:#fff;font-size:16px;margin-top:20px;transition:all .3s ease}.works .view-all i{margin-right:8px}.works .mobile-categories{position:relative;margin:30px 0}.works .mobile-categories .shadow-left,.works .mobile-categories .shadow-right{position:absolute;top:0;width:50px;height:100%;z-index:1}.works .mobile-categories .shadow-left{left:0;background:linear-gradient(90deg,#fff,transparent)}.works .mobile-categories .shadow-right{right:0;background:linear-gradient(270deg,#fff,transparent)}.works .view-all-mobile{display:flex;align-items:center;justify-content:center;padding:15px 30px;border-radius:8px;color:#fff;font-size:16px;margin:20px auto;background:#1ea48b;width:fit-content}.works.ar{direction:rtl}.works.ar .categories ul li{padding-left:25px;padding-right:0}.works.ar .categories ul li span{right:-16%;left:auto;transform:translateY(-50%) rotateY(180deg)}.works.ar .categories ul li.active{padding-left:35px;padding-right:0}@media (max-width:768px){.works .section-header h1{font-size:36px}.works .works-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.works .work-image{height:350px}}@media (max-width:480px){.works .section-header h1{font-size:28px}.works .works-grid{grid-template-columns:1fr}}