body,html{font-family:var(--light-font);overflow-x:hidden}.Bd_font{font-family:var(--bold-font)}.Bd_font_ar{font-family:var(--bold-arabic-font)}.project-details{position:absolute;top:0;color:#000;width:100%;margin:0 auto;padding:4%}.filter-card{position:absolute;bottom:0;top:0;right:0;left:0;padding:4%}.project-info{position:absolute;top:65%;text-align:center;margin:0 auto;width:100%}.all-projects{font-size:50px}.project-soluation{font-size:20px;color:#fff}.height-card{height:370px}.project-location{color:#fff;font-size:20px}.project-title{position:absolute;bottom:68%;text-align:center;font-size:20px;width:100%;margin:0 auto;white-space:break-spaces}.project-title:hover{text-decoration:underline}.project-service-section{width:auto;padding:20px;text-align:center}.services{color:#fff;font-size:21px;padding:3% 11%;line-height:160%}.background-color{background-image:linear-gradient(to left,#960067,#ac0061,#c00057,#d1004b,#df003d,#e62034,#ec332a,#f1441e,#f3591b,#f46b19,#f57c1b,#f68b1f)}.font-icon{font-size:100px}.image{display:block;width:100%;height:auto}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;opacity:0;transition:.5s ease;background-color:transparent}.big-font{font-size:64px}.contain:hover .overlay{opacity:1}.border-l{border-left:4px solid #000}.border-r{border-right:4px solid #000}.bg{background:#f9a857;background:linear-gradient(90deg,#f9a857 0,#e31a2c 60%,#970165 100%)}.project-section{padding:20px;width:auto}.project-filter{background-color:#313131ed;color:#fff}.curser{cursor:pointer}.color-white{color:#fff}@media (max-width:375px) and (min-width:320px){.font-icon{font-size:50px}.project-service-section p{font-size:12px}.services p{font-size:15px}.all-projects{font-size:30px}.height-card{height:auto;padding-bottom:2%}.project-title{font-size:15px}.project-info{top:65%}.project-soluation{font-size:25px}.project-location{font-size:18px}.big-font{font-size:40px}.services{padding:14% 7%}.line-h{line-height:24px}}.project-filter h6{width:fit-content;transition-property:transform;transition:.25s ease}.project-filter h6::after{content:'';border-top:2px solid #c4268c;width:100%;position:absolute;display:block;transform:rotateY(90deg);transition:transform .25s linear;background:linear-gradient(90deg,#f9a857 0,#e31a2c 60%,#970165 100%)}.project-filter h6:hover{transform:scale(1)}.project-filter h6:hover::after{transform:rotate(0)}h6.active{font-family:var(--bold-font);border-bottom:3px solid #c4268c}.filter-ar.active{font-family:var(--bold-arabic-font);border-bottom:3px solid #c4268c}@media (max-width:667px) and (min-width:640px){.font-icon{font-size:50px}}@media (max-width:414px) and (min-width:411px){.services{padding:14% 7%}.font-icon{font-size:50px}.height-card{height:auto;padding-bottom:2%}}@media (max-width:736px) and (min-width:720px){.font-icon{font-size:50px}}@media (max-width:823px) and (min-width:812px){.font-icon{font-size:50px}}@media (width:320px){.font-icon{font-size:50px}}@media (width:568px){.font-icon{font-size:50px}}@media (width:768px){.font-icon{font-size:50px}.all-projects{font-size:40px}.row{width:auto}}@media (width:540px){.font-icon{font-size:50px}.project-title{font-size:24px}.height-card{height:auto;padding-bottom:2%}}@media (width:280px){.font-icon{font-size:50px}.big-font{font-size:30px}.text-left{font-size:15px}.text-icon{font-size:10px}.height-card{height:auto;padding-bottom:2%}.project-title{font-size:12px}.project-location{font-size:16px}.project-soluation{font-size:20px}}@media (width:1024px){.height-card{height:auto;padding-bottom:2%}.all-projects{font-size:45px}}