body{font-family:"Plus Jakarta Sans",sans-serif!important;font-optical-sizing:auto;font-weight:400;font-style:normal;overflow-x:hidden;color:#000}
.main-header .main-nav{flex-grow:inherit}
img{max-width:100%}
li,p{color:#61709a;font-size:18px}
nav.navbar.navbar-expand-lg.navbar-light{padding:20px 0}
.main-header .main-nav .navbar-nav .nav-item{padding:0 5px}
.main-header .main-nav .navbar-nav .nav-item .nav-link{color:#001a32;font-size:16px;padding:6px 15px;transition:all .4s;border-radius:6px}
.main-header .main-nav .navbar-nav .nav-item .nav-link:hover,.main-header .main-nav .navbar-nav .nav-item.active .nav-link{font-weight:600;color:#3c37f1;background:rgb(60 55 241 / 11%)}
.globlebutton a{background:#3c37f1;color:#fff;text-decoration:none;padding:12px 20px;display:block;border-radius:10px;transition:all .4s}
.globlebutton a:hover{background:#062361}

.demobutton a{background:crimson;color:#fff;text-decoration:none;padding:12px 20px;display:block;border-radius:10px;transition:all .4s}
.demobutton a:hover{background:red}
.home-banner .demobutton.text-center{display:flex;justify-content:center;margin:30px 0 0 0}

.home-banner{background:#f3f2ff;margin:0;text-align:center;padding:50px 15px 10px 15px;border-radius:50px;overflow:hidden}
.home-banner h1{width:100%;font-size:45px;font-weight:700;max-width:1033px;margin:0 auto 20px}
.home-banner h1 span{color:#3c37f1}
.home-banner p{color:#595971;max-width:860px;margin:0 auto 0;font-size:20px;line-height:25px}
.home-banner .globlebutton.text-center{display:flex;justify-content:center;margin:30px 0 0 0}
.banner-animation{display:flex;align-items:center;justify-content:space-between;padding:0 50px 70px 30px;margin:-30px 0 0 0}
.banner-animation .cards-animations{width:100%;position:relative;display:flex;align-items:center;justify-content:space-between;padding:40px 100px 120px 0}
.banner-animation .cards-animations .card-3{position:absolute;bottom:0;left:0}
.banner-animation .cards-animations .card-2{position:relative;top:50px}
.mobile-animation{position:relative;z-index:1}
.banner-animation .cards-animations .card-1{margin:-50px 0 0 0;position:relative}
.banner-animation .cards-animations .lines{position:absolute;left:0;top:170px;width:100%;height:70px}
.banner-animation .cards-animations .lines .h-line{background-image:url('../images/border.png');width:calc(100% - 50px);height:2px;display:block;margin:30px 0 0 80px}
.banner-animation .cards-animations .lines .v-line{background-image:url(../images/border.png);width:100px;height:2px;display:block;transform:rotate(90deg) translate(50px,-30px);position:relative}
.banner-animation .cards-animations .lines .v-line:after{content:'';position:absolute;left:24px;top:-4px;width:12px;height:12px;background:#3c37f1;border-radius:100px;animation:pulse-animation 2s infinite}
@keyframes pulse-animation{
0%{box-shadow:0 0 0 0 rgba(62,48,255,.4);border-radius:100px}
100%{box-shadow:0 0 0 15px rgba(62,48,255,0);border-radius:100px}
}
.cards-animations .ladies-image{position:absolute;top:-60px;left:0;right:0;padding:0 0 0 170px}
section.online-order{padding:0 0 80px 0}
.trusted-business{padding:50px 0;text-align:center;font-size:24px;color:#56607b}
.trusted-business span{font-weight:800;color:#3c37f1}
.OurOnlineFood h2{font-size:45px;font-weight:700;margin:0 0 30px 0}
.OurOnlineFood h2 span{color:#3c37f1}
.OurOnlineFood ul{list-style:none;padding:0;display:grid;grid-template-columns:auto auto;gap:20px;margin:40px 0 0 0}
.OurOnlineFood ul li{display:flex;align-items:center;gap:15px;color:#000;font-weight:500}
section.WhoAreWeServing{padding:40px 0 80px 0;text-align:center;position:relative}
.section-heading h2{margin:0 0 30px 0;font-size:45px;font-weight:700}
.WhoAreWeServing .card-with-img{background:#fff;border:solid 1px #eef3ff;border-radius:12px;overflow:hidden;height:100%}
.WhoAreWeServing .col-lg-3{transition:all .4s;transform:scale(1)}
section.WhatOurPlatformOffers .platform-card:hover{background:#3c37f1;cursor:pointer}
section.WhatOurPlatformOffers .platform-card:hover *{color:#fff}
section.WhatOurPlatformOffers .platform-card,section.WhatOurPlatformOffers .platform-card *{transition:all .5s}
.WhoAreWeServing .col-lg-3:hover{transform:scale(1.05);cursor:pointer}
.WhoAreWeServing .card-with-img .card-img{width:100%;height:100vh;max-height:210px;position:relative}
.WhoAreWeServing .card-with-img .card-img img{width:100%;height:100%;object-fit:cover}
.WhoAreWeServing .card-with-img .card-content{padding:15px}
.WhoAreWeServing .card-with-img .card-content h3{font-size:22px;font-weight:600}
.WhoAreWeServing .card-with-img .card-content p{font-size:16px;max-width:250px;margin:auto}
.WhoAreWeServing .container{position:relative;z-index:9}
.WhoAreWeServing:after{content:'';position:absolute;left:60%;top:150px;width:355px;height:355px;background:#ccf;border-radius:1000px;filter:blur(100px)}
.WhoAreWeServing:before{content:'';position:absolute;left:25%;top:150px;width:355px;height:355px;background:#ffdce9;border-radius:1000px;filter:blur(100px)}
.WhatOurPlatformOffers .section-heading h2{margin:0}
.section-heading p{max-width:830px;margin:auto}
.WhatOurPlatformOffers .section-heading{margin:0 0 30px 0}
section.WhatOurPlatformOffers{background:#f3f2ff;position:relative;padding:50px 0 50px 0}
section.WhatOurPlatformOffers svg{position:absolute;top:0;right:0}
section.WhatOurPlatformOffers .container{position:relative;z-index:9}
section.WhatOurPlatformOffers .platform-card{background:#fff;height:100%;margin:0}
section.WhatOurPlatformOffers .platform-card{background:#fff;height:100%;margin:0;padding:15px;border-radius:12px}
section.WhatOurPlatformOffers .platform-card h4{font-size:18px;font-weight:600;max-width:calc(100% - 15px)}
section.WhatOurPlatformOffers .platform-card p{margin:0;font-size:15px}
section.plaform-smart{padding:50px 0 50px 0}
section.plaform-smart .section-heading h2{margin:0 auto;max-width:725px}
section.plaform-smart .section-heading h2 span{color:#3c37f1}
section.plaform-smart .section-heading{margin:0 0 45px 0}
.plaform-smart .owl-stage{display:flex}
.plaform-smart .owl-item .item{height:100%}
.plaform-smart .owl-item .item .platform-card{background:#ffecef;height:100%;padding:20px;border:solid 1px #ffc3c2;border-radius:12px}
.plaform-smart .owl-item .item .platform-card.card-2{background:#e4ffee;border-color:#ace8c2}
.plaform-smart .owl-item .item .platform-card.card-3{background:#fff6d3;border-color:#dccd94}
.plaform-smart .owl-item{margin-left:5px}
.plaform-smart .owl-item .item .platform-card h3{font-size:18px;max-width:280px;font-weight:900;margin:0 0 10px 0}
.plaform-smart .owl-item .item .platform-card p{font-size:16px;color:#455a64;font-weight:500;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;margin:0}
.plaform-smart .owl-carousel .owl-nav button{outline:0;margin:0 10px;width:60px;height:60px;border-radius:8px;background-image:url('../images/right-arrow.svg');background-repeat:no-repeat;background-position:center}
.plaform-smart .owl-carousel .owl-nav button span{display:none}
.plaform-smart .owl-carousel .owl-nav button:hover{background-color:#eaeaff;background-repeat:no-repeat;background-position:center;background-image:url('../images/right-arrow.svg')}
.plaform-smart .owl-carousel .owl-nav button.owl-prev{transform:rotate(180deg)}
.plaform-smart .owl-carousel .owl-nav{margin:30px 0 0 0}
.cta1 .ctabanner{display:flex;align-items:center;position:relative;overflow:hidden;background:#8b88ff;border-radius:12px;padding:30px 50px;justify-content:space-between}
.cta1 .ctabanner .bubbles{position:absolute;display:flex;align-items:center;width:380px;height:380px}
.cta1 .ctabanner .bubbles svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.cta1 .ctabanner .bubbles{position:absolute;display:flex;align-items:center;width:380px;height:380px;left:-150px}
.cta1 .ctabanner svg.icon{position:relative;z-index:9}
.cta1 .ctabanner h2{margin:0;color:#fff;font-size:26px;font-weight:700}
.HowDoesItWork{padding:50px 0 120px 0;background-repeat:no-repeat;background-image:url(../images/how-does-it-work-bg.png);background-size:cover;margin:65px 0 0 0}
.HowDoesItWork .section-heading h2 span{display:block;color:#3c37f1}
.HowDoesItWork .steps-wrap{display:flex;gap:25px;margin:60px 0 0 0}
.HowDoesItWork .steps-wrap .step-item{background:#fff;box-shadow:0 10px 20px #e8e8ff;border-radius:12px;padding:15px;position:relative;width:100%;transition:all .5s}
.HowDoesItWork .steps-wrap .step-item .step-counting{width:75px;height:75px;background:#ffff;font-size:36px;font-weight:700;color:#3c37f1;margin:-45px 0 0 -15px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .5s}
.HowDoesItWork .steps-wrap .step-item:hover,.HowDoesItWork .steps-wrap .step-item:hover .step-counting{background:rgb(206 205 255);cursor:pointer}
.HowDoesItWork .steps-wrap .step-item .arrow{position:absolute;right:15px;top:10px}
.HowDoesItWork .steps-wrap .step-item h3{font-size:17px;font-weight:800;color:#000;margin:20px 0 20px 0}
.HowDoesItWork .steps-wrap .step-item p{color:#455a64;font-size:15px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
section.faq-section{background:#eef3ff;padding:80px 0 50px 0;position:relative}
.WhyChooseUs{padding:95px 0}
.WhyChooseUs .whychooseus-img{max-width:fit-content;overflow:hidden;border-radius:15px}
section.faq-section{background:#eef3ff;padding:80px 0 50px 0}
section.faq-section svg.shap{position:absolute;right:0;top:0}
section.faq-section .faq-content-left h2{font-size:45px;color:#000;font-weight:600}
section.faq-section .faq-content-left p{max-width:450px}
section.faq-section .faq-content-left img{margin:70px 0 0 0}
.faq-section .accordion .accordion-item{border:none;margin:0 0 20px 0;border-radius:12px;overflow:hidden}
.faq-section .accordion .accordion-item .accordion-header .accordion-button{border:none;box-shadow:none;color:#000;font-size:20px;font-weight:600;padding:30px 30px;transition:all .4s}
.faq-section .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){background:0 0;padding-bottom:0}
.faq-section .accordion .accordion-item .accordion-body{padding:30px}
.faq-section .accordion .accordion-item .accordion-body p{margin:0}
.start-trail-cta{margin:50px 0 0 0;background-image:url(../images/CTA-bg.svg);background-size:cover;display:flex;align-items:center;justify-content:space-between;padding:10px 40px;background-repeat:no-repeat;border-radius:15px}
.start-trail-cta h2{color:#fff;flex:1;font-size:26px;font-weight:700;margin:0 0 0 30px}
.footer-section{background-image:url('../images/footer-bg.svg');background-size:cover;background-repeat:no-repeat;position:relative;padding:25px 0 0 0;color:#fff;margin:0}
.faq-section .container{position:relative;z-index:9}
.footer-left{padding:50px 10px 120px 10px;height:100%;position:relative}
.footer-left .newsletter-form h4{margin:10px 0 7px 0;font-size:22px;font-weight:500}
.footer-left .newsletter-form{width:100%;max-width:492px;margin:30px 0 0 0}
.footer-left .newsletter-form .form-wrap{position:relative;margin:10px 0 13px 0}
.footer-left .newsletter-form .form-wrap input{width:100%;height:58px;border:none;padding:0 120px 0 20px;outline:0;font-size:16px;font-family:Quicksand,system-ui;font-weight:600;border-radius:8px}
.footer-left .newsletter-form .form-wrap .subscribe{position:absolute;right:6px;top:6px;border:none;padding:0 20px;height:46px;background:#407bff;color:#fff;border-radius:8px;font-size:16px;font-family:Quicksand,system-ui;font-weight:600;cursor:pointer;transition:all .4s}
.footer-left .newsletter-form .form-wrap .subscribe:hover{background:#0c1b34}
.footer-left .newsletter-form p{margin:10px 0 0 0;color:#fff;font-size:14px}
.footer-right{padding:50px 10px 45px 10px}
.footer-right .address h3,.footer-right .f_nav h3{font-size:22px;font-weight:500;margin:20px 0 30px 0}
.footer-right .address ul,.footer-right .f_nav nav ul{list-style:none;padding:0;margin:0}
.footer-right .f_nav nav ul li a{font-size:16px;color:#fff;text-decoration:none;line-height:40px}
.footer-right .address ul li svg{min-width:30px}
.footer-right .f_nav nav ul li a:hover{color:#407bff;font-weight:600}
.footer-right .address ul li{margin:20px 0}
.footer-right .address ul li,.footer-right .address ul li a{display:flex;align-items:flex-start;gap:15px;font-size:16px;color:#fff;text-decoration:none;opacity:1}
.bottom-footer{border-top:solid 1px #414a64;padding:20px 0}
.bottom-footer .FollowUson{display:flex;justify-content:flex-end;align-items:center;gap:10px}
.bottom-footer .FollowUson h4{margin:0;font-size:18px}
.bottom-footer .FollowUson ul{list-style:none;padding:0;margin:0;display:flex;align-items:center}
.bottom-footer .FollowUson ul li a{display:block}
.bottom-footer .FollowUson ul li a svg{display:block}
.bottom-footer .container.col2{align-items:center}


/* Responsive Style */
@media (max-width:1500px){
.faq-section .accordion .accordion-item .accordion-header .accordion-button{font-size:18px}
}
@media (max-width:1199px){
.home-banner h1{font-size:36px;max-width:70%}
.home-banner p{font-size:18px;max-width:760px}
.banner-animation .mobile-animation img{max-width:100%}
.banner-animation{padding:0 10px 0 30px;margin:0}
.OurOnlineFood h2{font-size:35px;font-weight:700;margin:0 0 20px 0}
li,p{color:#61709a;font-size:16px}
.WhoAreWeServing .card-with-img .card-img{max-height:150px}
.WhoAreWeServing .card-with-img .card-content p{font-size:14px}
.section-heading h2,section.faq-section .faq-content-left h2{font-size:36px}
}
@media (max-width:991px){
.bottom-footer .container.col2{align-items:center;text-align:center}
.bottom-footer .FollowUson{justify-content:center}
.footer-left:after{display:none}
.footer-right .address h3,.footer-right .f_nav h3{font-size:22px;font-weight:500;margin:20px 0 20px 0}
.mobile-animation{display:none}
.home-banner h1{font-size:26px;max-width:70%}
.cards-animations .ladies-image{position:absolute;top:inherit;bottom:-15px;left:50%;right:0;padding:0;max-width:250px;transform:translate(-50%,0)}
.banner-animation .cards-animations{width:100%;position:relative;display:flex;align-items:center;justify-content:space-between;padding:40px 20px 90px 0;margin:30px 0 0 0}
.banner-animation .cards-animations .card-1{max-width:90px}
.banner-animation .cards-animations .card-2{max-width:100px;top:30px;right:60px}
.banner-animation .cards-animations .lines .v-line{transform:rotate(90deg) translate(30px,0);width:60px}
.banner-animation .cards-animations .card-3{max-width:150px;bottom:40px}
.banner-animation .cards-animations .lines{top:94px;width:70%}
.banner-animation .cards-animations .lines .h-line{width:calc(100% - 20px);margin:28px 0 0 40px}
.trusted-business{font-size:18px}
.online-order-img{text-align:center;margin:0 0 40px 0}
.online-order-img img{max-width:300px}
.OurOnlineFood h2{text-align:center}
.OurOnlineFood p{text-align:center}
.WhoAreWeServing:after{left:40%;top:50%}
.cta1 .ctabanner{padding:10px 30px}
.HowDoesItWork .steps-wrap{overflow:auto;padding:20px 0 0 0;margin:0}
.HowDoesItWork .steps-wrap .step-item{max-width:calc(50% - 13px);margin:20px 0 20px 0;min-width:229px}
.WhyChooseUs .whychooseus-img{margin:0 auto 30px}
.WhyChooseUs .whychooseus-img img{max-width:300px}
.OurOnlineFood ul{justify-content:center}
section.faq-section .faq-content-left img{display:none}
.faq-section .faq-content-left{text-align:center}
section.faq-section .faq-content-left p{max-width:630px;margin:0 auto 30px}
.footer-left{padding:30px 10px 0 10px}
.footer-section .address{margin:40px 0 0 0}
.bottom-footer{text-align:center}
nav.navbar.navbar-expand-lg.navbar-light .globlebutton{display:none}
.main-header button.navbar-toggler{border:none;padding:0;outline:0;box-shadow:none}
.main-header .main-nav .navbar-nav .nav-item{padding:0}
.HowDoesItWork .steps-wrap .step-item{opacity:1}
}
@media (max-width:767px){
.footer-left .footerlogo{max-width:200px}
.home-banner{border-radius:15px}
section.WhoAreWeServing{overflow:hidden}
.HowDoesItWork{padding:40px 0 30px 0}
.HowDoesItWork .steps-wrap .step-item h3{margin:10px 0 20px 0}
.WhyChooseUs{padding:35px 0}
.faq-section .accordion .accordion-item .accordion-header .accordion-button{font-size:16px;padding:15px}
.faq-section .accordion .accordion-item .accordion-body{padding:20px}
.start-trail-cta{flex-direction:column;gap:15px;background-image:none;background-color:#120da5;padding:30px 0}
.start-trail-cta h2{font-size:20px;margin:0 0 10px 0}
.footer-section{padding:25px 10px 0 10px}
.home-banner .globlebutton a{padding:10px 16px;font-size:14px}
}
@media (max-width:567px){
.navbar-light .navbar-brand svg{max-width:120px}
.home-banner{padding:30px 15px 10px 15px}
.home-banner h1{font-size:18px;margin:0 auto 15px;max-width:90%}
.home-banner p{font-size:14px;max-width:380px;line-height:20px}
.banner-animation{padding:0;margin:0}
.cards-animations .ladies-image{left:43%;max-width:165px}
.banner-animation .cards-animations .card-2{right:-10px}
.banner-animation .cards-animations .card-1{margin:-50px 0 0 20px;position:relative}
.banner-animation .cards-animations .lines{top:94px;width:70%;left:30px}
.trusted-business{font-size:14px;padding:40px 0}
.OurOnlineFood h2{font-size:25px}
.OurOnlineFood ul{justify-content:left;grid-template-columns:auto auto}
.OurOnlineFood ul li{font-size:14px}
.OurOnlineFood ul li svg{max-width:40px}
section.online-order{padding:0 0 30px 0}
.section-heading h2,section.faq-section .faq-content-left h2{font-size:24px}
section.WhatOurPlatformOffers .platform-card p{margin:0;font-size:14px}
.section-heading p{max-width:830px;margin:auto}
p{font-size:14px}
section.WhatOurPlatformOffers .platform-card h4{font-size:16px;font-weight:700;max-width:calc(100% - 15px)}
.WhatOurPlatformOffers .row.mt-5{margin:10px 0 0 0!important}
section.WhatOurPlatformOffers{padding:50px 0 30px 0}
.cta1 .ctabanner{flex-direction:column;justify-content:center;text-align:center;gap:15px;padding:20px 0}
.cta1 .ctabanner h2{position:relative;font-size:18px}
.cta1 .ctabanner .globlebutton{position:relative}
.online-order-img{max-width:250px;margin:0 auto 40px;max-height:200px;overflow:hidden;border-radius:15px}
.online-order-img img{max-width:300px;width:100%}

}