*{box-sizing:border-box;letter-spacing:.4px}
body{font-family:Montserrat,sans-serif;color:#000;overflow-x:hidden}
section{display:block;float:left;width:100%}
img{max-width:100%;height:auto;width:auto}
p{font-size:15px;line-height:170%;margin-top:0}
h1,h2{line-height:1.2;margin-top:0;font-family:museo500}
h1{font-family:museo700}
h2{font-size:2rem;font-weight:400}
figure{margin:0}
.container,.mini-container{margin:0 auto;max-width:1230px}
.container{padding:0 15px;width:100%}
.mini-container{width:100%;clear:both;padding:0 15px}
.text-center{text-align:center}
.white{color:#fff}
.col-3,.col-4,.col-6{float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.col-3{width:25%}
.col-4{width:33.33%}
.col-6{width:50%}
.mar-t-70{margin-top:3%}
.mar-b-20{margin-bottom:20px}
.mar-b-30{margin-bottom:30px}
.pad-t-55{padding-top:55px}
.pad-b-40{padding-bottom:40px}
.leaf{display:inline-block;line-height:130%;position:relative}
.leaf:after{content:"";background:url(../images/icons/leaf.svg) no-repeat;width:22px;height:23px;margin:4px 0 0 4px;transform:scale(.85);position:absolute;line-height:1}
.btn{border:0;font-size:1rem;font-weight:700;line-height:50px;height:50px;text-align:center;padding:0 2.2rem;text-decoration:none;cursor:pointer;transition:.3s;position:relative;overflow:hidden;border-radius:4px;color:#fff}
.btn span{position:relative;z-index:2}
.btn::before,.btn::after{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.15);top:0;left:0;z-index:1;content:"";opacity:0;transition:.3s cubic-bezier(.75,0,.125,1)}
.btn::before{transform:translate(13%,190%) rotate(-30deg);transition-delay:.2s}
.btn::after{transform:translate(-13%,-190%) rotate(-30deg)}
.btn-border-green{background-color:transparent;color:#000;border:2px solid #c2c900}
.small-btn{font-size:.8rem;line-height:44px;height:45px;padding:0 1.2rem}
.herobanner{min-height:100vh;float:left;width:100%;position:relative;padding-top:15%;padding-bottom:2.5%}
.herobanner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75)}
.herobanner.innerpage-banner.reactjs{background:url(../images/background/reactjs-banner-img1.webp) top center / cover no-repeat}
.herobanner.innerpage-banner.reactjs:before{background:rgba(0,0,0,.83)}
.herobanner.innerpage-banner{padding-top:29%;min-height:inherit}
.herobanner.innerpage-banner .herobanner-content{position:absolute;top:50%;transform:translate(-50%,-30%);width:100%;left:50%;max-width:1230px;padding:0 15px;min-height:0}
.herobanner.innerpage-banner .herobanner-content .magento-flex{float:left;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row}
.herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont{display:block;overflow:hidden}
.herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm{padding:0;width:100%;margin:0;border:0;display:block;overflow:hidden}
.herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont h1{margin-bottom:15px;line-height:1.3;text-transform:inherit;color:inherit;font-size:3rem}
.herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm p{display:inline-block;width:100%}
.breadcrumb{float:left;width:100%;padding:15px 5px;margin:0}
.breadcrumb ul{margin:0;padding:0}
.breadcrumb ul li{list-style:none;display:inline-block;float:left;color:#000;position:relative;font-size:14px}
.breadcrumb ul li+li{padding-left:20px;margin-left:20px}
.breadcrumb ul li+li:before{content:"";position:absolute;top:8px;left:0;transform:translate(-50%,-50%) rotate(-45deg);width:6px;height:5px;border-right:1px solid #000;border-bottom:1px solid #000}
.breadcrumb ul li a{color:#000;text-decoration:none}
.breadcrumb ul li a:hover,.breadcrumb ul li span{color:#5c0075}
.breadcrumb ul li:first-child span{color:#000}
.magento-service{float:left;width:100%}
section.ecommerce_variant.bg-grey{background:#fafafa;padding:40px 0}
.services{display:flex;margin:0 -15px;flex-wrap:wrap}
.service-box{float:left;width:100%;padding:15px 0;text-align:center}
.services.img-left-01 .service-box{text-align:left}
.services.box_new{margin-top:40px;margin-left:0;margin-right:0}
.box_new .col-4{margin-bottom:40px}
.box_new .col-6{margin-bottom:30px}
.box_new .service-box{border:1px solid #ececec;padding:30px;height:100%;box-shadow:0 6px 6px 1px rgb(0 0 0 / 8%);background:#fff;display:flex;flex-direction:column}
.box_new .service-box p{line-height:1.6;display:flex;height:100%}
.ecommerce_variant .box_new .service-box{position:relative;padding-bottom:70px}
.ecommerce_variant .box_new .service-box p{margin-bottom:15px}
.ecommerce_variant .box_new .service-box .btn-cont{position:absolute;bottom:20px}
ul.platform-partner{display:inline-block;list-style:none;margin:0;padding:0;width:100%}
.platform-partner li{width:33%;padding:40px;display:inline-block}
.partner-content-box{padding:0 70px;margin-top:40px!important}
.partner-content-box .col-3,
.partner-content-box .col-6{margin-bottom:30px}
.partner-img img{width:200px;height:auto}
figure.partner-img{height:80px;display:flex;align-items:center;margin-top:15px}
figure.img-btm-col{height:80px;display:flex;align-items:center;margin-bottom:7px;margin-top:7px}
.img-btm-col img{width:200px;height:fit-content}
img.partner-logo-img{height:70px;width:auto}
.email-marketing_btn{position:absolute;right:30px;top:15px;width:auto;height:auto;padding:4px;display:flex;justify-content:center;background-color:transparent;color:#000;border:2px solid #c2c900}
.lets-connect.big{margin-bottom:70px}
.lets-connect.big .mini-container{max-width:1240px;padding-left:44px}
.lets-connect .lets-connect-inner{width:70%;background:#5c0075;position:relative;padding:3% 5%;color:#fff;margin:auto}
.lets-connect.big .lets-connect-inner{min-width:100%;padding:5%}
.lets-connect .lets-connect-inner:after{border:4px solid #c4cb09;left:0;bottom:0;right:0;z-index:-1;top:0;content:"";position:absolute;transform:translate(-15px,15px)}
.lets-connect.big .lets-connect-inner:after{transform:translate(-30px,30px)}
.lets-connect .lets-connect-inner h2{font-size:2.375rem;padding:0}
.lets-connect .lets-connect-inner h2 span{display:block;font-size:3rem;color:#c4cb09;font-family:museo700}
.lets-connect.big .lets-connect-inner h2 span{font-size:2.7rem;line-height:120%}
.lets-connect .lets-connect-inner .btn.btn-border-green{color:#fff}
.what-client-says1 .client-says1{display:inline-block;width:100%}
.what-client-says1 .client-says1 .testimonial-content{padding:15px;position:relative;display:flex;flex-wrap:wrap}
.what-client-says1 .client-says1 .testimonial-content figure{float:left;width:100px}
.what-client-says1 .client-says1 .testimonial-content .testo-cont{float:left;width:calc(100% - 100px);padding-left:30px}
.what-client-says1 .client-says1 .testimonial-content p{font-weight:500;max-width:96%}
.what-client-says1 .client-says1 .h3{margin-bottom:0;font-size:20px;font-family:Museo500;line-height:160%;display:block}
.what-client-says1 .owl-theme .owl-dots .owl-dot span{width:25px;border-radius:3px;height:5px;margin:5px}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span,.social_fixed a:hover{background:#c2c900}
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.what-client-says1 .owl-theme .owl-dots .owl-dot span{width:25px;border-radius:3px;height:5px;margin:5px}
.h3 small{ display: none !important;}
.trustpilot-inner{padding:30px;background:#fff;border:1px solid #ebebeb;box-shadow:0 20px 13px 0 rgba(0,0,0,.1);max-width:800px;margin:0 auto}
.rowflex{margin:0 -15px;display:flex;flex-wrap:wrap}
.alignItemCenter{align-items:center}
.trustpilot-company-rating{padding-left:20px}
.trustpilot-rating{float:left;width:50%;padding:0 15px}
.trustpilot-inner h2{margin:0;font-size:35px;padding:0 15px;float:left;width:50%}
.trustpilot-rating .rating{flex-wrap:wrap;display:flex}
.trustpilot-rating .h3{font-size:20px;margin:0 0 0 5px;float:left;width:50px;font-family:Museo500}
.compny-logo-r img{border:none!important}
.compny-logo-r{height:auto;width:150px;display:flex}
.what-client-says1 .owl-theme .owl-nav.disabled+.owl-dots{margin-top:25px}

@media (min-width: 2000px) {
  .partner-content-box{max-width:1900px;margin-left:auto!important;margin-right:auto!important}
}

@media screen and (max-width: 1366px) {
  .herobanner.innerpage-banner{padding-top:35%}
}

@media screen and (max-width: 1200px) {
  p{font-size:14px}
  .btn{font-size:.875rem;line-height:40px;height:40px;padding:0 1rem}
}
@media screen and (max-width: 991px) {
  .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont h1{font-size:2.5rem}
  .col-3,.col-4{width:50%}
  .herobanner .herobanner-content{padding:0 5%}
  .partner-content-box{padding:0 10px;}
}

@media (max-width: 803px) { 
.platform-partner li{width:32%;padding:16px}
}

@media (max-width: 767px) {
  .herobanner.innerpage-banner{padding-top:17%!important;padding-bottom:18%}
  .herobanner.innerpage-banner .herobanner-content{position:relative;transform:none;z-index:1;left:0;right:0}
 .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont{text-align:left}
  .herobanner.innerpage-banner.reactjs{background-image:url(../images/background/reactjs-banner-img1-mob.webp)}
  .services{margin:0}
  .lets-connect.big .lets-connect-inner:after{transform:none}
  .lets-connect.big .lets-connect-inner{padding:30px 40px;margin:0}
 .lets-connect.big{margin-bottom:10px}
.lets-connect .lets-connect-inner:after{top:10px;left:10px;content:"";right:10px;bottom:10px;position:absolute;z-index:0;border:2px solid #c4cb09;transform:translate(0,0)}
  .lets-connect.big .lets-connect-inner:after{transform:none}
  .lets-connect .lets-connect-inner h2{font-size:1.625rem}
  .lets-connect.big .mini-container{padding-left:15px;padding-right:15px}
}

@supports (-webkit-hyphens: none) {
  @media (max-width:767px){.herobanner.innerpage-banner.reactjs{background-image:url(../images/background/reactjs-banner-img1-mob.jpg)}}
  h2{font-size:28px;color:#2B2B2B}
   .what-client-says1 .client-says1 .testimonial-content .testo-cont{text-align:left}
}

@media screen and (max-width: 650px) {
 .partner-content-box .col-3{width:100%}
 figure.service-img.partner-img{padding-top:11%}
 .partner-content-box{padding:0 10px}
 .what-client-says1 .client-says1 .testimonial-content .testo-cont{width:100%;margin-top:15px;padding-left:0}
}

@media (max-width: 565px) {
  .platform-partner li{padding:11px}
} 
@media screen and (max-width: 480px) {
 .herobanner.innerpage-banner{padding-top:15%!important;padding-bottom:15%}
  .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont h1{font-size:1.8rem}
 .platform-partner li{width:44%}
 .lets-connect.big .lets-connect-inner h2{font-size:1.275rem}
  .lets-connect.big .lets-connect-inner h2 span{font-size:1.275rem}
  .col-3,.col-4{width:100%!important}
}

@media screen and (max-width: 475px) {
 .img-btm-col img,.partner-img img{width:220px;margin-top:20px}
  img.partner-logo-img{height:70px;width:auto}
}