:root{--primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--accent-gradient:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--glass-bg:rgba(255, 255, 255, 0.1);--glass-border:rgba(255, 255, 255, 0.2)}.timeline{position:relative;padding:0;list-style:none}.timeline:before{position:absolute;top:0;bottom:0;left:40px;width:2px;margin-left:-1.5px;content:"";background-color:#e9ecef}.timeline>li{position:relative;min-height:50px;margin-bottom:50px}.timeline>li:after,.timeline>li:before{display:table;content:" "}.timeline>li:after{clear:both}.timeline>li .timeline-panel{position:relative;float:right;width:100%;padding:0 20px 0 100px;text-align:left}.timeline>li .timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li .timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}.timeline>li .timeline-image{position:absolute;z-index:100;left:0;width:80px;height:80px;margin-left:0;text-align:center;color:#fff;border:7px solid #e9ecef;border-radius:100%;background:#ececec}.timeline>li .timeline-image .h4,.timeline>li .timeline-image h4{font-size:10px;line-height:14px;margin-top:12px}.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 20px 0 100px;text-align:left}.timeline>li.timeline-inverted>.timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li.timeline-inverted>.timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}.timeline>li:last-child{margin-bottom:0}.timeline .timeline-heading .h4,.timeline .timeline-heading h4{margin-top:0;color:inherit}.timeline .timeline-heading .subheading.h4,.timeline .timeline-heading h4.subheading{text-transform:none}.timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}@media (min-width:768px){.timeline:before{left:50%}.timeline>li{min-height:100px;margin-bottom:100px}.timeline>li .timeline-panel{float:left;width:41%;padding:0 20px 20px 30px;text-align:right}.timeline>li .timeline-image{left:50%;width:100px;height:100px;margin-left:-50px}.timeline>li .timeline-image .h4,.timeline>li .timeline-image h4{font-size:13px;line-height:18px;margin-top:16px}.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 30px 20px 20px;text-align:left}}@media (min-width:992px){.timeline>li{min-height:150px}.timeline>li .timeline-panel{padding:0 20px 20px}.timeline>li .timeline-image{width:150px;height:150px;margin-left:-75px}.timeline>li .timeline-image .h4,.timeline>li .timeline-image h4{font-size:18px;line-height:26px;margin-top:30px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}}@media (min-width:1200px){.timeline>li{min-height:170px}.timeline>li .timeline-panel{padding:0 20px 20px 100px}.timeline>li .timeline-image{width:170px;height:170px;margin-left:-85px}.timeline>li .timeline-image .h4,.timeline>li .timeline-image h4{margin-top:40px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px}}.timeline-image img{object-fit:cover;height:100%;width:100%;border-radius:50%;border:5px solid #fff;box-shadow:0 0 10px rgba(0,0,0,.15)}@media (max-width:767px){.timeline-image{margin-bottom:20px;position:relative;left:0!important;transform:none!important}}.restaurant-section-header{text-align:center;margin-bottom:3rem;position:relative}.restaurant-section-header p{margin:0 auto}.wrapper.banner-bg-product{background:#fff;padding-top:100px!important;padding-bottom:100px!important}.banner-bg-product .header-text{font-size:2.25rem;font-weight:700;color:#2c3e50}.wrapper .container p{color:#555;font-size:1rem;line-height:1.6}.banner-bg-product .card{transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;height:220px;display:flex;align-items:center;justify-content:center;border:none;position:relative;background:#fff;padding-top:7px}.banner-bg-product .card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.15)}.overlay6{background:rgba(191,190,190,.1);height:100%;width:100%;text-align:center;display:flex;justify-content:center;align-items:center}.card-title-bar{width:100%;background:#fff;padding:12px 16px;text-align:center}.card-title-bar h3{font-size:1rem;margin:0;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.bg07{background:url(../../../assets/images/screens/restaurant/P1-Restaurants.webp) center/cover no-repeat}.bg02{background:url(../../../assets/images/screens/restaurant/P2-Cafés.webp) center/cover no-repeat}.bg03{background:url(../../../assets/images/screens/restaurant/P3-Coffee-Shops.jpeg) center/cover no-repeat}.bg04{background:url(../../../assets/images/screens/restaurant/P4-Bakery-Café.jpeg) center/cover no-repeat}.bg05{background:url(../../../assets/images/screens/restaurant/P5-QSRwebp) center/cover no-repeat}.bg06{background:url(../../../assets/images/screens/restaurant/P6-Fast-Food-Chains.jpeg) center/cover no-repeat}.bg08{background:url('../../../assets/images/screens/restaurant/P7-Takeaway- Delivery.webp') center/cover no-repeat}.bg010{background:url(../../../assets/images/screens/restaurant/P8-Street-Food.jpeg) center/cover no-repeat}.bg011{background:url('../../../assets/images/screens/restaurant/P9-Food -Trucks.jpeg') center/cover no-repeat}.bg012{background:url(../../../assets/images/screens/restaurant/P10-Food-Carts.webp) center/cover no-repeat}.bg013{background:url(../../../assets/images/screens/restaurant/P11-Kiosks.jpeg) center/cover no-repeat}.bg014{background:url(../../../assets/images/screens/restaurant/P11-Juice-Bars.webp) center/cover no-repeat}.bg015{background:url(../../../assets/images/screens/restaurant/P12-Ice-Cream-Shops.webp) center/cover no-repeat}.bg016{background:url(../../../assets/images/screens/restaurant/P13-Dessert-Parlors.webp) center/cover no-repeat}.bg17{background:url(../../../assets/images/screens/restaurant/P14-Cloud-Kitchens.jpeg) center/cover no-repeat}.bg18{background:url(../../../assets/images/screens/restaurant/P15-Delivery-Only.webp) center/cover no-repeat}.bg19{background:url(../../../assets/images/screens/restaurant/P16-Pop-up.webp) center/cover no-repeat}@media (max-width:768px){.banner-bg-product .card{height:180px}.card-title-bar h3{font-size:1rem}}.restaurant-call-to-action{background-color:#1d1b1b;position:relative;overflow:hidden;padding:50px 0;z-index:1}.restaurant-call-to-action>*{position:relative;z-index:1}.restaurant-call-to-action .container{color:#fff;position:relative;overflow:hidden;border-radius:1rem;padding:4rem 2rem}.restaurant-call-to-action .content h2,.restaurant-call-to-action .content p{color:#fff;position:relative;z-index:2}.restaurant-call-to-action .btn-cta{background-color:color-mix(in srgb,#fff 15%,transparent);color:#fff;padding:12px 40px;border-radius:50px;transition:all .3s ease;border:2px solid #fff;position:relative;z-index:2}.restaurant-call-to-action .btn-cta:hover{background-color:#fff;color:#090909}.restaurant-call-to-action .shape{position:absolute;pointer-events:none;z-index:1}.restaurant-call-to-action .shape svg{width:100%;height:100%}.restaurant-call-to-action .shape svg path{fill:color-mix(in srgb,#fff 50%,transparent)}.restaurant-call-to-action .shape-1{width:200px;height:200px;top:-80px;right:-50px;opacity:.1;transform:rotate(45deg);animation:shapes-float 2s ease-in-out infinite}.restaurant-call-to-action .shape-2{width:200px;height:200px;bottom:-50px;left:-50px;opacity:.15;transform:rotate(-15deg);animation:shapes-float 3s ease-in-out infinite}.restaurant-call-to-action .shape-3{width:150px;height:150px;top:20%;right:15%;opacity:.08;animation:shapes-float 4s ease-in-out infinite}.restaurant-call-to-action .dots{position:absolute;pointer-events:none;z-index:1;color:#fff}.restaurant-call-to-action .dots svg{width:100%;height:100%}.restaurant-call-to-action .dots-1{width:200px;height:200px;top:-30px;left:10%;opacity:.1;transform:rotate(15deg);animation:shapes-float 4s ease-in-out infinite}.restaurant-call-to-action .dots-2{width:150px;height:150px;bottom:20px;right:15%;opacity:.15;transform:rotate(-10deg)}@keyframes shapes-float{0%,100%{transform:scale(.8) rotate(45deg) translateY(0)}50%{transform:scale(.8) rotate(45deg) translateY(-20px)}}@media (max-width:992px){.restaurant-call-to-action .container{padding:3rem 1.5rem}.restaurant-call-to-action .shape-1{width:200px;height:200px}.restaurant-call-to-action .shape-2{width:150px;height:150px}.restaurant-call-to-action .shape-3{width:100px;height:100px}.restaurant-call-to-action .dots-1{width:150px;height:150px}.restaurant-call-to-action .dots-2{width:120px;height:120px}.restaurant-call-to-action .dots-3{width:80px;height:80px}}@media (max-width:575px){.restaurant-call-to-action .container{border-radius:0;padding:3rem 0}.restaurant-call-to-action .shape-1{width:120px;height:120px;top:-50px;right:0}.restaurant-call-to-action .shape-2{width:120px;height:120px;bottom:-50px;left:-10px}.restaurant-call-to-action .shape-3{width:100px;height:100px;top:20%;right:15%}}.animated-shapes{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.shape{position:absolute;opacity:.15;animation:float 20s infinite ease-in-out}.shape.square{width:20px;height:20px;background:0 0;border:2px solid gray;position:absolute;top:20%;left:10%;opacity:.2;z-index:0;box-shadow:0 0 5px rgba(255,255,255,.5);animation:move-right-then-down 10s linear infinite}@keyframes move-right-then-down{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(500px,0) rotate(22.5deg)}100%{transform:translate(300px,300px) rotate(45deg)}}@keyframes rotate-square{0%{transform:rotate(0)}100%{transform:rotate(45deg)}}.shape.square{width:20px;height:20px;background:0 0;border:2px solid gray;position:absolute;top:20%;left:10%;opacity:.2;z-index:0;box-shadow:0 0 5px rgba(255,255,255,.5);animation:move-right-then-down 10s linear infinite}.shape.diamond{width:20px;height:20px;background:0 0;border:3px solid gray;position:absolute;top:80%;left:50%;transform:rotate(45deg);animation:move-right-then-down 10s linear infinite,rotate-diamond 10s linear infinite}.shape.pentagon{width:20px;height:20px;background:0 0;border:3px solid gray;position:absolute;top:10%;left:80%;clip-path:polygon(50% 0,100% 38%,81% 100%,19% 100%,0 38%);animation:move-right-then-down 10s linear infinite,rotate-pentagon 10s linear infinite}.shape.svg-shape{width:20px;height:20px;position:absolute;top:40%;left:5%;animation:move-right-then-down 10s linear infinite,rotate-svg 10s linear infinite}.shape.svg-shape svg{width:100%;height:100%;opacity:.15}.shape.ring{position:absolute;border:8px solid #c4c2c2;border-radius:50%;background:0 0;opacity:.15;animation:float-ring 12s ease-in-out infinite}.shape.ring.small{width:25px;height:25px;top:10%;left:5%;animation-delay:0s}.shape.ring.medium{width:30px;height:30px;top:18%;left:86%;animation-delay:3s}.shape.ring.large{width:35px;height:35px;top:90%;left:15%;animation-delay:6s}.shape.ring.m4{width:15px;height:15px;top:70%;left:90%;animation-delay:8s}@keyframes float-ring{0%{transform:translateY(0) scale(1);opacity:.1}50%{transform:translateY(-20px) scale(1.05);opacity:.25}100%{transform:translateY(0) scale(1);opacity:.1}}#howItWorks{background-size:250px 250px;background-image:url(assets/images/screens/restaurant/bg.png)}.restaurant-tick-list-content{list-style:none;padding:0;margin:0}.restaurant-tick-list-content li{display:flex;align-items:center;margin-bottom:12px;gap:10px}.restaurant-tick-list-content img{width:22px;height:22px}.restaurant-tick-list-content span{font-size:16px;color:#333;line-height:1.4}@media (max-width:575px){.features-section .section-title{margin:0;padding:0;text-align:center}}.hero{width:100%;min-height:100vh;position:relative;padding:120px 0;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#0f0f23 0,#1a1a2e 50%,#16213e 100%)}.hero .hero-bg{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;z-index:1;opacity:.1;filter:blur(2px)}.hero:before{content:"";background:linear-gradient(135deg,rgba(15,15,35,.95) 0,rgba(26,26,46,.98) 50%,rgba(22,33,62,.95) 100%);position:absolute;inset:0;z-index:2}.hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(64,224,208,.1) 2px,transparent 2px),radial-gradient(circle at 80% 20%,rgba(138,43,226,.15) 1px,transparent 1px),radial-gradient(circle at 40% 40%,rgba(30,144,255,.08) 3px,transparent 3px);background-size:100px 100px,150px 150px,200px 200px;animation:particlesFloat 20s linear infinite;z-index:2}@keyframes particlesFloat{0%{transform:translateY(0)}100%{transform:translateY(-100px)}}.hero .container{position:relative;z-index:3}.hero h1{margin:0 0 25px 0;font-size:3.5rem;font-weight:800;line-height:1.2;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3)}.hero h1 span{position:relative;background-clip:text;padding-bottom:8px;animation:gradientShift 3s ease-in-out infinite}.hero h1 span::after{content:'';position:absolute;bottom:0;left:0;height:4px;width:100%;background:linear-gradient(135deg,#40e0d0,#8a2be2,#1e90ff);border-radius:2px}@keyframes gradientShift{0%,100%{filter:hue-rotate(0)}50%{filter:hue-rotate(45deg)}}@keyframes lineExpand{0%{width:0}100%{width:100%}}.hero p{color:rgba(255,255,255,.9);margin:5px 0 35px 0;font-size:1.2rem;line-height:1.6;font-weight:400;text-shadow:0 2px 10px rgba(0,0,0,.2)}.hero .btn-get-started{color:#fff;background:linear-gradient(135deg,rgba(64,224,208,.2),rgba(138,43,226,.2));backdrop-filter:blur(15px);border:2px solid rgba(64,224,208,.4);font-weight:600;font-size:16px;letter-spacing:1px;display:inline-block;padding:15px 35px;border-radius:50px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px rgba(0,0,0,.4);position:relative;overflow:hidden}.hero .btn-get-started::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(64,224,208,.3),transparent);transition:left .8s}.hero .btn-get-started:hover::before{left:100%}.bg-rest-pos{background:linear-gradient(135deg,#0f0f23 0,#1a1a2e 50%,#16213e 100%)}.hero .btn-get-started:hover{color:#fff;background:linear-gradient(135deg,rgba(64,224,208,.3),rgba(138,43,226,.3));transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px rgba(0,0,0,.6),0 0 30px rgba(64,224,208,.3);border-color:rgba(64,224,208,.6)}.circle-card-layout{position:relative;width:450px;height:450px;margin:40px auto;animation:slideInFromRight 1s ease-out .3s both}.image-circle-wrapper{background:linear-gradient(135deg,rgba(64,224,208,.15),rgba(138,43,226,.15));backdrop-filter:blur(20px);border:2px solid rgba(64,224,208,.3);border-radius:50%;padding:15px;width:320px;height:320px;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(64,224,208,.2);animation:pulseGlow 4s ease-in-out infinite}@keyframes pulseGlow{0%,100%{box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(64,224,208,.2)}50%{box-shadow:0 25px 80px rgba(0,0,0,.7),0 0 60px rgba(64,224,208,.4)}}.image-circle-wrapper img{width:100%;height:100%;border-radius:50%;object-fit:cover;transition:transform .3s ease}.image-circle-wrapper:hover img{transform:scale(1.05)}.rotating-container{position:absolute;width:100%;height:100%;top:0;left:0;animation:rotateCards 60s linear infinite;transform-origin:center center;z-index:1}.floating-card{width:90px;height:90px;border-radius:20px;background:linear-gradient(135deg,rgba(30,30,60,.8),rgba(20,20,40,.9));backdrop-filter:blur(20px);border:1px solid rgba(64,224,208,.3);color:#fff;font-size:12px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.6),0 0 20px rgba(64,224,208,.1);text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:8px;position:absolute;animation:floatWave 6s ease-in-out infinite;transition:all .3s ease}.floating-card:hover{transform:scale(1.1) translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.8),0 0 30px rgba(64,224,208,.3);background:linear-gradient(135deg,rgba(30,30,60,.9),rgba(20,20,40,1));border-color:rgba(64,224,208,.5)}.card-inner{transform:rotate(-360deg);animation:counterRotate 60s linear infinite;display:flex;flex-direction:column;align-items:center}.floating-card .icon{font-size:24px;margin-bottom:5px;background:linear-gradient(135deg,#40e0d0,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.floating-card .label{font-size:11px;text-align:center;line-height:1.2;font-weight:600;color:rgba(255,255,255,.95)}.card-top{top:calc(40% - 220px);left:50%;transform:translateX(-50%);animation-delay:0s}.card-bottom{top:calc(50% + 190px);left:50%;transform:translateX(-50%);animation-delay:3s}.card-left{left:calc(50% - 270px);top:50%;transform:translateY(-50%);animation-delay:1.5s}.card-right{left:calc(50% + 190px);top:50%;transform:translateY(-50%);animation-delay:4.5s}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}100%{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes rotateCards{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes counterRotate{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}@keyframes floatWave{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.02)}}.hero .hero-waves{display:block;width:100%;height:80px;position:absolute;left:0;bottom:0;right:0;z-index:3}.hero .wave1 use{animation:move-forever1 12s linear infinite;animation-delay:-2s;fill:rgba(255,255,255,.8);opacity:.7}.hero .wave2 use{animation:move-forever2 10s linear infinite;animation-delay:-2s;fill:rgba(255,255,255,.9);opacity:.5}.hero .wave3 use{animation:move-forever3 8s linear infinite;animation-delay:-2s;fill:#fff}@keyframes move-forever1{0%{transform:translate(85px,0)}100%{transform:translate(-90px,0)}}@keyframes move-forever2{0%{transform:translate(-90px,0)}100%{transform:translate(85px,0)}}@keyframes move-forever3{0%{transform:translate(-90px,0)}100%{transform:translate(85px,0)}}@media (max-width:992px){.circle-card-layout{width:380px;height:380px}.image-circle-wrapper{width:280px;height:280px}.card-top{top:calc(40% - 190px)}.card-bottom{top:calc(50% + 160px)}.card-left{left:calc(50% - 230px)}.card-right{left:calc(50% + 160px)}}@media (max-width:768px){.hero{padding:100px 0;min-height:90vh}.hero h1{font-size:2.8rem;margin-bottom:20px}.hero p{font-size:1.1rem;margin-bottom:30px}.circle-card-layout{width:320px;height:320px;margin:30px auto}.image-circle-wrapper{width:240px;height:240px}.floating-card{width:75px;height:75px}.floating-card .icon{font-size:20px}.floating-card .label{font-size:10px}.card-top{top:calc(40% - 160px)}.card-bottom{top:calc(50% + 130px)}.card-left{left:calc(50% - 190px)}.card-right{left:calc(50% + 130px)}}@media (max-width:640px){.hero h1{font-size:2.4rem;margin-top:40px}.hero p{font-size:1rem;margin-bottom:25px}.hero .btn-get-started{font-size:14px;padding:12px 28px}.circle-card-layout{width:280px;height:280px}.image-circle-wrapper{width:200px;height:200px}.floating-card{width:65px;height:65px}.floating-card .icon{font-size:18px;margin-bottom:3px}.floating-card .label{font-size:9px}}