.app-page-bg{background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;width:100%;height:90vh;display:flex;justify-content:center;align-items:center;position:relative}.app-page-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.playmade-app{background-image:url(/_next/static/media/playMade-bg.aceb7913.jpeg)}.app-page-bg__inner{text-align:center;text-align:-webkit-center;z-index:1}.app-page-bg__title{font-size:50px;font-weight:700;color:var(--background);text-transform:capitalize}.btn-app{color:var(--background);font-size:18px;font-weight:500;display:flex;align-items:center;gap:10px;justify-content:center;margin-top:20px;border-bottom:2px solid var(--background);padding-bottom:1px;transition:all .3s ease}.about-app__title{font-size:40px;font-weight:700;margin-bottom:20px;color:var(--background)}.project-details{display:flex;align-items:center;gap:20px}.project-details__item{width:50%}.project-details__item:first-child{border-right:1px dotted var(--gray)}.project-details__item+.project-details__item{padding-left:30px}.border-doted{border-left:1px dotted var(--background);height:100%}.project-details__item span{color:var(--gray);font-size:14px;font-weight:400}.project-details__item p{color:var(--background);font-size:20px;font-weight:500;text-transform:uppercase;margin-top:20px;margin-bottom:0}.app-intro img{width:40%;height:auto;object-fit:cover;margin:0 -50px}.dot-gradient{width:20px;height:20px;border-radius:50%;background-image:radial-gradient(at top left,#E6CDA0 0,#3281BB 70%)}.working-prosses-sec__left{display:flex;align-items:center;gap:10px}.working-prosses-sec__title{font-size:34px;font-weight:700;margin-bottom:0;color:var(--background)}.process-card{width:300px;padding:28px 24px;background-color:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:20px;position:relative}.process-card h4{font-size:20px;font-weight:500;margin-bottom:16px;color:var(--background);font-family:inherit}.process-card ul{padding-left:20px;margin-bottom:0;list-style:disc;color:var(--primary-color)}.process-card ul li{font-size:14px;font-weight:400;color:var(--gray);margin-bottom:4px}.process-card ul li::marker{color:var(--primary-color)}.connector-svg{top:50%}.connector-svg,.connector-svg-2{position:absolute;right:-25px;z-index:-1}.connector-svg-2{bottom:17%}.connector-svg img,.connector-svg-2 img{width:80px;height:auto}.icon-sec{width:48px;height:48px;border-radius:12px;display:flex;position:relative;align-items:center;justify-content:center;margin-bottom:20px;color:var(--background)}.icon-sec:before{background:linear-gradient(270deg,#5CB0E9,#3D72FC)}.icon-sec:after,.icon-sec:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;z-index:-1}.icon-sec:after{opacity:0;background:linear-gradient(270deg,#FA5674,#6065D4);-webkit-transition:all .5s ease;transition:all .5s ease}.icon-sec svg{width:30px;height:30px}.design-card{text-align:-webkit-center;height:250px}.connector-svg-design{position:absolute;top:20%;right:-25px;z-index:-1}.connector-svg-design img{width:80px;height:auto}.design-card p{font-size:14px;font-weight:400;color:var(--gray);margin-bottom:0}.result-contant h2{font-size:40px;font-weight:700;margin-bottom:0;color:var(--background)}.ad_stats{display:flex;padding-top:3rem}.results__wrapper{width:300px}.results__wrapper h5{font-size:60px;font-weight:700;margin-bottom:0;color:var(--background)}.results__wrapper span{font-size:14px;font-weight:400;margin-top:20px;color:var(--gray)}.result-img{height:500px}.result-img,.result-img img{width:100%;object-fit:cover;border-radius:20px}.result-img img{height:100%}