body{background-color:#191919;color:#FFF;position:relative;}
h1{font-size:clamp(2.25rem,-1.3783rem+10.0962vw,4.875rem);line-height:normal;}
a.button.button-border{background:#fff;padding:5px 10px 5px 5px!important;border-radius:10px;gap:10px;color:#000;transition:0.5s all ease;}
a.button.button-border span{background:#1AD079;display:block;padding:16px 15px;border-radius:10px;transition:0.5s all ease;width:100%;font-size:18px;}
a.button.button-border:hover{color:#fff;}
a.button.button-border:hover span{background:#000;}
.primary-text{color:#F7653C;}
.button{padding:10px 10px 10px 20px!important;}
.button.button__primary{background-color:#0A28F4;color:#fff;border-radius:8px;padding:12px 20px!important;}
.button.white-btn{background-color:#fff;color:#1A1A1A;}
.spacer-xl{padding-block:clamp(3.125rem,-0.6761rem+10.5769vw,5.875rem);}
.faq .faq-blocks .accordion-flush .accordion-collapse,.faq .faq-blocks .accordion-flush .accordion-item .accordion-header{border:0!important}
.faq .accordion-item:first-child,.faq .accordion-item:first-child .accordion-button{border-top:0!important;padding-top:0!important}
.faq-blocks .accordion-item{border-top:1px solid #61646E!important;border-bottom:hidden!important}
.faq-blocks .accordion:last-child{border-bottom:1px solid #61646E!important}
.faq-blocks .accordion-button{padding:30px 0!important;font-size:20px!important;gap:15px}
.faq-blocks .accordion-body{padding:0 300px 30px 0!important;color:inherit}
.faq-blocks{border-top:hidden!important}

/* Offer Block */
.business-slider-section .business-card{padding:20px;border-radius:20px;box-shadow:rgba(149,157,165,0.2)0px 8px 24px;background:#fff;color:#000;transition:0.5s all ease;border:1px solid #DEDEDE;height:100%;}
.business-slider-section .business-card:hover{color:#fff;background:#043320;}
.business-slider-section .business-card p{font-size:16px;}
.business-slider-section{padding-bottom:50px;}
.business-slider-section .business-pagination .swiper-pagination-bullet{width:24px;height:4px;border-radius:2px;background:#d9d9d9;opacity:1;margin:0 4px;}
.business-slider-section .business-pagination .swiper-pagination-bullet-active{background:#0c3b2e;}
.business-slider-section .slider-btn >div::after{display:none;}
.business-slider-section .swiper-slide{height:auto;}
.business-slider-section .slider-btn >div{background:#043320;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:100%;position:absolute;right:0;top:unset;bottom:0;}
.business-slider-section .swiper-pagination.business-pagination{width:fit-content;margin:0 auto!important;text-align:center;justify-content:center;right:0;}
.business-slider-section .swiper-button-prev img{-webkit-transform:scaleX(-1);transform:scaleX(-1);}
.business-slider-section .business-slider{margin-right: -50px;}
.advanced-stripe .img-box{height:100%;min-height:200px;background:#043320;border-radius:15px;}
.advanced-stripe .img-box p{background:linear-gradient(45deg,#043320,hsl(117.55deg 92.45% 10.39%/40%));border-radius:10px;padding:10px 0;bottom:-10px;width:calc(100% - 15px);left:0;right:0;line-height:22px;font-size:15px;}
.list-style p{font-size:16px;}
.counter-box{border-radius:10px;background:#fff;padding:20px;position:relative;z-index:1;counter-increment:my-counter;transition:.5s all ease;color:#000;box-shadow:rgba(149,157,165,.2) 0 8px 24px;}
.counter-box:hover{background:#002A19;color:#fff;box-shadow:rgba(0,42,25,.2) 0 8px 24px;}
.counter-box::before{content:counter(my-counter);position:absolute;right:30px;top:0;bottom:0;margin:auto;font-size:100px;font-weight:700;width:fit-content;height:fit-content;background:linear-gradient(90deg,#19FFA2 0%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;z-index:-1;opacity:.5;}
.big .counter-box::before{font-size:200px;}
/* New css */
.text-grey{color:#696969;}
.text-gray{color:#A2A2A2;}
.icon-dev-box{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:rgba(237,28,36,0.04);border-radius:100%;padding:0;background:transparent;border-radius:0;transition:all .3s ease;flex-shrink:0;}
.dev-box{padding:30px 30px;height:100%;border-radius:10px;transition:all .3s ease;background:#fff;border:1px solid #BFBFBF;}
.dev-box:hover{background-color:#EF5B34;}
.dev-box:hover .icon-dev-box img{filter:invert(1) brightness(100);}
.left-right-boxes .dev-box:hover .icon-dev-box img{filter:none;}
.dev-box:hover h3,.dev-box:hover p{color:#fff;}
.sticky-colmn{position:sticky;top:130px;}
.left-right-boxes .dev-box{padding:30px;align-items:center;}
img.cta-shpe-img{position:absolute;left:0;bottom:0;width:100%;}
.cta-shapes .row{z-index:2;position:relative;}
img.cta-right-img{margin-bottom:-7px;}
.cta-left-content{padding:0 0 0 50px;}
.cirlce-icon-dev-box .icon-dev-box{background-color:rgba(255,204,72,0.2);border-radius:100%;padding:17px;}
.cirlce-icon-dev-box .dev-box{display:flex;gap:20px;}
.cta-box-new{padding:40px 50px;border-radius:20px;}
img.right-image-cta-new{position:absolute;right:-10px;top:50%;transform:translateY(-50%);max-height:140%;}
.green-cta{border-radius:15px;}
ul.ticklist{display:flex;flex-flow:column;list-style:none;margin:0;padding:0;row-gap:15px;}
ul.ticklist li{display:flex;align-items:start;column-gap:10px;}
img.image-why-choose-dif{width:100%;height:100%;object-fit:cover;border-radius:15px;}
.left-right-boxes .icon-dev-box{width:120px;height:120px;flex-shrink:0;}
.premium-list{position:sticky;top:9.375rem;max-height:calc(100vh - 9.375rem);overflow-y:auto;scrollbar-width:none;}
.premium-list .gradient-border{padding:20px 24px;display:flex;align-items:center;gap:1.5rem;opacity:100%;transition:all .3s ease;min-height:90px;background-size:cover;border-radius:25px;overflow:hidden;position:relative;}
.premium-list>.gradient-border::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0;}
.premium-list .gradient-border.active{opacity:1;}
.prime-list-element{--radius:1rem;padding:40px 30px;box-shadow:0rem 3.75rem 3.75rem 0rem rgba(0,0,0,0.8);border-radius:35px;background:#EAEAE6;display:flex;column-gap:25px;width:100%;align-items:flex-start;}
.prime-content-box{width:100%;}
.prime-icon-box{width:80px;height:80px;border-radius:100%;box-shadow:0 10px 12px rgba(0,0,0,0.1);flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.prime-content-box>p{border-bottom:1px solid #d5d5d5;padding:0 0 20px;margin-bottom:20px;}
ul.panel-tick-list{list-style:none;margin:0;padding:0;display:flex;flex-flow:column;row-gap:15px;}
ul.panel-tick-list li{font-size:20px;color:#4E4E4E;position:relative;padding:0 0 0 35px;}
ul.panel-tick-list li::before{content:"";position:absolute;left:0;top:1px;width:27px;height:26px;background-image:url(../images/top-grocery-app-dev-images/tick-before.webp);}
.gradient-border.h4.text-white span{position:relative;display:flex;align-items:center;column-gap:15px;font-size:20px;}
.premium-list>.gradient-border.active::before{opacity:1;}
.row-circle-list{display:grid;grid-template-columns:repeat(5,1fr);}
.single-item-circle-list{padding:0 30px;}
.rounded-boxes{min-height:300px;display:flex;flex-flow:column;padding:30px 20px;justify-content:space-between;border-radius:40px;}
.how-ai{padding:0;border-radius:0;background:transparent;height:100%;display:flex;flex-flow:column;justify-content:flex-start;}
.swiper.solution-slider{overflow:inherit;}
.why-bus-box{min-height:400px;display:flex;justify-content:flex-end;flex-flow:column;border-radius:36px;}
.box-power{display:flex;align-items:flex-start;gap:30px;}
.image-power{width:150px;flex-shrink:0;}
ul.ticklist li img{width:22px;flex-shrink:0;}
.fintech-box{position:relative;border-radius:20px;height:100%;transition:all .3s ease;background-color:#fff;border:1px solid #D3D3D3;}
.cta-box{border-radius:10px;}
a.button-white{background:#fff!important;color:#0D1444!important;}
.why-box{position:relative;padding:0 0 0 60px;}
.why-box>span{position:absolute;left:0;top:0;transform:rotate(-90deg);color:#fff;font-weight:900;letter-spacing:3px;}
.why-box>span::after{content:"";position:absolute;left:-85px;top:13px;width:70px;height:2px;background:linear-gradient(181deg,rgba(99,116,183,1)0%,rgba(255,255,255,1)100%);}
.row-why-boxes>div:nth-child(2) .why-box{margin-top:50px;}
.row-why-boxes>div:nth-child(3) .why-box{margin-top:100px;}
.row-why-boxes>div:nth-child(5) .why-box{margin-top:50px;}
.row-why-boxes>div:nth-child(6) .why-box{margin-top:100px;}
.single-type-box{border:1px solid #484848;border-radius:10px;}
.types-boxes{display:flex;flex-flow:column;row-gap:30px;}
img.image-left-float{position:absolute;left:0;top:0;width:47%;height:100%;object-fit:cover;}
.slider-buttons>div{position:static!important;width:50px;height:50px;border:2px solid #0D1444;border-radius:100%;}
.slider-buttons{display:flex;flex-flow:row-reverse;gap:30px;}
.slider-buttons>div::after{color:#0D1444;font-size:25px;}
.cta-box-center{border-radius:20px;padding:50px 30px!important;}

@media only screen and (max-width:1200px){
.counter-box::before,
.big .counter-box::before{font-size:120px;}
.business-slider-section .business-slider{margin-right: unset;}
}
@media only screen and (max-width:991px){
.sticky-colmn{position:static;}
.cta-shapes{background-color:#EF5B34;padding:30px 20px;border-radius:25px;}
img.cta-shpe-img{display:none;}
.premium-wrapper .col-lg-4{display:none;}
.list-of-devs .dev-box{gap:10px;}
.cta-left-content{padding:0;}
.single-item-circle-list{padding:0 10px;}
.row-why-boxes>div .why-box{margin-top:0!important;}
.slider-buttons{justify-content:center;}
}

@media (max-width:767px){
.list-of-devs .dev-box{gap:0;flex-flow:column;}
.cta-box-new{padding:20px 20px;border-radius:20px;}
.prime-list-element{flex-flow:column;row-gap:20px;}
.p-5{padding:2rem!important;}
.row-circle-list{grid-template-columns:repeat(2,1fr);}
.rounded-boxes{min-height:inherit;gap:20px;}
.box-power{display:flex;align-items:center;gap:10px;flex-flow:column;text-align:center;}
.how-ai{align-items:center;text-align:center;}
}

