.portfolio-container{text-align:center;margin-top:100px}.portfolio-container .portfolio-header h1{font-size:3rem;color:#333;margin-bottom:20px}.portfolio-container .portfolio-header .portfolio-subtitle{color:#666;margin:10px 0;font-size:20px;font-weight:500;line-height:36px;letter-spacing:.10000000149011612px;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#1f1f1f}.portfolio-container .portfolio-header .portfolio-description{font-size:1rem;color:#666;width:70%;line-height:30px;margin:auto auto 20px}.portfolio-container .portfolio-header .portfolio-button{background-color:coral;border:none;border-radius:5px;color:#fff;padding:10px 20px;font-size:1rem;cursor:pointer}.portfolio-container .portfolio-header .portfolio-button:hover{background-color:#ff5a1d}.portfolio-container .portfolio-grid{margin-top:140px}.portfolio-container .portfolio-grid .portfolio-item{text-align:center}.portfolio-container .portfolio-grid .portfolio-item .portfolio-image{width:100%;border-radius:10px 10px 0 0;height:auto;transition:transform .3s ease;object-fit:cover}.portfolio_img .center,.portfolio_img .left,.portfolio_img .right{object-fit:cover;width:100%!important}.portfolio_img_center{transform:scale(1.05)}:lang(en) .portfolio_img_center .center{margin-top:-122px!important}:lang(ar) .portfolio_img_center .center{margin-top:-60px!important}.portfolio-container .portfolio-header h1{background-image:url(/_next/static/media/bg_projects_center.189990f7.png);background-position:50%;background-repeat:no-repeat;background-size:200px;font-size:48px;font-weight:700;line-height:72px}.portfolio-container{position:relative}.portfolio-container .icon_bg_projects_right{position:absolute;width:300px;height:auto;right:-80px;bottom:200px}.portfolio-container .icon_bg_projects_left{position:absolute;left:0;width:200px;height:auto;bottom:200px}.portfolio-container .icon_bg_projects_left img,.portfolio-container .icon_bg_projects_right img{width:100%;height:auto}.portfolio_grid_sm{display:none}@media (max-width:768px){.icon_bg_projects_left,.icon_bg_projects_right,.portfolio-grid{display:none!important}.portfolio_grid_sm{display:block;margin-top:50px}.portfolio-container .portfolio-grid .portfolio-item{margin-bottom:20px}.portfolio_img_center{order:-1}.portfolio-container .portfolio-header h1{font-size:2rem;line-height:1.2;background-size:120px}.portfolio-container .portfolio-header .portfolio-subtitle{font-size:16px}.portfolio-description{width:90%!important;font-size:14px!important}.portfolio-item .flex{flex-direction:column}.ant-col{padding:0 10px!important}.portfolio-button{width:90%;margin:15px auto;padding:12px 24px!important}}.app__projects-section{width:95%;margin:auto}.app__projects-section .projects-section{background-color:#fff}.app__projects-section .projects-section .tabs{margin-bottom:20px}.app__projects-section .projects-section .tabs .ant-btn-link{color:#555;font-size:1rem;margin:0 10px}.app__projects-section .projects-section .tabs .ant-btn-link.active-tab{color:#ff5722;font-weight:700}.app__projects-section .projects-section .projects-grid .project-card img{max-height:200px;object-fit:cover}.app__projects-section .projects-section .projects-grid .project-card .ant-card-meta-title{font-size:1.2rem;color:#333;margin-top:10px}.app__projects-section .projects-section .projects-grid .project-card .ant-card-meta-description{font-size:.9rem;color:#555}.app__projects-section .projects-section .view-more{margin-top:30px}.app__projects-section .projects-section .view-more .ant-btn-primary{background-color:#000;border-color:#000}.app__projects-section .projects-section .view-more .ant-btn-primary:hover{background-color:#333;border-color:#333}.app__projects-section .projects-section{padding:50px}.app__projects-section .projects-section .custom-card{position:relative;background-color:#000;border-radius:8px;overflow:hidden;color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2);cursor:pointer;display:flex;justify-content:center;align-items:center}.app__projects-section .projects-section .custom-card .card-image{position:relative}.app__projects-section .projects-section .custom-card .card-image img{transition:transform .3s}.app__projects-section .projects-section .custom-card .card-image img:hover{transform:scale(1.08)}.app__projects-section .projects-section .custom-card .card-image .card-category{position:absolute;top:30px;left:20px;background:linear-gradient(90deg,#4a4a4a,#2a2a2a);padding:7px 16px;color:#fff;font-size:13px;font-weight:500;line-height:15px;border-radius:52px;box-shadow:0 4px 6px rgba(0,0,0,.2);transition:transform .3s ease}.app__projects-section .projects-section .custom-card .card-image .card-category:hover{transform:scale(1.05)}.app__projects-section .projects-section .custom-card .card-image .card-icon{position:absolute;top:30px;right:40px;background:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-size:16px}.app__projects-section .projects-section .custom-card .card-content{padding:15px;position:absolute;bottom:20px}:lang(en) .app__projects-section .projects-section .custom-card .card-content{left:20px}:lang(ar) .app__projects-section .projects-section .custom-card .card-content{right:20px}.app__projects-section .projects-section .custom-card .card-content h3{font-size:1.2rem;font-weight:700;margin-bottom:10px;color:#fff;position:relative;z-index:1}.app__projects-section .projects-section .custom-card .card-content h3:before{content:"";position:absolute;width:90px;height:35px;z-index:-1;background-color:rgba(0,0,0,.8)}:lang(en) .app__projects-section .projects-section .custom-card .card-content h3:before{left:-15px;top:-4px}:lang(ar) .app__projects-section .projects-section .custom-card .card-content h3:before{right:-15px;top:2px}.app__projects-section .projects-section .custom-card .card-content p{font-size:.9rem;line-height:1.4;color:hsla(0,0%,100%,.8)}@media screen and (max-width:899px){.projects-section{padding:50px 20px}.app__projects-section .projects-section{padding:30px 20px 50px}}