.product-hero{position:relative;background-image:url(/images/product-hero.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;height:100vh;display:flex;align-items:center;justify-content:flex-start;z-index:1;padding-top:50px}.product-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.3));z-index:2}.product-hero>*{position:relative;z-index:3}.product-hero .pro-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:80%;color:#fff;margin:30px}.btn-1,.btn-2{font-weight:600;width:150px;padding:12px 15px;border-radius:10px;color:#fff;border:2px solid #fff;margin:10px 0}.btn-1{background-color:#97cadb}.btn-2{background-color:transparent}.product-scroll{width:100%;margin:5rem 0;overflow:hidden;background-color:var(--quaternary);color:#ffffff}.scroll-track{position:relative;height:70px;display:flex;max-width:1536px;margin-inline:auto}@keyframes scroll{to{left:-200px}}.scroll-item{font-weight:600;width:200px;height:70px;text-transform:uppercase;font-size:20px;white-space:nowrap;position:absolute;left:100%;display:flex;align-items:center;animation:scroll 40s linear infinite}.item-1{animation-delay:calc(40s / 7 * (7 - 1) * -1)}.item-2{animation-delay:calc(40s / 7 * (7 - 2) * -1)}.item-3{animation-delay:calc(40s / 7 * (7 - 3) * -1)}.item-4{animation-delay:calc(40s / 7 * (7 - 4) * -1)}.item-5{animation-delay:calc(40s / 7 * (7 - 5) * -1)}.item-6{animation-delay:calc(40s / 7 * (7 - 6) * -1)}.item-7{animation-delay:calc(40s / 7 * (7 - 7) * -1)}.products{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin:3rem auto;cursor:pointer}.items{display:flex;flex-direction:column;align-items:center;text-align:center;width:300px;background-color:#fff;border-radius:10px;position:relative;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3)}.items:hover img{transform:scale(1.2)}.images{height:200px;width:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;border-top-left-radius:10px;border-top-right-radius:10px}.item_1 .images{background-image:url(/images/Home-page.jpg)}.item_2 .images{background-image:url(/images/product-1.jpg)}.item_3 .images{background-image:url(/images/product-2.jpg)}.item_4 .images{background-image:url(/images/product-3.jpg)}.item_5 .images{background-image:url(/images/product-4.jpg)}.item_6 .images{background-image:url(/images/product-5.jpg)}.content{padding:10px;margin-top:20px}.items-2{position:relative}.items-2 .logo{bottom:300px;padding:10px}.items-2 .logo,.logo{position:absolute;background-color:#ffffff;border-radius:50px}.logo{bottom:255px;padding:5px}.work-process{text-align:center;height:90%;flex-direction:column}.work-process,.work_wraper{display:flex;justify-content:center}.work_wraper{align-items:center;gap:10px}.work_wraper .wrappers{display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:10px;margin-top:40px;padding:30px 0;width:30%}.product-section span,.wrappers .emphasized-text{color:var(--secondary)}.product-section .mark-icon{width:40px}.wrappers .logo-icon{background-color:var(--quaternary);padding:20px;width:70px;border-radius:50%;margin-bottom:30px}@media (max-width:481px){.product-hero{height:100%}.images{height:200px!important;width:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;border-top-left-radius:10px;border-top-right-radius:10px}.items{display:flex;flex-direction:column;align-items:center;text-align:center;width:90%;height:500px!important;background-color:#fff;border-radius:10px;position:relative;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3)}.product-hero .pro-content{width:100%;margin:20px;padding-top:40px}.btn-2{font-weight:500;width:130px;padding:10px 13px;border:1px solid #fff;margin:8px 0}.work-process{text-align:center;height:100%;display:flex;flex-direction:column;justify-content:center;margin-top:50px}.work_wraper{flex-direction:column;gap:20px}.work_wraper .wrappers{border-radius:10px;margin-top:0;padding:0;width:100%}.wrappers .mark-icon{padding:10px;width:55px;margin-bottom:0}.product-scroll{margin:2rem 0}@keyframes scroll{to{left:-150px}}.scroll-item{font-weight:600;width:200px;height:30px;text-transform:uppercase;left:200%;animation:scroll 10s linear infinite;font-size:20px;font-weight:500}.scroll-track{height:30px}.item-1{animation-delay:calc(10s / 4 * (4 - 1) * -1)}.item-2{animation-delay:calc(10s / 4 * (4 - 2) * -1)}.item-3{animation-delay:calc(10s / 4 * (4 - 3) * -1)}.item-4{animation-delay:calc(10s / 4 * (4 - 4) * -1)}.item-5{animation-delay:calc(40s / 7 * (7 - 5) * -1);display:none}.item-6{animation-delay:calc(40s / 7 * (7 - 6) * -1);display:none}.item-7{animation-delay:calc(40s / 7 * (7 - 7) * -1)}.item-7,.logo{display:none}.paragraph-text{font-size:1rem;font-weight:500;line-height:36px;padding:0 5px}}@media (max-width:899px){.product-hero{height:80%}.product-hero .pro-content{width:100%;margin:20px}.btn-2{font-weight:500;width:130px;padding:10px 13px;border:1px solid #fff;margin:8px 0}.work-process{text-align:center;display:flex;flex-direction:column;justify-content:center}.work_wraper{flex-direction:column;gap:20px}.work_wraper .wrappers{border-radius:10px;margin-top:0;padding:0;width:100%}.wrappers p{font-size:20px}.wrappers .mark-icon{padding:10px;width:75px;margin-bottom:0}.product-scroll{margin:2rem 0}@keyframes scroll{to{left:-150px}}.scroll-item{font-weight:600;width:200px;height:30px;text-transform:uppercase;left:200%;animation:scroll 10s linear infinite;font-size:20px;font-weight:500}.scroll-track{height:30px}.item-1{animation-delay:calc(10s / 4 * (4 - 1) * -1)}.item-2{animation-delay:calc(10s / 4 * (4 - 2) * -1)}.item-3{animation-delay:calc(10s / 4 * (4 - 3) * -1)}.item-4{animation-delay:calc(10s / 4 * (4 - 4) * -1)}.item-5{animation-delay:calc(40s / 7 * (7 - 5) * -1);display:none}.item-6{animation-delay:calc(40s / 7 * (7 - 6) * -1);display:none}.item-7{animation-delay:calc(40s / 7 * (7 - 7) * -1);display:none}.products{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin:1rem auto;cursor:pointer}.items{display:flex;flex-direction:column;align-items:center;text-align:center;width:90%;height:400px;background-color:#fff;border-radius:10px;position:relative;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3)}.items:hover img{transform:scale(1.2)}.images{height:50%;width:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;border-top-left-radius:10px;border-top-right-radius:10px}.items-2 .logo{position:absolute;bottom:190px;background-color:#ffffff;padding:10px;border-radius:50px}.item_2 .logo{bottom:180px}.item_6 .logo,.logo{bottom:170px}.logo{position:absolute;background-color:#ffffff;padding:5px;border-radius:50px}.item_4 .logo{bottom:170px}}