.author-quote ul,
.breadcrumb ul,
.list-items-leaf ul,
body,
html,
ul.team-steps {
    margin: 0;
    padding: 0
}

*,
.leaf:after {
    line-height: 1
}

.btn,
.header .nav ul li {
    color: #fff
}

header ul#menu li .arrowDown,
header ul#menu2 li .arrowDown {
    margin-left: 56px;
    content: " ";
    pointer-events: none;
    top: 81%;
    visibility: hidden
}

.bodyfixed,
body.fixed {
    position: fixed;
    width: 100%
}

#owl-example1 .owl-nav .owl-next,
#owl-example1 .owl-nav .owl-prev {
    font-size: 0
}

.herobanner .herobanner-slider {
    z-index: 0
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.big-certification .list-items-leaf li:first-child,
.owl-theme .owl-nav,
.owl-theme .owl-nav.disabled+.owl-dots,
.start-ups .start-ups-point.new.one {
    margin-top: 10px
}

.owl-theme .owl-nav [class*="owl-"] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.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
}

.services.box_new.without-shaddow,
h3,
h4,
p {
    margin-top: 0
}

.about-gallery-1.owl-theme .owl-dots .owl-dot span {
    margin: 5px 2px
}

.social_fixed {
    position: fixed;
    right: 0;
    top: 50%;
    width: 48px;
    z-index: 100000;
    transform: translate(0, -50%)
}

.big-certification .col_boxs .small-btn span,
.big-certification.magento_support .col_boxs .small-btn span,
.col-12,
.container,
.fluid-container,
.herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm.one p,
.w-100 {
    width: 100%
}

.social_fixed a {
    display: flex;
    width: 48px;
    height: 48px;
    background: #5c0075;
    margin-top: 5px;
    transition: .4s;
    text-align: center;
    align-items: center;
    justify-content: center
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.social_fixed a:hover {
    background: #c2c900
}

.alert-popup .btn.btn-green,
.owl-carousel .owl-nav button.owl-next:focus,
.owl-carousel .owl-nav button.owl-prev:focus,
.owl-carousel button.owl-dot,
a {
    outline: 0
}

* {
    box-sizing: border-box;
    letter-spacing: .4px
}

.faq .positionsContainer .positions .pos_description label,
.faq .positionsContainer .positions .pos_description li,
.faq .positionsContainer .positions .pos_description p,
.faq .positionsContainer .positions .pos_description ul,
header ul#menu li ul div li .submenu-icons .menu-content .h5,
html {
    font-size: 16px
}

.btn,
.btn::before {
    -moz-transition: .3s;
    -o-transition: .3s
}

body.is_open {
    overflow: hidden;
    height: 100vh
}

.herobanner .herobanner-content p.h1,
h1,
h2 {
    line-height: 1.2;
    margin-top: 0;
    font-family: museo500
}

h3 {
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 10px
}

.herobanner .herobanner-content p.h1,
h1 {
    font-size: 5.5rem;
    font-family: museo700
}

.which-hiring-modal .subscription .price-box .price-box-inner .item ul,
.which-hiring-modal .subscription .price-box .price-box-inner .item ul li,
.which-hiring-modal .subscription .whats-included ul,
.which-hiring-modal .subscription .whats-included ul li:first-child,
input {
    border-radius: 0
}

input[type="button"],
input[type="submit"] {
    -webkit-appearance: none
}

h2 {
    font-size: 2rem;
    font-weight: 400
}

h3 {
    font-size: 1.2rem
}

h4 {
    font-size: 1.1rem;
    font-weight: 600
}

p {
    font-size: 15px;
    line-height: 170%
}

img {
    max-width: 100%;
    height: auto;
    width: auto
}

.container,
.subscription .price-box .price-box-inner .item,
.team-members .item {
    padding: 0 15px
}

.mini-container {
    width: 100%;
    clear: both;
    padding: 0 15px
}

.limit_width {
    max-width: 900px;
    margin-left: auto !important;
    margin-right: auto !important
}

.btn-green:hover,
.gallery .wp-pro-cont *,
.lets-connect .lets-connect-inner .btn.btn-border-green,
.team-avtar p a,
.white,
header ul#menu li ul li:hover>a .submenu-icons .menu-content p,
header ul#menu2 li ul li:hover .submenu-icons .menu-content p {
    color: #fff
}

.gallery .wp-pro-cont .pro-cont {
    width: 100%
}

.padtop-100vh {
    padding-top: 100vh
}

.btn,
.herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm p,
.leaf,
.offices-inner .offices span {
    display: inline-block
}

.box_new.without-shaddow .service-box h3,
.ecommerce_variant .box_new .service-box p,
.mar-b-15,
.mar-t-15,
.services h3,
.why-go-mobile .list-items-leaf li {
    margin-bottom: 15px
}

.box_new .service-box p,
.faq .positionsContainer .positions .pos_description * {
    line-height: 1.6
}

.box_new .col-4,
.mar-b-40 {
    margin-bottom: 40px
}

.mar-b-70 {
    margin-bottom: 4.6% !important
}

.author_dtls h2,
.box_new .col-6,
.grayBg .whatmakes-distinctive h2.mar-b-40,
.magento_support_service .col-3,
.mar-b-30,
.services.img-left-01.four_col .col-6,
.team-members .col-3 {
    margin-bottom: 30px
}

.content-section p,
.faq .positionsContainer .positions .pos_description ol,
.faq .positionsContainer .positions .pos_description p,
.faq .positionsContainer .positions .pos_description ul,
.herobanner.innerpage-banner .herobanner-content .magento-flex.inline .magento-cont.no-pm h1,
.mar-b-20,
.positionsContainer .positions .pos_description ol,
.positionsContainer .positions .pos_description p,
.positionsContainer .positions .pos_description ul,
.subscription .price-box .price-box-inner .item ul li.cost-sec h3,
.subscription .whats-included ul li.cost-sec h3,
.toolsused,
.whats-going .content h3 {
    margin-bottom: 20px
}

.mar-30n,
.react_native {
    margin: 0 -30px
}

.pad-0,
.services-outer .services.service-btn-box .col-4,
.services-outer.full-border .services .col-4 .service-box,
.services.img-left.bordered-box .service-box h2,
.services.img-left.bordered-box .service-box h2 span.large,
.team-members.owl-carousel .owl-stage-outer,
.trustpilot .container,
.wanttosee-ourproject .leaf,
.which-hiring-modal .subscription .owl-carousel .owl-stage-outer,
.which-hiring-modal .subscription .price-box,
.which-hiring-modal .subscription .price-box .price-box-inner .item,
.which-hiring-modal .subscription .whats-included {
    padding: 0
}

.pad-y-70 {
    padding-top: 3% !important;
    padding-bottom: 3% !important
}

.pad-y-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.ecommerce_variant.upgrade .box_new .service-box,
.pad-30,
.services.img-left-01.four_col .service-box {
    padding: 30px
}

.pad-5xp {
    padding: 0 5%
}

.max-1020 {
    max-width: 1020px
}

.pad-10x {
    padding: 0 10px
}

.services.img-left-01 .service-box,
.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.about-gallery .gallery-img,
.big-certification .left,
.pos-relative,
.ready-for-more .ready-inner,
.relative,
.service-btn-box .col-3,
.what-client-says .client-says .testimonial-content,
header ul#menu.header3>li>a {
    position: relative
}

.about-gallery .gallery-img a:hover:after,
.btn:hover:after,
.btn:hover:before,
.gallery:hover .wp-pro-cont,
.lb-nav a.lb-next:hover,
.lb-nav a.lb-prev:hover {
    opacity: 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;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative;
    overflow: hidden;
    border-radius: 4px
}

.btn::before {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: .3s cubic-bezier(.75, 0, .125, 1);
    transition: .3s cubic-bezier(.75, 0, .125, 1);
    -webkit-transform: translate(13%, 190%) rotate(-30deg);
    transform: translate(13%, 190%) rotate(-30deg);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.btn::after {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: .3s cubic-bezier(.75, 0, .125, 1);
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s cubic-bezier(.75, 0, .125, 1);
    -webkit-transform: translate(-13%, -190%) rotate(-30deg);
    transform: translate(-13%, -190%) rotate(-30deg)
}

.btn:hover::after,
.btn:hover::before,
.why-go-mobile .appstore-optimisation .btn:hover::after,
.why-go-mobile .appstore-optimisation .btn:hover::before {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.btn-purple {
    background-color: #5c0075;
    border: 1px solid #5c0075
}

.btn-border-green {
    background-color: transparent;
    color: #000;
    border: 2px solid #c2c900
}

.btn-border-green:hover {
    background-color: #c2c900;
    color: #fff
}

.border-none,
.faq-col .ui-accordion .ui-accordion-content {
    border: 0
}

.small-btn {
    font-size: .8rem;
    line-height: 44px;
    height: 45px;
    padding: 0 1.2rem
}

.purple,
body.four-o-four .header,
ul.auto_suggest li a:hover {
    background: #5c0075
}

.purple .btn {
    color: #fff !important
}

.grayBg,
.which-hiring-modal .subscription .price-box .price-box-inner .item ul li,
.which-hiring-modal .subscription .whats-included ul li,
.which-hiring-modal .subscription .whats-included ul li:nth-child(2n) {
    background: #f9f9f9
}

strong {
    font-weight: 600
}

.inlineBlock {
    display: inline-block !important
}

.also-use .also-use-inner,
.block-hidden,
.services-outer {
    display: block;
    overflow: hidden
}

.wid100 {
    width: 100% !important
}

body.four-o-four .main-content {
    padding-top: 4%
}

.header .logo img,
.herobanner.innerpage-banner.ecommerce .herobanner-content,
.herobanner.innerpage-banner.mobile-app .herobanner-content {
    max-width: 100%
}

.header .call-info span a {
    color: #fff;
    text-decoration: none
}

.header .call-info span+span {
    margin-left: 10px
}

.header .nav {
    float: right;
    clear: both
}

.header .nav>ul>li {
    border-left-width: 0
}

.header .nav ul li:first-child {
    margin-left: 0;
    border-left-width: 0
}

.header .nav ul li:last-child {
    margin-right: 0;
    padding-right: 0
}

.header .nav ul li.dropdown>a:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 5px;
    right: 0;
    border: 5px solid #c2c900;
    border-color: #c2c900 transparent transparent
}

label.h3.cpointer {
    cursor: pointer
}

.header .mobmenu-close span {
    width: 30px;
    background: #000000;
    float: left;
    height: 3px;
    clear: both
}

.header .mobmenu-close span:first-child,
.popup-close span:first-child {
    transform: rotate(45deg)
}

.header .mobmenu-close span+span {
    margin-top: -3px
}

.header .mobmenu-close span:last-child,
.popup-close span:last-child {
    transform: rotate(-45deg)
}

header ul#menu li ul>div {
    background: #101010eb;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center
}

header ul#menu.header3 li ul>div {
    background: #000;
    position: relative
}

header ul#menu.header3>li>a:before {
    position: absolute;
    content: "";
    transition: .5s;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: #c2c900;
    opacity: 0
}

header ul#menu.header3>li:hover>a:before {
    opacity: 1;
    width: 40%;
    transition: .5s
}

header ul#menu li ul>div *,
header ul#menu2 li ul>div *,
header.header {
    transition: .5s
}

header ul#menu li ul li {
    position: relative;
    float: left;
    width: 16.66%;
    padding: 20px 10px;
    margin: 0
}

header ul#menu.header3 li ul div li {
    padding: 0 !important
}

header ul#menu li ul div.seven li {
    width: 14.285%
}

header ul#menu li ul div li .submenu-icons {
    padding: 10px 5px
}

header ul#menu li ul li>a {
    text-transform: inherit;
    padding: 0;
    font-size: 18px;
    display: block;
    color: #000;
    height: 100%;
    line-height: 150%
}

header ul#menu li ul li .submenu-icons,
header ul#menu2 li ul li .submenu-icons {
    width: 100%;
    padding: 10px;
    border-bottom: 3px solid transparent;
    background: 0 0;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center;
    justify-content: center
}

header ul#menu.header3 li ul li .submenu-icons {
    border-bottom: 0
}

header ul#menu li ul li .submenu-icons .menu-icons {
    float: left;
    width: 20%;
    text-align: center
}

header ul#menu li ul li .submenu-icons .menu-icons img {
    max-width: 100%;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

header ul#menu li ul li .submenu-icons .menu-content {
    float: left;
    width: 80%;
    text-align: left;
    padding-left: 10px;
    text-transform: initial
}

header ul#menu li ul li .submenu-icons .menu-content .h5 {
    font-weight: 600;
    font-size: 18px;
    margin: 0 0 6px;
    color: #dcdcdc;
    line-height: 1.2;
    display: block
}

header ul#menu li ul li .submenu-icons .menu-content p {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    color: #afafaf
}

header ul#menu li ul div li .submenu-icons .menu-content p {
    font-size: 13px
}

header ul#menu li ul li:hover>a .submenu-icons .menu-icons img,
header ul#menu2 li ul li:hover>a .submenu-icons .menu-icons img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

header ul#menu li ul li:hover>a .submenu-icons {
    border-color: #b0b401;
    background: #000000eb
}

header ul#menu.header3 li ul li:hover>a .submenu-icons {
    border-color: transparent;
    background: #333333eb
}

header ul#menu li ul li:hover>a .submenu-icons .menu-content .h5,
header ul#menu2 li ul li:hover .submenu-icons .menu-content .h5 {
    color: #c3c801
}

header ul#menu li .arrowDown {
    border: 8px solid rgba(255, 255, 255, 0);
    position: absolute;
    border-bottom-color: #101010;
    opacity: 0
}

header ul#menu li ul li>a:hover,
header ul#menu2 li ul li>a:hover {
    border-color: transparent
}

header ul#menu2 li ul {
    height: 0;
    position: absolute;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    width: 100%
}

header ul#menu2 li ul>div {
    background: #ffffffeb;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    display: flex;
    width: 99.99%;
    flex-wrap: wrap
}

header ul#menu2 li ul li {
    position: relative;
    float: left;
    width: 16.66%;
    padding: 10px;
    margin: 0
}

header ul#menu2 li ul li>a {
    text-transform: inherit;
    padding: 0;
    font-size: 18px;
    display: block;
    color: #000;
    height: 100%
}

header ul#menu2 li ul li .submenu-icons .menu-icons {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 25%;
    position: relative
}

header ul#menu2 li ul li .submenu-icons .menu-icons img {
    max-width: 100%;
    -webkit-filter: grayscale(.5);
    filter: grayscale(.5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90%
}

header ul#menu2 li ul li .submenu-icons .menu-content {
    float: left;
    width: 100%;
    text-align: center;
    padding-left: 0;
    text-transform: initial;
    padding-top: 10px
}

header ul#menu2 li ul li .submenu-icons .menu-content .h5 {
    font-weight: 600;
    font-size: 18px;
    margin: 0 0 8px;
    color: #4a4a4a;
    line-height: 1.2
}

header ul#menu2 li ul li .submenu-icons .menu-content p {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    color: #4a4a4a
}

header ul#menu2 li .arrowDown {
    border: 8px solid rgba(255, 255, 255, 0);
    position: absolute;
    border-bottom-color: #ffffffeb;
    opacity: 0
}

header ul#menu2 li ul li:hover {
    background: #000000eb
}

.herobanner .herobanner-content .banner-logo {
    max-width: 30%;
    margin-bottom: 30px
}

.herobanner .herobanner-content p.h1 {
    color: #c2c900;
    margin-bottom: 10px !important
}

.herobanner .herobanner-content img.finalists {
    max-width: 50%
}

.services,
.start-ups,
.wanttosee-ourproject {
    display: flex;
    margin: 0 -15px;
    flex-wrap: wrap
}

.services.divider-border .col-3,
.services.divider-border .col-4 {
    border-top: 1px solid #e2e2e2
}

.services.divider-border .col-3:first-child,
.services.divider-border .col-3:nth-child(2),
.services.divider-border .col-3:nth-child(3),
.services.divider-border .col-3:nth-child(4),
.services.divider-border .col-4:first-child,
.services.divider-border .col-4:nth-child(2),
.services.divider-border .col-4:nth-child(3) {
    border-top-width: 0
}

.services.divider-border .col-3:before,
.services.divider-border .col-4:before {
    content: "";
    top: 15%;
    position: absolute;
    bottom: 15%;
    width: 1px;
    left: 0;
    background-color: #e2e2e2
}

.service-box {
    float: left;
    width: 100%;
    padding: 15px 0;
    text-align: center
}

.service-box .service-img {
    display: block;
    padding-top: 20%;
    margin-bottom: 20px;
    position: relative;
    text-align: center
}

.service-box .service-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 80%
}

.service-box .service-img svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 80%
}

.services.img-left .service-box .service-img {
    padding-top: 20%
}

.devices-section .service-box .service-img,
.services .col-2 .service-box .service-img,
.services.img-left .col-3 .service-box .service-img {
    padding-top: 40%
}

.service-box p {
    margin: 0 0 20px
}

.services .col-4:before {
    content: "";
    top: 15%;
    position: absolute;
    bottom: 15%;
    width: 1px;
    left: 0;
    background-color: #cfcfcc
}

.service-btn-box .service-box {
    height: 100%;
    padding-bottom: 80px
}

.service-btn-box .service-box .btn-cont {
    position: absolute;
    left: 15px;
    bottom: 15px;
    right: 15px
}

.advantage h3,
.list-items-leaf h3,
.points h3,
.services h3 {
    font-family: inherit;
    line-height: 1.4;
    margin-bottom: 0
}

.faq-col .ui-icon,
.no-border .col-3:before,
.no-border .col-4:before {
    display: none !important
}

.services h3 span {
    font-weight: 400;
    font-size: 1.275rem
}

.start-ups .start-ups-point ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.start-ups .start-ups-point ul li h3 {
    font-family: inherit
}

.start-ups .start-ups-point.new ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.list-items-leaf,
.team-members,
.trustpilot-rating .rating {
    flex-wrap: wrap;
    display: flex
}

.start-ups .start-ups-point.new ul li {
    width: 50%;
    padding: 0 20px 0 100px;
    position: relative;
    margin: 0 0 30px
}

.start-ups .start-ups-point.new ul li h3,
.start-ups .start-ups-point.new ul li p {
    max-width: 550px
}

.start-ups .start-ups-point.new ul li i {
    position: absolute;
    left: 0;
    top: 0
}

.start-ups .start-ups-point.new ul li h3 {
    font-family: Montserrat, sans-serif;
    font-size: 20px
}

.no-bg .start-ups .start-ups-point.new ul li h3 {
    font-size: 16px
}

.no-bg .start-ups .start-ups-point.new ul li {
    padding-left: 60px
}

.no-bg .start-ups .start-ups-point.new ul li h3,
.no-bg .start-ups .start-ups-point.new ul li p {
    max-width: 90%
}

.no-bg .start-ups .start-ups-point.new,
.wanttosee-ourproject .mar-t-70 {
    margin-top: 35px
}

.start-ups .start-ups-point.new.one ul li {
    padding-left: 85px
}

.wanttosee-ourproject .wp-project {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative
}

.wanttosee-ourproject .wp-project .wp-pro-img {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #efefef
}

.wanttosee-ourproject .wp-project .wp-pro-img img {
    display: block;
    position: absolute;
    transition: 2.5s;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: 100%;
    height: 100%;
    object-fit: cover
}

.wanttosee-ourproject .wp-project .wp-pro-cont img.pro-platform {
    position: absolute;
    top: -70px
}

.wanttosee-ourproject .wp-project .wp-pro-cont {
    position: absolute;
    bottom: -100%;
    transition: 1s;
    padding: 30px;
    left: 0;
    right: 0
}

.wanttosee-ourproject .wp-project .wp-pro-cont .h3 {
    font-size: 1.2rem;
    line-height: 1.4;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 10px;
    display: block
}

.wanttosee-ourproject .wp-project:hover .wp-pro-cont {
    bottom: 0
}

.wanttosee-ourproject .wp-project:hover .wp-pro-img img {
    transform: translate(-50%, -50%) scale(1.05)
}

.wanttosee-ourproject .wp-project .wp-pro-img.big-image {
    padding-top: calc(134% - 130px)
}

.wanttosee-ourproject .wp-project .wp-pro-img.small-image {
    padding-top: calc(67% - 15px)
}

.wanttosee-ourproject .mar-b-70 {
    margin-bottom: 35px
}

.list-items-leaf ul li {
    position: relative;
    display: block;
    padding-left: 40px;
    margin-top: 20px
}

.list-items-leaf ul li h3+p {
    margin-top: 5px;
    margin-bottom: 25px
}

.list-items-leaf ul li:before {
    content: "";
    background: url(../images/icons/leaf.svg) no-repeat;
    width: 42px;
    height: 42px;
    position: absolute;
    left: 0;
    top: -8px;
    transform: scale(.5)
}

.startup-to-business.whatmakes-distinctive {
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px
}

.list-items-leaf h2 {
    color: #ced433;
    font-size: 2.375rem
}

.list-items-leaf .col-12 ul li {
    width: 50%;
    float: left;
    padding-right: 15px;
    margin-top: 12px
}

.list-items-leaf.full .col-12 ul li {
    width: 100%;
    margin-top: 20px
}

.what-client-says .client-says .client-says-inner {
    position: relative;
    padding: 30px 65px 20px
}

.what-client-says .client-says h3 {
    margin-bottom: 40px;
    font-size: 1.375rem
}

.what-client-says .client-says .trust-pilot {
    display: block;
    margin-bottom: 0
}

.what-client-says .client-says .client-says-inner:before {
    content: "";
    border: 10px solid #fff;
    border-left: 0;
    border-top: 0;
    z-index: 1;
    background: url(../images/logo/quote.png) -6px -9px / contain no-repeat #fff;
    position: absolute;
    width: 165px;
    height: 155px;
    top: -35px !important;
    left: 0
}

.what-client-says .client-says .client-says-inner:after {
    content: "";
    border: 16px solid #f8f9de;
    position: absolute;
    top: 0;
    left: 50px;
    bottom: 0;
    right: 50px;
    z-index: -1
}

.what-client-says .client-says .testimonial-content p {
    font-weight: 500;
    font-size: 1.12rem
}

.what-client-says .client-says .testimonial-content p span.date {
    color: #969b0a;
    font-size: 1.125rem
}

.what-client-says .client-says .testimonial-content h3 {
    font-size: 1.625rem
}

.what-client-says .client-says .testimonial-content h3 a {
    color: #000;
    text-decoration: none;
    font-size: 1.125rem
}

.big-certification .col_boxs span a,
.what-client-says .client-says .testimonial-content h3 a:hover {
    text-decoration: none
}

.what-client-says .client-says .owl-carousel .owl-nav .owl-next {
    right: -8px !important;
    transform: translate(50%, -50%);
    top: 30%
}

.what-client-says .client-says .owl-carousel .owl-nav .owl-prev {
    left: -8px !important;
    transform: translate(-50%, -50%);
    top: 30%
}

.what-client-says .client-says .owl-carousel .owl-nav .owl-next span,
.what-client-says .client-says .owl-carousel .owl-nav .owl-prev span {
    font-weight: 300 !important;
    letter-spacing: -10px;
    width: 50px;
    height: 50px;
    line-height: 40px;
    border-radius: 50px;
    color: #dee276;
    border: 2px solid #dee276;
    margin: 0;
    font-size: 40px;
    background: #fff;
    padding: 0 8px 0 0
}

.what-client-says .client-says .owl-carousel .owl-nav .owl-next span:before,
.what-client-says .client-says .owl-carousel .owl-nav .owl-prev span:after {
    content: "---"
}

.what-client-says .client-says img {
    width: inherit;
    display: inline-block;
    height: auto
}

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    overflow: hidden
}

.lb-container>.nav,
.owl-carousel .owl-nav .owl-prev,
.subscription .whats-included ul li:nth-child(2n):after,
.support-all-box .btns .btn:hover:after {
    left: 0
}

.subscription .price-box .price-box-inner .item ul li:nth-child(2n):after,
.subscription .whats-included ul li:nth-child(2n):after {
    opacity: 0;
    z-index: -1
}

.owl-carousel .owl-nav .owl-next,
.subscription .price-box .price-box-inner .owl-item:last-child .item ul li:nth-child(2n):after {
    right: 0
}

.owl-carousel .owl-nav .owl-next span,
.owl-carousel .owl-nav .owl-prev span {
    font-size: 3rem;
    line-height: 1;
    padding: 0 15px;
    margin: -4px 0 3px;
    display: block
}

.subscription .price-box .price-box-inner,
.team-members {
    margin: 0 -15px
}

.team-members .team .team-img {
    float: left;
    width: 100%;
    min-height: 250px;
    overflow: hidden
}

.team-members .team .team-img img {
    display: block;
    width: 100%;
    height: auto
}

.team-members .team .team-cont .h4 {
    margin-bottom: 2px
}

.team-members .team .team-cont p {
    font-weight: 600;
    margin: 0;
    line-height: 1.5
}

.whats-going {
    display: flex;
    flex-wrap: wrap;
    background: #f5f5f5
}

.whats-going .image {
    float: left;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.whats-going .image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.whats-going .content {
    float: left;
    width: 50%;
    padding: 4% 3%
}

.whats-going .content p.small {
    font-size: 1rem;
    margin-bottom: 40px
}

.big {
    font-size: 1.375rem
}

.why-go-mobile .appstore-optimisation h3 {
    margin: 0;
    font-family: museo700
}

.why-go-mobile .appstore-optimisation h3 span {
    font-family: museo500;
    font-weight: 500;
    font-size: 1.5rem
}

.content-section>p:first-child,
.img-content+.img-content,
.why-go-mobile .appstore-optimisation.mar-t-100 {
    margin-top: 50px
}

.why-go-mobile .appstore-optimisation .small-btn {
    line-height: 60px;
    height: 60px;
    padding: 0 1.2rem
}

.why-go-mobile .appstore-optimisation .btn:before {
    transform: translate(13%, 190%) rotate(-24deg)
}

.why-go-mobile .appstore-optimisation .btn:after {
    transform: translate(-13%, -190%) rotate(-24deg)
}

.content-section .list-items-leaf {
    margin: 0;
    min-width: 100%
}

.content-section .list-items-leaf h3 {
    font-size: 1.625rem;
    width: 100%
}

.bespoke-main .service-box .service-img,
.content-section .list-items-leaf li,
.new_one .service-box .service-img {
    margin-bottom: 10px
}

.content-section>h1 {
    font-size: 3rem;
    margin-top: 50px
}

.content-section>h2 {
    margin-top: 50px;
    font-size: 2.375rem;
    padding: 0
}

.accord-tabs .tabs {
    margin-bottom: 15px;
    padding: 5px;
    background: #fff;
    border: 1px solid #e3e3e3
}

.accord-tabs .tabs .tabs-label {
    padding: 10px 40px 10px 15px;
    position: relative;
    background: #e5e5e5;
    cursor: pointer;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1.8
}

.accord-tabs .tabs .tabs-label:after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0, -50%)
}

.presta-new-sec i {
    width: 10%;
    min-width: 45px;
    margin-right: 10px
}

.list-items-leaf.presta-new-sec ul li {
    position: relative;
    display: flex;
    padding-left: 22px;
    margin-top: 20px;
    align-items: center
}

.presta-new-sec figure.why-choose-right-s {
    margin-top: 43px
}

.team-new-model {
    margin-bottom: 20px;
    margin-top: 20px
}

.herobanner.innerpage-banner .herobanner-content .magento-flex.wrap .presta_view.presta-shopnew {
    width: 63%
}

.presta-new-sec .col-8 {
    width: 66.66%
}

.team-steps li {
    width: 100%;
    list-style: none;
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
    margin: 0;
    padding: 0;
    text-align: center
}

.team-steps .setps-item {
    width: 100%;
    list-style: none;
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
    margin: 0;
    padding: 0;
    text-align: center
}

.team-steps picture {
    width: 100%;
    display: block
}

.team-steps img {
    width: 100%;
    margin-bottom: 10px
}

.team-steps h4 {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    padding: 10px
}

.team-steps .step-h4 {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    padding: 10px
}

.accord-tabs .tabs .tabs-content {
    padding: 3% 3.5% .5%;
    display: none
}

.accord-tabs .tabs.show .tabs-label:after {
    content: "-"
}

.img-content figure {
    padding: 0 0 40px 40px
}

.img-content figure span {
    position: relative;
    display: inline-block
}

.img-content figure span:after {
    top: 0;
    content: "";
    position: absolute;
    transform: translate(-40px, 40px)
}

.img-content figure.flt-left {
    margin-right: 5%
}

.img-content figure.flt-right {
    margin-left: 5%
}

.img-content .content {
    display: block;
    overflow: hidden;
    padding-top: 40px
}

.chilli-promise .chilli-promise-inner .promise {
    float: left;
    width: 100%;
    padding: 18% 8% 5% 20%;
    position: relative
}

.chilli-promise .chilli-promise-inner .promise:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    background-size: auto 100% !important;
    z-index: -1;
    padding-top: 26%
}

.chilli-promise .chilli-promise-inner .promise.one:after {
    background: url(../images/icons/one.png) left top no-repeat
}

.chilli-promise .chilli-promise-inner .promise.two:after {
    background: url(../images/icons/two.png) left top no-repeat
}

.chilli-promise .chilli-promise-inner .promise.three:after {
    background: url(../images/icons/three.png) left top no-repeat
}

.chilli-promise .chilli-promise-inner .promise.four:after {
    background: url(../images/icons/four.png) left top no-repeat
}

.contact-form .contact-inner {
    float: left;
    width: 100%;
    background: #5c0075;
    position: relative;
    padding: 30px;
    color: #fff
}

.contact-form .contact-inner:after {
    top: 0;
    content: "";
    position: absolute;
    transform: translate(-44px, 36px)
}

.main-content .contact-form .fields {
    width: 50%;
    padding: 0 5px
}

.main-content .contact-form .form-field {
    margin-bottom: 11px
}

.main-content .contact-form input.form-field {
    line-height: 60px;
    padding-top: 0;
    height: 60px
}

.main-content .contact-form input.form-field.wpcf7-file {
    line-height: inherit;
    padding-top: 18px
}

.main-content .contact-form select.form-field {
    line-height: 60px;
    height: 60px;
    -webkit-appearance: none
}

.main-content .contact-form textarea.form-field {
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 138px
}

.main-content .contact-form .inlineblock {
    display: inline-block;
    left: 50%;
    position: relative;
    transform: translate(-50%, 0)
}

.offices-inner .offices {
    float: left;
    width: 100%;
    border: 1px solid #dad9d9;
    padding: 1px 1px 30px
}

.offices-inner .offices h3 {
    background: #f1f2c2;
    padding: 20px;
    font-family: museo700;
    margin-bottom: 20px !important
}

.offices-inner .offices figure {
    margin-bottom: 28px
}

.offices-inner .offices .address {
    height: 160px
}

.devices-section {
    background: #fafafa;
    padding: 60px 0 40px
}

.migration-banner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    align-items: center;
    justify-content: center;
    flex-direction: row
}

.migration-banner .image-blocks {
    float: left;
    padding: 0 15px;
    text-align: center
}

.migration-banner .image-blocks:first-child {
    width: 45%
}

.migration-banner .image-blocks:nth-child(2) {
    width: 15%
}

.migration-banner .image-blocks:last-child {
    width: 35%
}

.migration-banner .image-blocks img {
    max-height: 100%;
    max-width: 100%
}

.team-avtar {
    background-color: #5c0075 !important;
    color: #fff
}

.both-side-padding {
    padding: 0 140px !important
}

.positionsContainer .positions {
    border-bottom: 1px solid #dedddd
}

.positionsContainer .positions .pos_header {
    position: relative;
    cursor: pointer;
    padding: 25px 30px 25px 0
}

.positionsContainer .positions .pos_header:after {
    position: absolute;
    content: "";
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    top: 30px;
    right: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.faq .positionsContainer .positions .pos_header h4,
.positionsContainer .positions .pos_header h4 {
    margin: 0;
    font-family: museo500;
    line-height: 1.4
}

.positionsContainer .positions.active .pos_header:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.positionsContainer .positions .pos_description * {
    line-height: 1.7
}

.positionsContainer .positions .pos_description label,
.positionsContainer .positions .pos_description li,
.positionsContainer .positions .pos_description p,
.positionsContainer .positions .pos_description ul {
    font-size: 15px
}

.faq .positionsContainer .positions .pos_description li,
.positionsContainer .positions .pos_description li {
    margin-bottom: 10px;
    list-style: none;
    padding-left: 25px;
    position: relative
}

.faq .positionsContainer .positions .pos_description ol li,
.positionsContainer .positions .pos_description ol li {
    list-style: lower-alpha inside;
    padding-left: 7px
}

.faq .positionsContainer .positions .pos_description li:before,
.positionsContainer .positions .pos_description li:before {
    content: "";
    width: 8px;
    border-radius: 3px;
    height: 8px;
    background: #5c0075;
    left: 5px;
    position: absolute;
    top: 8px
}

.box_new .service-box p,
.ecommerce_variant .box_new .service-box.no-readmore p,
.expertise .services .service-box h3,
.faq .positionsContainer .positions .pos_description li:last-child,
.gallery figure,
.list-items-leaf.new .col-12 ul li h3,
.main-content .contact-form .wpcf7-form .form-field,
.positionsContainer .positions .pos_description li:last-child {
    margin-bottom: 0
}

.faq .positionsContainer .positions .pos_description .heading,
.positionsContainer .positions .pos_description .heading {
    font-size: 18px
}

.faq .positionsContainer .positions:last-child .pos_description,
.positionsContainer .positions:last-child .pos_description {
    border-bottom-width: 0
}

.expertise .services .service-box {
    border: 1px solid #dad9d9;
    margin-bottom: 30px
}

.expertise .services .service-box p {
    text-transform: uppercase;
    font-size: 13px
}

.expertise .services .service-box p a {
    color: #5c0075;
    font-weight: 600;
    text-decoration: none
}

.modal-content {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0000006b;
    z-index: 10
}

.modal-content .modal-content-inner {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
    background: #fff;
    width: 600px;
    max-width: 80%;
    border-radius: 10px;
    display: block;
    overflow: hidden
}

.modal-content .modal-content-inner .contact-form input.form-field {
    background: #f7f7f7
}

.modal-close {
    float: right;
    cursor: pointer
}

.inputContainer {
    position: relative;
    float: left
}

.formError {
    position: absolute;
    top: 300px;
    display: block;
    z-index: 5000;
    cursor: pointer;
    left: 20px !important
}

.contactform .formError {
    z-index: 9
}

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none
}

.formError .formErrorContent {
    background: #ee0101;
    position: relative;
    z-index: 5001;
    color: #fff;
    width: 150px;
    font-family: tahoma;
    font-size: 11px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    padding: 2px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px
}

.greenPopup .formErrorArrow div,
.greenPopup .formErrorContent {
    background: #33be40
}

.blackPopup .formErrorArrow div,
.blackPopup .formErrorContent {
    background: #393939;
    color: #fff
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position: relative;
    z-index: 5006
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 0 0 12px;
    top: 2px
}

.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 3px #444;
    -webkit-box-shadow: 0 2px 3px #444;
    height: 1px;
    background: #ee0101;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.formError .formErrorArrow .line10 {
    width: 15px;
    border: none
}

.formError .formErrorArrow .line9 {
    width: 13px;
    border: none
}

.formError .formErrorArrow .line8 {
    width: 11px
}

.formError .formErrorArrow .line7 {
    width: 9px
}

.formError .formErrorArrow .line6 {
    width: 7px
}

.formError .formErrorArrow .line5 {
    width: 5px
}

.formError .formErrorArrow .line4 {
    width: 3px
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd
}

.form_submission_msg {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 13px;
    text-align: center
}

.pb-15 {
    padding-bottom: 15px !important
}

.wpcf7-submit {
    border: 1px solid #c2c900;
    font-size: 1rem;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    padding: 0 1.5rem;
    text-decoration: none;
    cursor: pointer;
    margin-top: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: relative;
    overflow: hidden;
    background-color: #c2c900;
    color: #000
}

.lb-loader,
.lightbox {
    line-height: 0;
    left: 0
}

.wpcf7-submit:hover {
    background-color: #8d9200;
    color: #fff
}

div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
    margin: 30px 0 0;
    float: left;
    width: 100%;
    text-align: center
}

.main-content .contact-form .wpcf7-form .wpcf7-form-control-wrap {
    margin-bottom: 25px;
    float: left;
    width: 100%
}

.main-content .contact-form span.wpcf7-not-valid-tip {
    font-size: 12px;
    text-align: left;
    clear: both;
    position: absolute;
    bottom: -18px;
    width: 100%
}

.main-content .contact-form div.wpcf7-response-output {
    border-width: 0;
    clear: both;
    text-align: center;
    float: left;
    margin-bottom: 0;
    width: 100%
}

.main-content .contact-form .fields.wd100,
.wanttosee-ourproject .case-cont .btn-cont,
.wanttosee-ourproject .case-cont p {
    width: 100%;
    text-align: center
}

.team-members {
    width: auto !important
}

.team-members .team {
    float: left;
    width: 100%;
    transition: .5s;
    text-align: left;
    cursor: pointer;
    padding: 0;
    height: 100%;
    position: relative;
    overflow: hidden
}

.team-members .team .team-cont {
    float: left;
    padding: 8px 12px 20px;
    z-index: 1;
    transition: .5s;
    position: absolute;
    color: #fff;
    left: 0;
    right: 0;
    margin-top: 0;
    bottom: 0;
    width: auto;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .9))
}

.team-members .team .team-cont .h4 {
    display: block;
    font-size: 20px;
    font-weight: 600;
    -webkit-transition: -webkit-transform .25s ease-in-out, margin-bottom .25s ease-in-out;
    transition: transform .25s ease-in-out, margin-bottom .25s ease-in-out;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0)
}

.team-members .team .team-cont p {
    -webkit-transition: -webkit-transform .25s ease-in-out, margin-bottom .25s ease-in-out;
    transition: transform .25s ease-in-out, margin-bottom .25s ease-in-out;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
    letter-spacing: 0
}

.team-members .team .team-cont p.team-disc {
    font-weight: 500;
    overflow: hidden;
    opacity: 0;
    margin-top: 0;
    max-height: 0;
    -webkit-transition: opacity .25s, -webkit-transform .35s, margin-bottom .35s, max-height .35s ease-in-out;
    transition: opacity .25s, transform .35s, margin-bottom .35s, max-height .35s ease-in-out;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 1.4;
    font-size: 12px
}

.team-members .team:hover .team-cont .h4,
.team-members .team:hover .team-cont p {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.team-members .team:hover .team-cont p.team-disc {
    max-height: 350px;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    -webkit-transition-duration: .45s;
    transition-duration: .45s
}

.team-members .team .team-img img {
    transform-origin: bottom;
    transition: .5s
}

.team-members .team:hover .team-img img {
    transform: scale(1.05)
}

.header .nav ul li.dropdown>a:after {
    border-bottom-width: 0 !important
}

.header .logo {
    max-width: 19%;
    margin-top: 30px
}

header.fixed-header .logo img {
    height: 70px
}

.how-it-looks .drag-for-more {
    padding-top: 24px;
    background: url(../images/icons/drag-for-more.jpg) center top no-repeat
}

.about-gallery .gallery-img a:after {
    content: "";
    opacity: 0;
    transition: .2s;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/icons/zoom-in.png) center center no-repeat rgba(0, 0, 0, .5);
    background-size: 45px auto
}

body.lb-disable-scrolling {
    overflow: hidden
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    outline: 0;
    box-shadow: none;
    background-color: #000;
    opacity: .8;
    display: none
}

.lightbox {
    position: absolute;
    width: 100%;
    z-index: 10000;
    text-align: center;
    font-weight: 400;
    outline: 0
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 3px;
    border: 4px solid #fff
}

.faq_new.positionsContainer .positions,
.lightbox a img {
    border: none
}

.lb-outerContainer {
    position: relative;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;
    background-color: #fff
}

.lb-dataContainer:after,
.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-loader {
    position: absolute;
    top: 43%;
    height: 25%;
    width: 100%;
    text-align: center
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../images/loading.gif) no-repeat
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.lb-nav a {
    outline: 0;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP)
}

.lb-next,
.lb-prev {
    height: 100%;
    cursor: pointer;
    display: block
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(../images/prev.png);
    left: 48%;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(../images/next.png) right 48% no-repeat;
    opacity: 0;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.lb-data {
    padding: 0 4px;
    color: #ccc
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: 700;
    line-height: 1em
}

.lb-data .lb-caption a {
    color: #4ae
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(../images/close.png) top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.lb-data .lb-close:hover {
    cursor: pointer;
    opacity: 1
}

.subscription * {
    line-height: 1.2
}

.subscription .whats-included {
    float: left;
    width: 30%;
    padding: 10px 15px
}

.subscription .price-box {
    display: block;
    overflow-y: hidden;
    padding: 0 15px
}

.subscription .price-box .price-box-inner .item ul,
.subscription .whats-included ul {
    padding: 0;
    margin: 0;
    display: block;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, .1)
}

.subscription .price-box .price-box-inner .item ul li,
.subscription .whats-included ul li {
    display: block;
    font-size: 18px;
    padding: 10px 20px;
    height: 56px;
    position: relative
}

.subscription .price-box .price-box-inner .item ul li>span,
.subscription .whats-included ul li>span {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    right: 0;
    padding: 0 20px
}

.subscription .whats-included ul li>span {
    padding: 0 55px 0 20px
}

.subscription .price-box .price-box-inner .item ul li:nth-child(2n),
.subscription .whats-included ul li:nth-child(2n) {
    background: #f3f3f3
}

.subscription .price-box .price-box-inner .item ul li:nth-child(2n):after,
.subscription .whats-included ul li:nth-child(2n):after {
    content: "";
    position: absolute;
    left: -15px;
    right: -15px;
    top: 0;
    bottom: 0;
    background: #f3f3f3
}

.subscription .price-box .price-box-inner .item ul li.heading,
.subscription .whats-included ul li.heading {
    height: 154px
}

.subscription .price-box .price-box-inner .item ul li.heading.bronze {
    background: #e7af80;
    background: linear-gradient(90deg, #e7af80 0, #a97142 100%)
}

.subscription .price-box .price-box-inner .item ul li.heading.silver {
    background: #f4f4f4;
    background: linear-gradient(90deg, #f4f4f4 0, #b8b6b6 100%)
}

.subscription .price-box .price-box-inner .item ul li.heading.gold {
    background: #ffd960;
    background: linear-gradient(90deg, #ffd960 0, #c5a028 100%)
}

.subscription .price-box .price-box-inner .item ul li.heading h2,
.subscription .whats-included ul li.heading h2 {
    margin-bottom: 0;
    font-size: 36px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0 10px
}

.subscription .whats-included ul li.heading h2 {
    padding: 0 20px
}

.subscription .price-box .price-box-inner .item ul li.heading h2 span,
.subscription .whats-included ul li.heading h2 span {
    display: block;
    margin-top: 10px;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 400
}

.subscription .price-box .price-box-inner .item ul .tick {
    width: 30px;
    z-index: 1;
    display: inline-block;
    height: 30px;
    background: url(../images/icons/tick.svg) center center/80% no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.subscription .price-box .price-box-inner .item ul .cross {
    width: 20px;
    z-index: 1;
    height: 20px;
    display: inline-block;
    background: url(../images/icons/cross.svg) center center/80% no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.subscription .owl-carousel .owl-stage-outer {
    padding: 10px 0
}

.subscription .price-box .price-box-inner .item ul li.cost-sec,
.subscription .whats-included ul li.cost-sec {
    height: 129px;
    padding: 30px 0
}

.subscription .price-box .price-box-inner .item ul li.cost-sec .cost-disc {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
    padding: 0 15px
}

.subscription .whats-included ul li.cost-sec .label {
    background: #5c0075;
    color: #fff;
    padding: 20px;
    position: relative;
    font-size: 20px;
    font-weight: 500
}

.subscription .whats-included ul li.cost-sec .label:after {
    content: "";
    z-index: 2;
    width: 0;
    height: 0;
    border: 10px solid #5c0175;
    position: absolute;
    right: -40px;
    border-color: transparent transparent transparent #5c0175;
    border-width: 32px 20px;
    top: 50%;
    transform: translate(0, -50%)
}

.subscription .whats-included ul li .info {
    cursor: pointer;
    z-index: 4;
    width: 24px;
    height: 24px;
    background: url(../images/icons/info.svg) center center/100% no-repeat;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -50%)
}

.subscription .price-box .price-box-inner .item ul li:first-child,
.subscription .whats-included ul li:first-child {
    border-radius: 10px 10px 0 0
}

.subscription .price-box .price-box-inner .item ul li:last-child,
.subscription .whats-included ul li:last-child {
    border-radius: 0 0 10px 10px
}

.subscription .price-box .price-box-inner .item ul li:before {
    z-index: 1
}

.lets-talk h2 small.subscription {
    font-size: 21px;
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    display: block
}

.subscription .whats-included ul li .info .tooltiptext {
    visibility: hidden;
    width: 535px;
    background-color: #fff;
    color: #000;
    font-style: normal;
    text-align: left;
    padding: 40px;
    border-radius: 25px;
    position: absolute;
    z-index: 6;
    left: 80px;
    font-size: 18px;
    line-height: 1.8;
    top: 50%;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .4);
    transform: translate(0, -50%)
}

.subscription .whats-included ul li .info .tooltiptext:before {
    content: "";
    width: 0;
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translate(0, -50%);
    height: 0;
    border: 30px solid #fff;
    border-color: transparent #fff transparent transparent;
    border-left-width: 0
}

.subscription .whats-included ul li.open .tooltiptext {
    visibility: visible
}

.fof img {
    max-width: 754px;
    width: 70%
}

.fof h2 {
    font-size: 2.375rem;
    font-weight: 500;
    margin-top: 30px
}

body.four-o-four h1 {
    color: #c2c900;
    font-size: 3.75rem;
    margin-bottom: 10px
}

.alert-popup,
.offer-popup {
    position: fixed;
    display: none;
    font-size: 45px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 11
}

.alert-box-bg,
.offer-box-bg {
    display: none;
    z-index: 10;
    left: 0
}

.offer-popup .offer-box {
    position: absolute;
    text-align: center;
    padding: 3.5% 2.5%;
    color: #fff;
    top: 50%;
    left: 50%;
    width: 80%;
    max-width: 780px;
    background: #5c0075;
    transform: translate(-50%, -50%)
}

.offer-popup .offer-box h2 {
    font-size: 100%
}

.offer-popup .offer-box p {
    font-size: 200%;
    color: #c2c900;
    line-height: 1.2;
    font-family: museo700;
    font-weight: 700;
    margin: 0
}

.offer-popup .offer-box p span {
    font-size: 40%;
    color: #fff;
    display: block;
    font-family: Montserrat, sans-serif;
    font-weight: 400
}

.popup-close {
    position: absolute;
    transform: translate(50%, -50%);
    cursor: pointer;
    right: 0;
    padding: 19px 10px;
    border: 3px solid #fff;
    border-radius: 50px;
    top: 0
}

.offer-popup .offer-box u {
    font-size: 60%;
    color: #c2c900;
    font-weight: 700;
    margin-top: 5%;
    display: inline-block
}

.offer-box-bg {
    background: rgba(0, 0, 0, .7);
    right: 0;
    bottom: 0;
    top: 0;
    position: fixed
}

.offer-banner {
    position: absolute;
    right: 40px;
    font-size: 24px;
    bottom: 0;
    transform: translateY(30%);
    transform-origin: bottom right;
    width: 533px;
    padding-top: 400px;
    height: 0;
    background: url(../images/background/timeoffer-bg.png) center center/100% auto no-repeat
}

.offer-banner .offer-banner-content {
    position: absolute;
    top: 12%;
    left: 5%;
    right: 3%;
    bottom: 25%;
    padding: 5% 14% 5% 8%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transform: rotate(15deg)
}

.offer-banner .offer-banner-content h3 {
    font-size: 100%;
    color: #c2c900;
    width: 100%;
    text-align: center
}

.offer-banner .offer-banner-content p {
    font-size: 100%;
    color: #fff;
    line-height: 1.2;
    text-align: center
}

.offer-banner .btn {
    font-size: 80%;
    cursor: initial;
    line-height: 40px;
    height: 40px;
    text-transform: initial;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto
}

.offer-banner .btn:hover,
.what-client-says1 .client-says1 .testimonial-content p strong,
.what-client-says1 .read-more-review:hover {
    color: #000
}

.which-hiring-modal .subscription {
    display: block;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1)
}

.which-hiring-modal .subscription .price-box .price-box-inner .item ul,
.which-hiring-modal .subscription .whats-included ul {
    box-shadow: none
}

.which-hiring-modal .subscription h4 {
    font-size: 18px;
    margin-bottom: 0;
    line-height: 36px
}

.which-hiring-modal .subscription .price-box .price-box-inner .item ul li.heading,
.which-hiring-modal .subscription .price-box .price-box-inner .item ul li:nth-child(2n) {
    background: #fff
}

.which-hiring-modal .subscription .heading img {
    max-width: 100%;
    width: auto
}

.which-hiring-modal .subscription .price-box .price-box-inner .item ul li.heading,
.which-hiring-modal .subscription .whats-included ul li.heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 220px
}

.which-hiring-modal .subscription .whats-included ul li.heading {
    background: #efefef
}

.which-hiring-modal .subscription .price-box .price-box-inner .item ul {
    border-left: 2px dashed #ebebeb
}

.which-hiring-modal .subscription .price-box .price-box-inner .owl-item:first-child .item ul {
    border-left: 1px solid #ebebeb
}

.which-hiring-modal .subscription .whats-included ul li>span {
    padding: 0;
    font-weight: 700;
    width: calc(100%- 54px);
    float: left;
    position: static;
    transform: translate(0, 0);
    top: inherit;
    left: inherit;
    right: inherit
}

.which-hiring-modal .subscription .whats-included ul li>img {
    margin-right: 10px;
    float: left
}

.which-hiring-modal .subscription .price-box .price-box-inner .item ul li[data-title],
.which-hiring-modal .subscription .whats-included ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.which-hiring-modal .subscription .price-box .price-box-inner .item ul li[data-title] p {
    padding-left: 30px;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    margin: 0
}

.which-hiring-modal .subscription .price-box .price-box-inner .item ul li[data-title] p .tick {
    width: 20px;
    height: 20px;
    position: absolute !important;
    margin: 0 !important;
    top: 10px;
    left: 0;
    transform: translate(0, -50%)
}

.which-hiring-modal .subscription .price-box .price-box-inner .item ul li[data-title] p span {
    position: static;
    padding: 0;
    transform: translate(0, 0);
    top: inherit;
    left: inherit;
    line-height: 1.3;
    right: inherit;
    text-align: left;
    font-size: 16px
}

.big-certification.magento_support .col_boxs i,
.which-hiring-modal .subscription .price-box .price-box-inner .item ul li[data-title],
.which-hiring-modal .subscription .whats-included ul li[data-title] {
    height: 100px
}

.services-10 h4 {
    line-height: 1.4;
    margin-bottom: 0
}

.technology-logo img {
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 100px
}

.technology-logo p {
    font-weight: 500;
    margin: 0
}

.technology-logo.owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
    max-width: 100%
}

.which-hiring-modal .subscription .price-box .price-box-inner .item ul li[data-title] ul {
    border: 0 !important;
    background: 0 0
}

.which-hiring-modal .subscription .price-box .price-box-inner .item ul li[data-title] ul li {
    padding: 0;
    background: 0 0;
    height: auto
}

.faq .positionsContainer .positions {
    margin-bottom: 15px;
    border-bottom-width: 0
}

.faq .positionsContainer .positions .pos_header {
    position: relative;
    cursor: pointer;
    padding: 10px 50px 10px 70px;
    border: 1px solid #dedddd
}

.faq .positionsContainer .positions .pos_header:after {
    position: absolute;
    content: "";
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 6px;
    top: 16px;
    right: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.faq .positionsContainer .positions .pos_description {
    display: none;
    padding: 15px 0
}

.faq .positionsContainer .positions.active .pos_header:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    top: 24px
}

.faq .positionsContainer .positions .pos_header:before {
    position: absolute;
    left: 0;
    content: "Q:";
    bottom: 0;
    display: flex;
    width: 50px;
    background: #ececec;
    top: 0;
    border-right: 1px solid #dedddd;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    line-height: 1.4;
    font-family: Montserrat, sans-serif;
    font-weight: 600
}

.alert-popup .alert-box {
    position: absolute;
    padding: 0;
    top: 50%;
    left: 50%;
    width: 80%;
    max-width: 650px;
    background: #fff;
    transform: translate(-50%, -50%);
    display: flex;
    flex-wrap: wrap
}

.alert-popup .alert-box p {
    font-size: 17px;
    letter-spacing: initial;
    font-weight: 400;
    margin: 0;
    line-height: 1.4
}

.alert-popup .popup-close {
    position: absolute;
    transform: translate(0, 0);
    cursor: pointer;
    right: 10px;
    padding: 10px 4px;
    border: 2px solid #fff;
    border-radius: 50px;
    top: 10px
}

.popup-close span {
    width: 14px;
    background: #fff;
    float: left;
    height: 2px;
    clear: both
}

.popup-close span+span {
    margin-top: -2px
}

.alert-box-bg {
    background: rgba(0, 0, 0, .5);
    right: 0;
    bottom: 0;
    top: 0;
    position: fixed
}

.btn-div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 20px
}

.alert-popup .btn {
    line-height: 40px;
    height: 40px;
    padding: 0 20px;
    font-size: 18px;
    text-transform: capitalize
}

.alert-box-header {
    margin: 0;
    padding: 0;
    background: #5c0075;
    width: 170px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.alert-popup .btn.btn-green:hover {
    color: #5e097a;
    background: #e2ea00;
    border-color: #e2ea00
}

.alert-box-content {
    flex: 1 0 0;
    padding: 20px
}

.alert-box-header img {
    max-width: 90px
}

.herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont h1 .light_font {
    font-family: museo300;
    font-size: 4.2rem
}

.service_box_left_icon .service-img {
    float: left;
    width: 90px;
    text-align: center;
    margin-top: 10px
}

.service_box_left_icon .wrap {
    float: left;
    width: calc(100% - 90px);
    padding-left: 20px;
    padding-bottom: 20px;
    text-align: left
}

.react_native .col-6 {
    padding: 0 30px
}

.herobanner.innerpage-banner.bespoke {
    background: url(../images/background/bespoke_banner.webp) top center/cover no-repeat
}

.faq_new.positionsContainer .positions .pos_header {
    padding: 0;
    margin: 0 0 20px;
    border: none
}

.faq_new.positionsContainer .positions .pos_header h4 {
    color: #000;
    border: 1px solid #d9d9d9;
    padding: 12px 50px 12px 85px;
    position: relative;
    font-family: Montserrat, sans-serif
}

.faq_new.positionsContainer .positions .pos_header h4:before {
    content: "Q:";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 62px;
    background: #ececec;
    border-right: 1px solid #d9d9d9;
    text-align: center;
    padding-top: 13px;
    box-sizing: border-box
}

.faq_new.positionsContainer .positions .pos_description {
    padding-left: 25px
}

.faq_new.positionsContainer .positions .pos_description p {
    font-size: 18px;
    line-height: 35px
}

.faq_new.positionsContainer .positions .pos_header::after {
    padding: 6px;
    top: 19px;
    right: 25px
}

.faq_new.positionsContainer .positions.active .pos_header::after {
    top: 26px
}

.herobanner.innerpage-banner.ecommerce .herobanner-content .magento-flex .magento-cont.no-pm h1 span {
    display: inline;
    font-family: museo300;
    font-weight: 400
}

.ecommerce_variant .services.img-left-01.icon_up .service-box .service-img {
    margin-bottom: 15px;
    padding-left: 90px
}

.ecommerce_variant .box_new .service-box {
    position: relative;
    padding-bottom: 70px
}

.ecommerce_variant .box_new .service-box.no-readmore {
    padding-bottom: 35px
}

.ecommerce_variant .box_new .service-box .btn-cont {
    position: absolute;
    bottom: 20px
}

.new_benefits .list-items-leaf ul li {
    padding-left: 70px;
    margin-top: 32px
}

.new_benefits .list-items-leaf ul li i {
    position: absolute;
    left: 0;
    top: -1px
}

.positionsContainer.faqnew .positions .pos_header {
    padding: 0;
    background: #fff;
    border: 1px solid #d9d9d9
}

.positionsContainer.faqnew .positions .pos_header:after {
    right: 30px;
    top: 25px
}

.positionsContainer.faqnew .positions {
    border: 0 solid #d9d9d9;
    margin-top: 15px
}

.positionsContainer.faqnew .positions .pos_header h4 {
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    position: relative;
    padding: 16px 30px 14px 80px
}

.positionsContainer.faqnew .positions .pos_header h4:before {
    content: "Q";
    background: #ececec;
    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% - 16px);
    width: 60px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-right: 1px solid #d9d9d9;
    padding-top: 16px
}

.positionsContainer.faqnew .positions .pos_description {
    padding: 25px 20px 5px
}

.space_ecommerce {
    display: inline-block;
    width: 100%;
    height: 70px
}

.container.blog_three_col {
    padding-top: 60px;
    overflow: hidden;
    margin-bottom: 10px;
    clear: both
}

.blog_three_col figure {
    border: 0;
    height: 230px
}

.blog_three_col figure img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.blog_three_col figcaption {
    background: #f5f5f5;
    padding: 30px;
    height: 100%
}

.blog_three_col figcaption p {
    min-height: 86px
}

.blog_three_col h3 {
    font-size: 20px;
    margin: 0 0 15px
}

.blog_three_col h2 {
    margin-top: 2px
}

.blog_three_col .date,
.what-client-says1 .client-says1 .trust-pilot {
    display: block;
    margin-bottom: 20px
}

.list-items-leaf.big.new h3 {
    font-size: 20px
}

.search_top_btn {
    border: 1px solid rgba(255, 255, 255, .5);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s;
    margin-left: 20px;
    cursor: pointer
}

.search_top_btn:hover {
    background: #000
}

.header_search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9);
    z-index: 10000000;
    padding: 0 15px;
    display: none
}

.header_search .close_search {
    text-align: right;
    margin: 50px 0 0
}

.header_search .close_search img {
    margin-right: -120px
}

.search_block {
    margin: 130px 0 0;
    position: relative
}

.search_block input {
    width: 100%;
    background: 0 0;
    border: 0;
    color: #fff;
    font-size: 24px;
    outline: 0;
    padding: 25px 10px;
    border-bottom: 2px solid #fff;
    font-weight: 400
}

.search_block input:-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

.search_block input:-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

.search_block input::placeholder {
    color: #fff;
    opacity: 1
}

.search_block button {
    background: 0 0;
    border: 0;
    position: absolute;
    top: 22px;
    padding: 5px 0;
    width: 40px;
    height: 40px;
    right: 5px;
    border-radius: 3px;
    transition: .4s
}

.search_block button:hover {
    background: #222
}

ul.auto_suggest {
    margin: 20px 0 0;
    padding: 0
}

ul.auto_suggest li {
    margin: 15px 0;
    padding: 0
}

ul.auto_suggest li a {
    background: #181818;
    display: block;
    align-items: center;
    padding: 15px 30px;
    color: #fff;
    text-decoration: none;
    min-height: 95px;
    transition: .4s
}

ul.auto_suggest li p {
    font-size: 20px;
    font-weight: 600;
    margin: 5px 0 7px;
    line-height: 140%
}

ul.auto_suggest li span {
    display: block;
    word-break: break-word;
    line-height: 140%
}

.toolsused h2,
.what-client-says1 h2 {
    margin-bottom: 50px
}

.what-client-says1 .client-says1 {
    display: inline-block;
    width: 100%
}

.what-client-says1 .client-says1 .h3 {
    margin-bottom: 0;
    font-size: 20px;
    font-family: Museo500;
    line-height: 160%;
    display: block
}

.what-client-says1 .client-says1 .h3 a {
    color: #787878 !important;
    text-decoration: none
}

.what-client-says1 .client-says1 .testimonial-content .testo-cont a.view_more {
    color: #c2c900;
    font-size: 14px;
    letter-spacing: 1px
}

.what-client-says1 .client-says1 .testimonial-content .testo-cont a.view_more:hover {
    color: #000 !important
}

.what-client-says1 .client-says1 .h3 small {
    color: #787878;
    display: block;
    font-size: 17px
}

.what-client-says1 .client-says1 .testimonial-content {
    padding: 15px;
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.what-client-says1 .client-says1 .testimonial-content p {
    font-weight: 500;
    text-align: justify;
    max-width: 96%
}

.what-client-says1 .client-says1 img {
    width: inherit;
    display: inline-block;
    border: 1px solid #dedede
}

.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
}

.also-use .also-use-inner .box-logo-container .also-use-box ul.box-logo li a,
.also-use .also-use-inner .box-logo-container .also-use-box ul.box-logo li a:hover,
.breadcrumb ul li a,
.services h3 a,
.services h3 a:active,
.services h3 a:hover,
.services h3 a:visited,
.technology_page_box li a,
.what-client-says1 .client-says1 .testimonial-content .testo-cont a {
    color: #000;
    text-decoration: none
}

.what-client-says1 .client-says1 .testimonial-content .testo-cont .quote {
    position: relative;
    display: block;
    margin-top: 10px
}

.what-client-says1 .client-says1 .testimonial-content .testo-cont .quote:before {
    content: '"'
}

.what-client-says1 .client-says1 .testimonial-content .testo-cont .quote:after {
    content: ' "'
}

.what-client-says1 .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 25px
}

.what-client-says1 .owl-theme .owl-dots .owl-dot span {
    width: 25px;
    border-radius: 3px;
    height: 5px;
    margin: 5px
}

.what-client-says1 .read-more-review {
    display: inline;
    padding: 0;
    border-radius: 6px;
    color: #c2c900;
    text-decoration: none;
    font-size: 18px;
    text-align: center;
    line-height: 10px
}

.rowflex {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap
}

.alignItemCenter {
    align-items: center
}

.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
}

.trustpilot-inner h2 {
    margin: 0;
    font-size: 35px;
    padding: 0 15px;
    float: left;
    width: 50%
}

.trustpilot-logo {
    display: block;
    padding-right: 20px
}

.trustpilot-rating {
    float: left;
    width: 50%;
    padding: 0 15px
}

.trustpilot-rating .h3 {
    font-size: 20px;
    margin: 0 0 0 5px;
    float: left;
    width: 50px;
    font-family: Museo500
}

.trustpilot-rating .h4 {
    font-size: 18px;
    margin: 0 0 0 4px;
    display: block;
    font-family: Museo500
}

.trustpilot-rating .rating img {
    float: left;
    max-width: calc(100% - 55px);
    height: auto
}

.trustpilot-rating .h4 span+span {
    margin-left: 10px;
    padding-left: 15px;
    position: relative
}

.trustpilot-rating .h4 span+span:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #515072;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.trustpilot-company-rating {
    padding-left: 20px
}

.content-section>h1,
.content-section>h2,
.content-section>h3,
.content-section>h4,
.content-section>h5 {
    margin-bottom: 15px;
    line-height: 1.2
}

.upper_patch_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px
}

.upper_patch_logo img {
    margin: 0 25px
}

.laravel-developers .upper_patch_logo img {
    max-width: 183px
}

.big-certification {
    margin-top: 50px;
    border: 1px solid #ececec;
    background: #fff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1)
}

.big-certification .left img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.big-certification .left .small_certi {
    position: absolute;
    bottom: 0;
    left: -22px
}

.big-certification .list-items-leaf {
    margin: 0;
    padding: 30px 30px 30px 20px
}

.big-certification .list-items-leaf li {
    margin-top: 25px;
    width: 100%;
    position: relative;
    line-height: 150%
}

.big-certification .col_boxs {
    display: flex;
    flex-wrap: wrap;
    background: #eee;
    margin: 40px -15px -30px -35px;
    padding: 10px 10px 20px;
    justify-content: center
}

.big-certification .col_boxs .small-btn {
    margin-top: 20px;
    padding: 15px 30px
}

.big-certification .col_boxs span {
    width: 25%;
    display: block;
    text-align: center;
    padding: 0 10px
}

.big-certification .col_boxs img {
    max-width: 55px
}

.big-certification .col_boxs i {
    display: flex;
    height: 80px;
    align-items: center;
    justify-content: center
}

.big-certification .col_boxs h3 {
    font-size: 15px;
    text-decoration: none !important;
    color: #000;
    padding: 0
}

.gallery .gallery-img a,
.linked-in a,
.techlogos {
    color: #fff;
    text-transform: uppercase
}

.laravel_usp {
    margin: 50px 0 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.laravel_usp .laravel_left_logo {
    display: block;
    width: 299px;
    margin-right: 90px;
    text-align: center
}

.laravel_usp ul {
    display: flex;
    width: calc(100% - 400px);
    justify-content: space-between;
    position: relative
}

.laravel_usp ul:before {
    content: "";
    position: absolute;
    left: -30px;
    top: 0;
    background: #e0e0e0;
    width: 1px;
    height: 100%
}

.laravel_usp ul li {
    margin: 0;
    display: block;
    width: 28%
}

.laravel_usp ul li:last-child {
    width: 16%
}

.laravel_usp ul li span {
    display: block;
    line-height: 135%;
    font-size: 15px
}

.laravel_usp .counter-number,
.laravel_usp h3 {
    font-size: 30px;
    font-weight: 900;
    margin: 10px 0 8px;
    line-height: 1
}

.laravel_usp.magento .laravel_left_logo {
    display: block;
    width: 450px;
    margin-right: 50px
}

.laravel_usp.magento ul {
    width: calc(100% - 500px)
}

.laravel_usp.magento ul:before {
    left: -10px
}

.support_box_col {
    background: #fff;
    text-align: center;
    height: calc(100% - 40px);
    padding: 30px;
    margin-top: 40px
}

.support_box_col h2 {
    font-weight: 600;
    font-size: 24px;
    margin: 0 0 18px
}

.support_box_col img {
    max-width: 100px
}

.support_box_col svg {
    max-width: 100px
}

.support_box_col figure {
    margin: 0 0 30px
}

.support-all-box .btns .btn:after {
    left: -30px
}

.technology_page_box {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.technology_page_box li {
    padding: 0;
    background: #fcfcfc;
    border: 1px solid #ececec;
    display: block;
    align-items: center;
    justify-content: center;
    width: calc(20% - 16px);
    margin: 0 0 20px 20px;
    height: 260px;
    flex: wra;
    text-align: center
}

.technology_page_box li figure {
    width: 144px;
    height: 144px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px auto 0
}

.technology_page_box li h3 {
    margin: 15px 0 0
}

.technology_page_box li:nth-child(5n + 1),
.toolsused ul li:first-child {
    margin-left: 0
}

.magento_support_service .box_new .service-box,
header ul#menu.header3 li ul div li .submenu-icons {
    padding: 20px
}

.magento_support_service .service-box .service-img img {
    height: auto;
    position: relative;
    width: auto;
    top: 0;
    left: 0 !important;
    margin: 0 auto;
    transform: none !important
}

.magento_support_service .service-box .service-img svg {
    height: auto;
    position: relative;
    width: auto;
    top: 0;
    left: 0 !important;
    margin: 0 auto;
    transform: none !important
}

.magento_support_service .box_new .service-box .service-img {
    margin-bottom: 25px;
    padding: 0;
    padding-top: 0 !important
}

.magento_support_service .box_new .service-box p {
    font-size: 14px
}

.big-certification.magento_support .col_boxs {
    background: 0 0;
    margin-top: 0
}

.big-certification.magento_support .col_boxs span {
    width: 50%;
    margin-bottom: 40px
}

.big-certification.magento_support .col_boxs .small-btn {
    margin-top: 0;
    margin-bottom: 20px
}

.big-certification.magento_support .col_boxs img {
    max-width: 100%;
    margin-bottom: 30px
}

.ecommerce_variant.no_padd .box_new .service-box {
    padding-bottom: 20px;
    border: 1px solid #ececec;
    border-radius: 6px;
    box-shadow: 0 2px 2px 1px rgb(0 0 0 / 2%)
}

.page_cta .row:first-child {
    padding: 70px 15px
}

.page_cta .col-5 {
    position: relative;
    padding-left: 0;
    width: 35%
}

.page_cta .col-7 {
    width: 65%;
    padding-left: 50px
}

.page_cta .col-5 figure {
    position: relative;
    text-align: right;
    overflow: hidden;
    padding-bottom: 30px;
    max-width: 430px;
    padding-left: 30px
}

.page_cta .col-5 figure:before {
    width: 100%;
    height: 100%;
    background: #dcdcdc;
    position: absolute;
    top: 10%;
    left: -6%;
    content: "";
    z-index: -1
}

.page_cta_name {
    display: block;
    margin-top: 30px
}

.page_cta_name h3 {
    font-size: 26px;
    font-family: museo700;
    font-weight: 400
}

.page_cta_name .small-btn {
    padding-top: 15px;
    margin-top: 30px
}

.ctaNewWrapper {
    max-width: 950px;
    margin: auto
}

.ctaNewDesign .row {
    align-items: center
}

.ctaNewDesign h2 {
    padding: 0 !important;
    margin-bottom: 1rem
}

.ctaNewDesign p {
    margin-bottom: .5rem
}

.ctaNewDesign.page_cta .col-5 figure {
    padding-bottom: 0;
    padding-left: 0
}

.ctaNewDesign.page_cta .col-5 figure img {
    height: 250px;
    width: 250px;
    object-fit: cover;
    border-radius: 100%;
    object-position: top;
    border: 5px solid #5c0075
}

.ctaNewDesign.page_cta .col-5 figure:before {
    display: none
}

.ctaNewDesign .page_cta_name {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
    margin-top: 20px
}

@media (hover:hover) and (pointer:fine) {
    .subscription .whats-included ul li.open .tooltiptext {
        visibility: hidden
    }

    .subscription .whats-included ul li .info:hover .tooltiptext {
        visibility: visible
    }
}

@media screen and (min-width:768px) and (hover:hover) and (pointer:fine) {
    header:not(.newhead03) ul#menu>li:hover>ul {
        visibility: visible;
        opacity: 1;
        pointer-events: initial;
        transform: translateY(20px);
        transition: transform .5s, opacity .5s
    }
}

@media screen and (min-width:1025px) and (hover:hover) and (pointer:fine) {
    header:not(.newhead03) ul#menu>li:hover>ul {
        visibility: visible;
        opacity: 1;
        pointer-events: initial;
        transform: translateY(20px);
        transition: transform .5s, opacity .5s
    }
}

@media screen and (min-width:992px) and (max-width:1200px) and (hover:hover) and (pointer:fine) {
    header:not(.newhead03) ul#menu>li:hover>ul {
        transform: translateY(20px)
    }
}

@media screen and (min-width:1025px) and (max-width:1200px) and (hover:hover) and (pointer:fine) {
    header ul#menu>li:hover>ul {
        transform: translateY(20px)
    }
}

@media screen and (max-width:991px) and (min-width:768px) and (hover:hover) and (pointer:fine) {
    header:not(.newhead03) ul#menu>li:hover>ul {
        transform: translateY(10px)
    }
}

@media screen and (max-width:1512px) and (min-width:1025px) and (hover:hover) and (pointer:fine) {
    header ul#menu>li:hover>ul {
        transform: translateY(12px)
    }
}

@media screen and (min-width:768px) {
    .team-members.owl-carousel {
        padding-left: 50px;
        padding-right: 50px
    }

    .team-members .team:hover {
        transform: scale(1.05)
    }

    header:not(.newhead03) ul#menu>li>ul {
        transition: transform .3s, opacity .3s;
        transform: translateY(100px);
        display: block !important;
        pointer-events: none
    }

    header:not(.newhead03) ul#menu>li:hover>ul {
        transform: translateY(20px);
        transition: transform .5s, opacity .5s;
        visibility: visible;
        opacity: 1;
        pointer-events: initial
    }

    header:not(.newhead03) ul#menu2 li ul {
        transition: transform .5s, opacity .5s;
        transform: translateY(100px)
    }

    header:not(.newhead03) ul#menu2 li:hover>ul {
        transform: translateY(80px);
        visibility: visible;
        height: auto;
        opacity: 1
    }

    .header:not(.newhead03) .nav>ul>li:hover>a {
        border-color: #c2c900
    }

    header ul#menu2 li.case-study ul li {
        width: 14.286%
    }

    .six .col-2 {
        width: 33.33%
    }

    .six .col-2 p {
        line-height: 1.4
    }

    .six .col-2 .service-box {
        padding-left: 0;
        padding-right: 0
    }

    .services.six .col-2 .service-box .service-img {
        padding-top: 50%
    }

    .main-content .contact-form .fields .recap-cha {
        float: right;
        margin-right: 0
    }

    .main-content .contact-form .wpcf7-form textarea.form-field {
        max-height: 145px
    }

    .desk-none {
        display: none
    }

    .header .nav ul li.mar-r-0 {
        margin-right: 0
    }
}

@media screen and (min-width:992px) {
    .certi_logos.mobile {
        display: none
    }

    .six .col-2 {
        width: 16.6667%
    }

    .which-hiring-modal .subscription .whats-included {
        width: 25%
    }
}

@media screen and (min-width:1300px) {
    .which-hiring-modal .subscription {
        margin: 0 auto;
        max-width: 90%
    }
}

@media screen and (max-width:1650px) {
    .owl-carousel .owl-nav .owl-prev {
        left: 15px !important
    }

    .owl-carousel .owl-nav .owl-next {
        right: 15px !important
    }
}

@media screen and (max-width:1512px) and (min-width:1025px) {
    header ul#menu li ul li {
        padding: 0
    }

    header ul#menu li ul div li .submenu-icons .menu-content .h5 {
        font-size: 14px
    }

    header ul#menu li ul li .submenu-icons .menu-icons img {
        max-height: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    header ul#menu li ul div li .submenu-icons .menu-icons img {
        max-height: 70%
    }

    header ul#menu li ul li .submenu-icons .menu-content {
        width: 100%;
        padding-left: 0;
        padding-top: 10px;
        text-align: center
    }

    header ul#menu2 li ul li .submenu-icons .menu-content {
        width: 100%;
        padding-left: 0;
        padding-top: 10px
    }

    header ul#menu li ul>div,
    header ul#menu2 li ul {
        padding-left: 50px;
        padding-right: 50px
    }

    header ul#menu li.relative ul>div,
    header ul#menu2 li.relative ul {
        padding-left: 0;
        padding-right: 0
    }

    header ul#menu2 li:hover>ul {
        transform: translateY(75px)
    }

    header ul#menu2 li ul li .submenu-icons {
        padding: 10px 0
    }

    header ul#menu li:hover>ul {
        transform: translateY(12px)
    }

    header ul#menu li ul li:first-child {
        padding-left: 0
    }

    header ul#menu li ul li:last-child {
        padding-right: 0
    }

    header ul#menu li.relative ul li:first-child {
        padding-left: 10px
    }

    header ul#menu li.relative ul li:last-child {
        padding-right: 10px
    }

    header ul#menu li.relative ul.simple-dropdown,
    header ul#menu2 li.relative ul.simple-dropdown {
        min-width: 830px;
        transform: translate(-70%, 100px)
    }

    header ul#menu li.relative:hover>ul,
    header ul#menu2 li.relative:hover>ul {
        transform: translate(-70%, 5px)
    }

    header ul#menu li.relative:hover>.arrowDown,
    header ul#menu2 li.relative:hover>.arrowDown {
        transform: translateY(42px)
    }

    header ul#menu li ul li .submenu-icons .menu-icons {
        width: 100%;
        position: relative;
        padding-top: 30%
    }

    header ul#menu.header3 li ul li.subdropdown ul.submenu li a>.submenu-icons {
        padding: 15px 10px
    }

    header ul#menu.header3 li ul li.subdropdown ul.submenu li a>.submenu-icons .menu-icons {
        padding-top: 20%;
        width: 15%
    }

    header ul#menu.header3 li ul li.subdropdown ul.submenu li a>.submenu-icons .menu-content {
        padding-top: 0;
        text-align: left;
        padding-left: 10px;
        width: 85%
    }

    header ul#menu.header3 li ul li.subdropdown ul.submenu li a>.submenu-icons .menu-content .h5 {
        margin-bottom: 5px;
        font-size: 13px
    }

    header ul#menu.header3 li ul li.subdropdown ul.submenu li a>.submenu-icons .menu-content p {
        font-size: 12px
    }
}

@media screen and (max-width:1512px) {
    .offer-banner {
        right: 40px
    }

    .which-hiring-modal .subscription .price-box .price-box-inner .item ul li[data-title] p span {
        font-size: 15px
    }

    header ul#menu.header3 li ul>div {
        padding-left: 0;
        padding-right: 0
    }

    .services h3 br {
        display: block
    }
}

@media screen and (max-width:1512px) and (min-width:1367px) {
    header ul#menu li.relative ul.simple-dropdown {
        transform: translate(-65.5%, 100px)
    }

    header ul#menu li.relative:hover>ul,
    header ul#menu2 li.relative:hover>ul {
        transform: translate(-65.5%, 5px)
    }
}

@media screen and (max-width:1366px) {
    h3 {
        font-size: 1.625rem
    }

    .service-box .service-img {
        padding-top: 40%
    }

    .whats-going .content {
        padding: 1.5% 2%
    }

    .herobanner .herobanner-content h1.mar-b-40,
    .herobanner .herobanner-content h1.p.mar-b-70,
    .herobanner .herobanner-content p.h1.mar-b-40,
    .herobanner .herobanner-content p.mar-b-70,
    .whats-going .content p.small {
        margin-bottom: 20px
    }

    .herobanner .herobanner-content h1.p,
    .herobanner .herobanner-content p {
        width: 100%
    }

    html {
        font-size: 13px
    }

    .wanttosee-ourproject h2 {
        margin-top: 0
    }

    .herobanner.innerpage-banner {
        padding-top: 35%
    }

    .header .call-info span:before {
        margin-top: -1px
    }

    .subscription .price-box .price-box-inner .item ul li,
    .subscription .whats-included ul li {
        font-size: 16px
    }

    .subscription .whats-included ul li .info .tooltiptext {
        padding: 25px;
        border-radius: 15px;
        left: 50px;
        font-size: 16px;
        width: 380px
    }

    .subscription .whats-included ul li .info .tooltiptext:before {
        border-width: 20px 20px 20px 0;
        left: -20px
    }
}

@media screen and (max-width:1249px) {
    .header .logo {
        max-width: 22%
    }

    .header .nav ul li:first-child {
        margin-left: 0 !important
    }

    .header .nav ul li:last-child {
        margin-right: 0 !important
    }

    .header .call-info span+span {
        margin-left: 10px
    }

    .offer-banner {
        right: 20px
    }
}

@media screen and (max-width:1200px) {
    .whats-going .content p.small~p {
        font-size: 15px
    }

    .header .logo {
        max-width: 22%
    }

    h3 {
        font-size: 1.4rem;
        margin-bottom: .2rem
    }

    p {
        font-size: 14px
    }

    .btn {
        font-size: .875rem;
        line-height: 40px;
        height: 40px;
        padding: 0 1rem
    }

    header ul#menu li:hover>ul {
        transform: translateY(20px)
    }

    .service-btn-box .service-box {
        padding-bottom: 50px
    }
}

@media screen and (max-width:1024px) {

    .content-section h2,
    h2 {
        font-size: 2.125rem
    }

    .subdropdown_menu {
        display: none;
        padding: 0 15px
    }

    .container .client-says .container {
        padding: 0
    }

    .herobanner .herobanner-content h1,
    .herobanner .herobanner-content p.h1 span {
        font-size: 2.25rem
    }

    .mar-t-100 {
        margin-top: 5%
    }

    .mar-b-40 {
        margin-bottom: 25px
    }

    .herobanner .herobanner-content h1,
    .herobanner .herobanner-content p.h1 {
        font-size: 5rem
    }

    .wanttosee-ourproject .wp-project .wp-pro-cont {
        padding: 20px
    }

    .wanttosee-ourproject .wp-project .wp-pro-cont.purple {
        background: #5c0075f2
    }

    .wanttosee-ourproject .wp-project .wp-pro-cont img.pro-platform {
        top: -50px;
        transform: scale(.6);
        left: 8px
    }

    h2 {
        padding: 0 46px 0 23px
    }

    .lets-talk h2 small.subscription {
        font-size: 14px
    }

    .leaf:after {
        margin-left: 0;
        transform: scale(.7);
        margin-top: -3px
    }

    .bannerFormWrapper .formHeadingN {
        font-size: 19px
    }

    .service-btn-box .service-box .btn-cont {
        left: 0;
        bottom: 0;
        right: 0
    }

    .wanttosee-ourproject h2 {
        padding-left: 0;
        margin-top: 0
    }

    .herobanner {
        padding-top: 20%;
        min-height: inherit
    }

    .herobanner .herobanner-content h1.p,
    .herobanner .herobanner-content p {
        padding: 0;
        font-size: 1.25rem
    }

    .advantage-box {
        height: 100%
    }

    .what-client-says .client-says {
        background-size: 90%
    }

    .what-client-says .client-says .testimonial-content:before {
        top: -30%
    }

    .lets-connect+.mar-t-100 {
        margin-top: 9%
    }

    .whats-going .content {
        padding: 3%
    }

    .whats-going .content h3,
    .whats-going .content p.small {
        margin-bottom: 10px
    }

    .whats-going .content p.small~p {
        line-height: 1.4
    }

    .whats-going .mar-t-30 {
        margin-top: 20px
    }

    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont h1,
    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont h1 span {
        font-size: 3rem
    }

    .herobanner.innerpage-banner {
        padding-top: 40%
    }

    .herobanner.innerpage-banner.prestashop-upgrade {
        padding-top: 50%
    }

    .big {
        font-size: 1.125rem
    }

    .content-section .list-items-leaf h3 {
        font-size: 1.5rem
    }

    .accord-tabs .tabs .tabs-label {
        font-size: 1.25rem
    }

    header ul#menu.header3 li.dropdown>a:before {
        top: 35px
    }

    header ul#menu.header3 li.dropdown.relative>a:before {
        top: 38px
    }

    header ul#menu li ul div.seven li,
    header ul#menu li ul li,
    header ul#menu2 li ul li {
        width: 33.33%;
        padding: 10px
    }

    header ul#menu li ul li .submenu-icons .menu-content .h5,
    header ul#menu2 li ul li .submenu-icons .menu-content .h5 {
        font-size: 16px
    }

    .header .nav ul li {
        font-size: .875rem;
        margin: 0 10px
    }

    .header .call-info span {
        font-size: 1rem
    }

    header ul#menu2 li ul li .submenu-icons .menu-icons {
        padding-top: 18%
    }

    .owl-theme .owl-nav [class*="owl-"]:hover {
        background: 0 0;
        color: inherit
    }

    .owl-theme .owl-nav [class*="owl-"]:active {
        background: #c2c900;
        color: #fff
    }

    .header .nav ul {
        margin-top: 15px
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    header ul#menu li.relative {
        position: static
    }

    header ul#menu li ul>div,
    header ul#menu2 li ul {
        padding-left: 20px;
        padding-right: 20px
    }

    header ul#menu li ul li:first-child {
        padding-left: 0
    }

    header ul#menu li ul li:last-child {
        padding-right: 0
    }

    header ul#menu li ul.relative>div,
    header ul#menu2 li.relative ul {
        padding-left: 0;
        padding-right: 0
    }

    header ul#menu li ul li .submenu-icons .menu-icons img {
        max-width: 70%
    }

    .header .logo {
        max-width: 15%
    }

    .whatmakes-distinctive {
        margin-top: 6.6%
    }
}

@media screen and (min-width:992px) and (max-width:1024px) {
    .wanttosee-ourproject h2 {
        margin-bottom: 10px
    }

    .mean-mern-stack-technologies.also-use .also-use-inner .box-logo-container .also-use-box {
        flex: 0 0 203px !important
    }
}

@media screen and (max-width:991px) {

    .herobanner .herobanner-content h1,
    .herobanner .herobanner-content p.h1 {
        font-size: 3.5rem
    }

    .col-3,
    .col-4 {
        width: 50%
    }

    .herobanner .herobanner-content {
        padding: 0 5%
    }

    .service-box br,
    .services .col-4:before,
    .services .col-4:nth-child(3n + 1):before,
    .services .col-4:nth-child(odd):before,
    .services.divider-border .col-3:nth-child(odd):before,
    .services.divider-border .col-4:nth-child(odd):before {
        display: none
    }

    .mobile-apps-services .col-4,
    .wantto-see .wanttosee-ourproject .col-6,
    .whats-going .content,
    .whats-going .image,
    .why-go-mobile .col-5,
    .why-go-mobile .col-7,
    .why-go-mobile .flt-left,
    .why-go-mobile .flt-right {
        width: 100%
    }

    .mobile-apps-services .services.img-left .col-4 .service-box .service-img,
    .service-box .service-img,
    header ul#menu2 li ul li .submenu-icons .menu-icons {
        padding-top: 25%
    }

    .services .col-4:before {
        top: 0;
        bottom: 0
    }

    .herobanner .herobanner-slider img {
        max-width: 65%
    }

    .what-client-says .client-says .testimonial-content:before {
        top: -20%;
        transform: scale(.8)
    }

    .what-client-says .client-says .testimonial-content:after {
        transform: scale(.8)
    }

    .list-items-leaf ul li {
        padding-left: 40px;
        margin-bottom: 20px
    }

    .list-items-leaf ul li:before {
        transform: scale(.5);
        top: -10px
    }

    .list-items-leaf h3 {
        font-size: 1.125rem;
        margin-bottom: 1rem
    }

    .start-ups .col-5,
    .start-ups .col-7 {
        width: 100%;
        order: 2
    }

    .start-ups .col-5 img {
        max-width: 80%;
        margin: 0 auto 20px;
        display: block
    }

    .start-ups .col-7+.col-5,
    .why-go-mobile .col-5 {
        order: 1
    }

    .mobile-apps-services .services.img-left .col-4 .service-box,
    .services.service-btn-box .service-box,
    .why-go-mobile .appstore-optimisation h3 {
        text-align: center
    }

    .mar-b-30sm {
        margin-bottom: 30px
    }

    .col-3,
    .content-section p {
        margin-bottom: 15px
    }

    .wanttosee-ourproject .wp-project .wp-pro-cont {
        bottom: 0;
        left: 0;
        right: 0;
        position: relative;
        float: left;
        width: 100%
    }

    .wanttosee-ourproject h2 {
        padding: 0 46px;
        text-align: center
    }

    .wanttosee-ourproject .wp-project {
        margin: 0 5% 30px;
        width: 90%
    }

    .img-content .content .btn-cont {
        text-align: center;
        margin-bottom: 20px
    }

    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont h1,
    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont h1 .light_font,
    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont h1 span {
        font-size: 2.5rem
    }

    .herobanner.innerpage-banner {
        padding-top: 45%
    }

    .herobanner.innerpage-banner.magento-web {
        padding-top: 50%
    }

    .accord-tabs .tabs .tabs-label,
    .content-section .list-items-leaf h3,
    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont p {
        font-size: 1.125rem
    }

    .contact-form .contact-inner:after,
    .lets-connect .lets-connect-inner:after {
        border: 2px solid #c4cb09;
        transform: translate(-22px, 22px)
    }

    .lets-connect .mini-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .mobile-apps-services .services.img-left .col-4 .service-box .service-img img {
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .mobile-apps-services .services.img-left .col-4 .service-box .service-img svg {
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .why-go-mobile .col-7 {
        order: 2
    }

    .why-go-mobile .appstore-optimisation.mar-t-100 {
        margin-top: 30px;
        margin-bottom: 50px
    }

    .why-go-mobile .appstore-optimisation h3 span {
        font-size: inherit
    }

    .why-go-mobile .appstore-optimisation .free-ebook {
        margin-top: 15px;
        width: 100%;
        text-align: center
    }

    .why-go-mobile .list-items-leaf ul li {
        margin-bottom: 10px
    }

    .list-items-leaf {
        margin: 0;
        padding: 0 15px
    }

    .content-section>h2 {
        margin-top: 30px;
        margin-bottom: 15px
    }

    .content-section p {
        font-size: 15px
    }

    .content-section .list-items-leaf+p {
        margin-top: 30px
    }

    .content-section .list-items-leaf {
        padding: 0 20px
    }

    .img-content figure {
        width: 100%;
        text-align: center;
        padding: 0 0 20px 20px
    }

    .img-content figure span:after {
        transform: translate(-20px, 20px)
    }

    .img-content .content {
        float: left;
        width: 100%
    }

    .chilli-promise .chilli-promise-inner .promise:after {
        transform: scale(.7) translate(-30%, -30%)
    }

    .chilli-promise .chilli-promise-inner .promise {
        padding: 12% 0 0 14%;
        margin-bottom: 30px
    }

    .contact-form .mini-container {
        padding-left: 22px
    }

    .contact-form .contact-inner {
        padding: 20px 15px
    }

    .header .call-info span,
    .header .nav ul li {
        font-size: 1rem
    }

    .header .nav ul li.dropdown>a {
        padding-right: 10px
    }

    .header .nav ul li.dropdown>a:after {
        border-width: 4px;
        top: 5px
    }

    .header .nav ul {
        margin-top: 15px
    }

    header ul#menu li ul div.seven li,
    header ul#menu li ul li {
        width: 100%;
        padding: 10px
    }

    header ul#menu2 li.relative ul li .submenu-icons .menu-content {
        width: 100%;
        padding-left: 0;
        padding-top: 0
    }

    header ul#menu li.relative ul li .submenu-icons .menu-content .h5,
    header ul#menu2 li.relative ul li .submenu-icons .menu-content .h5 {
        margin: 0
    }

    .both-side-padding {
        padding: 0 0 !important
    }

    .offices-inner>.col-4 {
        margin-bottom: 20px
    }

    .offices-inner .offices {
        height: 100%
    }

    .top-30 {
        margin-top: 0
    }

    .services.divider-border .col-3:nth-child(3),
    .services.divider-border .col-3:nth-child(4),
    .services.divider-border .col-4:nth-child(3) {
        border-top-width: 1px
    }

    .header .call-info span+span {
        margin-left: 12px
    }

    .header .call-info span:before {
        margin-top: -4px;
        transform: scale(.7);
        margin-right: 5px !important
    }

    .header .nav ul li {
        margin: 0 6px
    }

    .subscription .whats-included {
        width: 40%
    }

    .subscription .price-box .price-box-inner .item ul li.heading h2,
    .subscription .whats-included ul li.heading h2 {
        font-size: 28px
    }

    .offer-popup {
        font-size: 24px
    }

    .offer-popup .offer-box {
        padding: 4% 3.5%
    }

    .team-steps h4 {
        margin: 15px 0 0;
        font-size: 21px
    }

    .team-steps .step-h4 {
        margin: 15px 0 0;
        font-size: 21px
    }

    .team-steps li {
        width: 94%
    }

    .team-steps .setps-item {
        width: 94%
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .header .logo {
        max-width: 20%
    }

    .relative {
        position: static
    }

    header ul#menu li:hover>ul {
        transform: translateY(10px)
    }
}

@media screen and (max-width:767px) {
    .ctaNewDesign.page_cta .col-5 figure {
        text-align: left;
        margin-left: 0
    }

    .team-steps .owl-item.active:last-child {
        margin-right: -5px
    }

    img {
        width: auto;
        height: auto
    }

    .main-content .contact-form input.form-field.wpcf7-file {
        padding-top: 14px
    }

    .header .nav {
        overflow-y: auto;
        transition: .5s;
        background: #ffffffff;
        top: 0;
        bottom: 0;
        left: 100%;
        padding: 5%
    }

    .header .nav.open {
        left: 0
    }

    .header .nav ul {
        margin: 0 0;
        width: 100%
    }

    .header .nav ul li {
        width: 100%;
        position: relative;
        padding: 0
    }

    .header .nav>ul>li:last-child {
        border-bottom: 1px solid #E0E0E0
    }

    .header .nav ul li .mobile-a a {
        padding: initial;
        display: block
    }

    .header .nav ul li a:hover,
    header ul#menu li ul li:hover .submenu-icons {
        border-color: transparent
    }

    .header .nav ul li.dropdown:after {
        content: "+";
        position: absolute;
        right: 0;
        top: 12px;
        font-size: 24px;
        padding: 2px 0;
        width: 30px;
        line-height: 1;
        text-align: center;
        color: #c2c900;
        cursor: pointer
    }

    .header .nav ul li.dropdown.show:after {
        content: "-"
    }

    .nav-open {
        overflow: hidden;
        right: 280px
    }

    h1 {
        font-size: 4rem
    }

    h2 {
        font-size: 2.125rem;
        padding: 0 30px 0 15px
    }

    .header {
        padding-top: 3%
    }

    .header .call-info span {
        clear: both;
        font-size: 13px
    }

    .header .call-info span+span {
        margin-top: 10px;
        margin-left: 0
    }

    .herobanner {
        padding-top: 20%
    }

    .herobanner .herobanner-content h1.p,
    .herobanner .herobanner-content p {
        font-size: 1.1rem
    }

    .herobanner .mar-t-100 {
        margin-top: 0
    }

    .content-section .list-items-leaf,
    .herobanner .herobanner-content,
    .pad-5xp {
        padding: 0
    }

    .owl-carousel .owl-nav .owl-next span,
    .owl-carousel .owl-nav .owl-prev span {
        font-size: 2rem;
        line-height: 1;
        padding: 0 10px
    }

    .what-client-says .client-says .trust-pilot img {
        max-width: 60%
    }

    .what-client-says .client-says .testimonial-content {
        padding-bottom: 50px
    }

    .what-client-says .client-says .testimonial-content:before {
        top: -20%;
        transform: scale(.5)
    }

    .what-client-says .client-says .testimonial-content:after {
        transform: scale(.5)
    }

    h4 {
        font-size: 1.265rem
    }

    .header .nav ul li {
        font-size: 1rem;
        margin: 0
    }

    .header .mobmenu-close {
        display: block;
        top: 20px;
        right: 10px
    }

    .list-items-leaf ul li {
        margin-bottom: 10px;
        padding-left: 40px
    }

    .list-items-leaf ul li:before {
        transform: scale(.5);
        top: -8px
    }

    .list-items-leaf ul li h3 {
        font-size: 1.2rem
    }

    .col-2 {
        width: 50%
    }

    .col-6,
    .subscription .price-box,
    .which-hiring-modal .subscription .price-box .price-box-inner .item ul li[data-title]:before,
    header ul#menu li ul div.seven li,
    header ul#menu li ul li,
    header ul#menu li ul.case-studies li .submenu-icons .menu-icons,
    header ul#menu li.relative ul li,
    header ul#menu2 li ul li,
    header ul#menu2 li ul.case-studies li .submenu-icons .menu-icons,
    header ul#menu2 li.relative ul li {
        width: 100%
    }

    .services.img-left .col-3 .service-box,
    .services.img-left .col-4 .service-box {
        text-align: center
    }

    .services .col-3 .service-box .service-img,
    .services .col-4 .service-box .service-img,
    .services.img-left .col-3 .service-box .service-img,
    .services.img-left .col-4 .service-box .service-img {
        padding-top: 30%
    }

    .services .col-3 .service-box .service-img img,
    .services .col-4 .service-box .service-img img,
    .services.img-left .col-3 .service-box .service-img img,
    .services.img-left .col-4 .service-box .service-img img {
        left: 50%;
        transform: translate(-50%, -50%);
        max-height: 70%
    }

    .services .col-3 .service-box .service-img svg,
    .services .col-4 .service-box .service-img svg,
    .services.img-left .col-3 .service-box .service-img svg,
    .services.img-left .col-4 .service-box .service-img svg {
        left: 50%;
        transform: translate(-50%, -50%);
        max-height: 70%
    }

    .contact-form .contact-inner:after,
    .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 .lets-connect-inner {
        width: auto;
        min-width: 100%;
        padding: 30px 40px;
        margin: 0 -20px;
        float: none
    }

    .lets-connect .lets-connect-inner h2 {
        font-size: 1.625rem
    }

    .lets-connect .lets-connect-inner h2 span {
        font-size: 3.275rem
    }

    .contact-form .mini-container {
        padding-left: 0
    }

    .contact-form .contact-inner {
        width: auto;
        min-width: 100%;
        padding: 30px 20px;
        margin: 0 -20px
    }

    .main-content .contact-form .fields {
        width: 100%;
        text-align: center
    }

    .main-content .contact-form input.form-field,
    .main-content .contact-form select.form-field {
        line-height: 50px;
        height: 50px
    }

    .main-content .contact-form textarea.form-field {
        min-height: inherit
    }

    header ul#menu2 li ul li .submenu-icons .menu-icons img {
        position: static;
        top: 0;
        left: 0;
        transform: translate(0, 0)
    }

    header ul#menu2 li ul li .submenu-icons .menu-icons {
        width: 20%;
        padding: 0
    }

    header ul#menu2 li ul li .submenu-icons .menu-content,
    header ul#menu2 li.relative ul li .submenu-icons .menu-content {
        width: 80%;
        text-align: left;
        padding-top: 0;
        padding-left: 10px
    }

    header ul#menu li ul.case-studies li,
    header ul#menu2 li ul.case-studies li {
        width: 16.667% !important
    }

    .list-items-leaf .col-12 ul li {
        width: 100%;
        padding-right: 0
    }

    .fofbox .call-info,
    .main-content .contact-form form#frmContact {
        position: relative;
        z-index: 1
    }

    .positionsContainer .positions .pos_description ol,
    .positionsContainer .positions .pos_description ul {
        padding-left: 15px
    }

    header ul#menu li.relative.show ul,
    header ul#menu li.relative:hover>ul,
    header ul#menu li.show ul,
    header ul#menu li:hover>ul {
        transform: translateY(0)
    }

    .header .call-info span:before {
        margin-top: -5px
    }

    .subscription .price-box .price-box-inner .item {
        padding: 0 10px
    }

    .subscription .price-box .price-box-inner .item ul {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
    }

    .subscription .price-box .price-box-inner .item ul li:before {
        content: attr(data-title);
        font-size: 13px;
        padding: 0 3px 5px;
        display: inline-block;
        border-radius: 3px;
        clear: both;
        border-bottom: 1px solid #d0d0d0
    }

    .subscription .price-box .price-box-inner .item ul li {
        padding: 20px 0 10px;
        height: auto;
        position: relative
    }

    .which-hiring-modal .subscription .price-box .price-box-inner .item ul li {
        padding: 10px
    }

    .subscription .price-box .price-box-inner .item ul li.heading {
        position: relative
    }

    .subscription .price-box .price-box-inner .item ul .cross,
    .subscription .price-box .price-box-inner .item ul .tick {
        top: initial;
        position: static;
        width: 20px;
        height: 20px;
        left: initial;
        right: initial;
        display: block;
        margin: 10px auto 0;
        transform: translate(0, 0)
    }

    .subscription .price-box .price-box-inner .item ul .tick {
        background-size: 100%
    }

    .subscription .price-box .price-box-inner .item ul li>span {
        top: initial;
        left: initial;
        right: initial;
        height: 20px;
        position: static;
        display: block;
        margin: 10px auto 0;
        transform: translate(0, 0)
    }

    .subscription .price-box .price-box-inner .item ul li.heading h2 span {
        font-size: 16px
    }

    .subscription .price-box .price-box-inner .item ul li .info {
        display: block;
        cursor: pointer;
        z-index: 4;
        width: 20px;
        height: 20px;
        background: url(../images/icons/info.svg) center center/100% no-repeat;
        position: absolute;
        top: 5px;
        right: 5px
    }

    .subscription .price-box .price-box-inner .item ul li .tooltiptext {
        visibility: hidden;
        background-color: #fff;
        color: #000;
        font-style: normal;
        text-align: left;
        height: auto;
        display: block;
        padding: 10px;
        border-radius: 8px;
        position: absolute;
        z-index: 6;
        left: 5px;
        right: 5px;
        font-size: 12px;
        line-height: 1.3;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
        transform: translate(0, 0);
        bottom: calc(100% + 5px)
    }

    .subscription .price-box .price-box-inner .item ul li .tooltiptext:before {
        content: "";
        width: 0;
        position: absolute;
        bottom: -10px;
        right: 15px;
        height: 0;
        border: 20px solid #fff;
        border-color: #fff transparent transparent;
        border-width: 15px 2px 0 40px
    }

    .subscription .price-box .price-box-inner .item ul li.open .tooltiptext {
        visibility: visible
    }

    .subscription .price-box .price-box-inner .item ul li.cost-sec,
    .subscription .whats-included ul li.cost-sec {
        height: auto
    }

    .subscription .price-box .price-box-inner .item ul li.cost-sec .cost-disc {
        position: static;
        top: initial;
        left: initial;
        right: initial;
        transform: translate(0, 0);
        padding: 0 15px
    }

    .herobanner .herobanner-content h1.p {
        max-width: 295px
    }

    .about-gallery.desktop,
    .herobanner .herobanner-content h1.p br,
    .herobanner .herobanner-content p br {
        display: none !important
    }

    .offer-popup .offer-box {
        padding: 5% 2.5%
    }

    .popup-close {
        padding: 15px 6px
    }

    .which-hiring-modal .subscription .price-box .price-box-inner .item ul li.heading,
    .which-hiring-modal .subscription .whats-included ul li.heading {
        height: 150px
    }

    .which-hiring-modal .subscription .price-box .price-box-inner .item ul li[data-title] p span {
        font-size: 13px
    }

    .which-hiring-modal .subscription .price-box .price-box-inner .item ul li[data-title] {
        height: 110px;
        align-items: flex-start
    }

    .upper_patch_logo img {
        margin: 0 10px
    }

    .positionsContainer .positions .pos_description p:last-child {
        margin-bottom: 0
    }

    .listing-page .blog-listing {
        margin-bottom: 20px
    }

    .about-gallery-1.mobile {
        display: block !important
    }
}

@media screen and (max-width:640px) {
    .offer-popup {
        font-size: 20px
    }
}

@media screen and (max-width:479px) {
    .list-items-leaf.presta-new-sec ul li {
        align-items: flex-start
    }

    .presta-new-sec i {
        width: 32px
    }

    h1 {
        font-size: 2.25rem
    }

    h2 {
        font-size: 1.5rem
    }

    .advantage .col-3:before,
    .advantage .col-3:nth-child(odd):before,
    .services .col-4:before,
    .services .col-4:nth-child(3n + 1):before,
    .services .col-4:nth-child(odd):before,
    .services.divider-border .col-3:before,
    .services.divider-border .col-4:before {
        display: none
    }

    .header .call-info span {
        font-size: 11px
    }

    .header .call-info span+span {
        margin-left: 0
    }

    .header .call-info span img {
        margin-right: 10px;
        margin-top: -2px
    }

    .header .call-info span:before {
        transform: scale(.7);
        margin: -4px 5px 0 0 !important
    }

    .mar-t-70 {
        margin-top: 12%
    }

    .margin-btm-minus30 {
        margin-bottom: -12%
    }

    .mar-b-70 {
        margin-bottom: 12%
    }

    .header {
        padding-top: 5%
    }

    .herobanner {
        padding-top: 30%
    }

    .what-client-says .client-says h3 {
        font-size: 1.125rem
    }

    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont p,
    .what-client-says .client-says .testimonial-content p {
        font-size: 1rem
    }

    .service-box {
        padding: 0
    }

    .what-client-says .client-says .testimonial-content:before {
        left: -15%
    }

    .what-client-says .client-says .testimonial-content:after {
        right: -15%
    }

    .services .col-3 {
        width: 100%;
        text-align: center
    }

    .service-box .service-img img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .service-box .service-img svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .list-items-leaf ul li {
        padding-left: 40px
    }

    .list-items-leaf ul li:before {
        transform: scale(.5);
        top: -8px
    }

    .col-2,
    .col-3,
    .col-6,
    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm p,
    .services .col-3 .service-box,
    .services .col-4 .service-box,
    .wanttosee-ourproject .wp-project,
    header ul#menu li ul div.seven li,
    header ul#menu li ul li,
    header ul#menu li.relative ul li,
    header ul#menu2 li ul li,
    header ul#menu2 li.relative ul li {
        width: 100%
    }

    .wanttosee-ourproject .wp-project {
        margin-left: 0;
        margin-right: 0
    }

    .header .mobmenu-open {
        padding: 8px;
        margin-left: 10px;
        margin-top: 20px
    }

    .service-box .service-img {
        margin-bottom: 0;
        padding-top: 20%
    }

    .col-3 {
        margin-bottom: 30px
    }

    .herobanner .herobanner-content h1 span,
    .herobanner .herobanner-content p.h1 span {
        font-size: 1.5rem
    }

    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .3);
        float: left;
        text-align: center;
        margin-top: 0;
        padding-top: 0;
        border-top-width: 0
    }

    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-img {
        width: 100%;
        margin-bottom: 15px
    }

    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-img img {
        max-height: 100px;
        max-width: 150px
    }

    .herobanner.innerpage-banner .herobanner-content .magento-flex {
        flex-wrap: wrap
    }

    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm h1 {
        margin-bottom: 15px
    }

    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont h1,
    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont h1 span {
        font-size: 1.8rem
    }

    .herobanner.innerpage-banner .herobanner-content {
        transform: translate(-50%, 0);
        position: relative
    }

    .herobanner {
        padding-bottom: 5%
    }

    .herobanner.innerpage-banner {
        padding-top: 15% !important;
        padding-bottom: 15%
    }

    .herobanner.innerpage-banner.about {
        xpadding-top: 26%;
        padding-bottom: 15%;
        height: 190px
    }

    .lets-connect+.mar-t-100 {
        margin-top: 22%
    }

    .lets-connect .lets-connect-inner h2 {
        font-size: 1.275rem
    }

    .lets-connect .lets-connect-inner h2 span {
        font-size: 2.475rem
    }

    .content-section h2 {
        font-size: 1.825rem
    }

    .chilli-promise .chilli-promise-inner .promise:after {
        transform: scale(.5) translate(-50%, -50%)
    }

    .col-3,
    .col-4 {
        width: 100% !important
    }

    .offices-inner .offices {
        margin-bottom: 20px
    }

    .alert-popup .alert-box p,
    .main-content .contact-form .inlineblock {
        text-align: center
    }

    header ul#menu li ul li .submenu-icons .menu-icons,
    header ul#menu2 li ul li .submenu-icons .menu-icons {
        width: 15%
    }

    header ul#menu li ul li .submenu-icons .menu-content,
    header ul#menu2 li ul li .submenu-icons .menu-content {
        width: 85%
    }

    .header .nav ul li.dropdown:after {
        top: 8px
    }

    header ul#menu li ul.case-studies li,
    header ul#menu2 li ul.case-studies li {
        width: 33.33% !important
    }

    .herobanner .herobanner-content h1 span.small,
    .herobanner .herobanner-content p.h1 span.small {
        margin-top: 0;
        font-size: 16px;
        text-transform: initial
    }

    .contact-form .recap-cha {
        float: none
    }

    .bannerFormWrapper .contact-form .recap-cha {
        float: left;
        transform: scale(.7);
        display: block;
        width: 100%;
        clear: both;
        margin-left: -26px
    }

    .services.divider-border .col-3:nth-child(2),
    .services.divider-border .col-4:nth-child(2) {
        border-top-width: 1px
    }

    .alert-box-header {
        padding: 20px 0;
        width: 100%
    }

    .alert-popup .alert-box .btn-div {
        justify-content: center
    }

    .herobanner.innerpage-banner.magento-web {
        padding-top: 15%
    }
}

@media screen and (max-width:360px) {}

@media screen and (max-width:339px) {
    .subscription .price-box .price-box-inner .item ul li:before {
        font-size: 12px
    }
}

@-moz-document url-prefix() {
    .main-content .contact-form input.form-field.wpcf7-file {
        padding-bottom: 18px;
        height: auto !important
    }

    @media screen and (max-width:767px) {
        .main-content .contact-form input.form-field.wpcf7-file {
            padding-bottom: 14px
        }
    }
}

header ul#menu li ul li.subdropdown:hover ul.submenu {
    visibility: visible;
    opacity: 1;
    pointer-events: initial
}

header ul#menu.header3 li ul li:hover .submenu-icons {
    background: 0 0
}

header ul#menu li ul li.subdropdown ul.submenu {
    top: calc(100% - 0px);
    background: #000;
    padding: 0;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transform: translateX(-50%);
    left: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

header ul#menu li ul li.subdropdown ul.submenu:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 0 10px 8px;
    border-style: solid;
    border-color: transparent transparent #000;
    left: 50%;
    top: -8px;
    border-radius: 8px;
    transform: translate(-50%, 0)
}

header ul#menu li ul li.subdropdown ul.submenu li {
    width: 100%;
    display: block;
    font-weight: 400
}

header ul#menu.header3 li ul li.subdropdown ul.submenu li a>.submenu-icons .menu-icons img {
    max-width: 100%;
    max-height: 100%
}

@media screen and (min-width:1025px) {

    .arrow-new,
    header ul#menu>li>ul {
        transition: transform .3s, opacity .3s
    }

    .arrow-new,
    .subdropdown_menu {
        left: 0;
        visibility: hidden;
        opacity: 0;
        position: absolute
    }

    header ul#menu2 li:hover>ul,
    header ul#menu>li:hover .arrow-new,
    header ul#menu>li:hover>ul {
        visibility: visible;
        opacity: 1
    }

    header ul#menu>li>ul {
        transform: translateY(100px);
        display: block !important;
        pointer-events: none
    }

    header ul#menu>li:hover>ul {
        transition: transform .5s, opacity .5s;
        pointer-events: initial
    }

    header ul#menu2 li ul {
        transition: transform .5s, opacity .5s;
        transform: translateY(100px)
    }

    header ul#menu2 li:hover>ul {
        transform: translateY(80px);
        height: auto
    }

    .header .nav>ul>li:hover>a {
        border-color: #c2c900
    }

    .arrow-new {
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #000;
        bottom: -45px;
        right: 0;
        margin: 0 auto
    }

    .header .nav ul li {
        padding-bottom: 50px
    }

    .subdropdown_menu {
        width: 100%;
        background: rgba(0, 0, 0, .95);
        padding: 0 50px;
        top: 100%;
        transition: transform .2s, opacity .2s;
        z-index: -55555;
        display: none
    }

    .subdropdown_menu.small {
        min-width: 500px;
        left: -50px;
        padding: 0 60px
    }

    .subdropdown_menu.small.w390 {
        min-width: 390px;
        padding: 0 50px
    }

    .subdropdown_menu .h3 {
        color: #c2c900;
        font-size: 17px;
        font-weight: 700;
        padding: 10px 15px 10px 35px;
        display: block;
        line-height: 1.4
    }

    header ul#menu li .subdropdown_menu ul {
        position: relative;
        width: 100%;
        top: 0;
        padding: 0 0 0 37px;
        visibility: visible;
        opacity: 1
    }

    header ul#menu li .subdropdown_menu ul li>a {
        color: #fff;
        height: auto;
        line-height: 150%;
        font-size: 14px;
        display: flex;
        align-items: center
    }

    header ul#menu li .subdropdown_menu ul li a:hover {
        color: #c2c900
    }

    header ul#menu li .subdropdown_menu ul li {
        width: 100%;
        margin: 0;
        padding: 6px 10px 6px 0;
        text-transform: none;
        font-weight: 500
    }

    .subdropdown_menu .col-3 {
        margin-bottom: 30px;
        position: relative;
        margin-top: 40px
    }

    .subdropdown_menu .col-3:before {
        content: "";
        position: absolute;
        left: -32px;
        top: 0;
        background: #2a2a2a;
        height: 100%;
        width: 1px
    }

    header ul#menu>li:hover>.subdropdown_menu {
        visibility: visible;
        opacity: 1;
        pointer-events: initial;
        transform: translateY(-20px);
        z-index: 10000;
        display: block
    }

    header ul#menu>li:hover>.subdropdown_menu.small {
        transform: translateY(-5px)
    }

    .menu-circle {
        width: 40px;
        height: 40px;
        background: #2a2a2a;
        display: flex;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        padding: 12px;
        position: absolute;
        left: -4px
    }

    .menu-circle img {
        max-width: 100%
    }

    .header .nav ul li.realtive {
        position: relative
    }

    .subdropdown_menu .col-3.full {
        width: 100%;
        margin: 30px 0
    }

    .subdropdown_menu .col-3.full::before {
        display: none
    }

    header ul#menu li .subdropdown_menu .open ul {
        display: block
    }

    header ul#menu li .subdropdown_menu ul li i {
        width: 40px;
        display: flex;
        margin-right: 14px;
        text-align: center;
        height: 40px;
        border-radius: 50%;
        padding: 0;
        align-items: center;
        justify-content: center
    }

    header ul#menu li .subdropdown_menu ul li i img {
        max-height: 35px;
        width: auto;
        -webkit-filter: grayscale(1);
        filter: grayscale(1)
    }
}

@media screen and (min-width:1700px) {
    .subdropdown_menu .col-3:before {
        content: "";
        position: absolute;
        left: -50px
    }
}

@media screen and (max-width:1024px) {
    header ul#menu.header3 li ul li a>.submenu-icons {
        padding: 15px 15px 15px 30px;
        position: relative
    }

    header ul#menu li ul li.subdropdown ul.submenu:before,
    header ul#menu.header3 li ul li a>.submenu-icons .menu-content p,
    header ul#menu.header3 li ul li a>.submenu-icons .menu-icons {
        display: none
    }

    header ul#menu.header3 li ul li a>.submenu-icons .menu-content {
        padding-left: 0;
        width: 100%
    }

    header ul#menu.header3 li ul li a>.submenu-icons .menu-content .h5 {
        margin-bottom: 0;
        font-size: 14px
    }

    header ul#menu.header3 li ul li.subdropdown ul.submenu li {
        border-top: 1px solid #ffffff17
    }

    .subdropdown_menu .submenu,
    header ul#menu li ul li.subdropdown span.submenu {
        position: absolute;
        right: 0;
        top: 6px;
        font-size: 24px;
        padding: 2px 0;
        width: 30px;
        line-height: 1;
        text-align: center;
        color: #c2c900;
        cursor: pointer;
        z-index: 10
    }

    .subdropdown_menu .submenu:before,
    header ul#menu li ul li.subdropdown span.submenu:before {
        content: "+";
        font-weight: 500
    }

    .subdropdown_menu .open span.submenu:before,
    header ul#menu li ul li.subdropdown.open span.submenu:before {
        content: "-"
    }

    header ul#menu li ul li.subdropdown ul.submenu {
        box-shadow: none;
        left: 0;
        transform: translateX(0);
        display: none !important;
        top: initial
    }

    header ul#menu li ul li.subdropdown.open ul.submenu {
        display: block !important
    }

    header ul#menu li ul div.seven li,
    header ul#menu.header3 li ul li .submenu-icons .menu-content,
    header ul#menu2 li ul li,
    header ul#menu2 li.relative ul li {
        width: 100%
    }

    header ul#menu.header3 li ul li.subdropdown ul.submenu li a>.submenu-icons {
        padding-left: 45px
    }

    header ul#menu li ul {
        margin-top: 0
    }

    .header .nav {
        padding: 20px
    }

    .header .mobmenu-close span:last-child {
        transform: rotate(-45deg)
    }

    header ul#menu.header3 li ul li.subdropdown a {
        height: auto
    }

    header ul#menu.header3 li.dropdown>a:before,
    header ul#menu.header3>li:hover>a:before {
        display: none !important
    }

    .subdropdown_menu .h3:before,
    header ul#menu li.dropdown.realtive .subdropdown_menu ul li:before,
    header ul#menu.header3 li.dropdown ul>div>li>a>.submenu-icons:before {
        content: "";
        width: 0;
        height: 0;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent #c2c900;
        position: absolute;
        left: 10px;
        top: 19px;
        transform: translateY(-50%);
        background: 0 0;
        border-radius: 0
    }

    .subdropdown_menu .h3:before {
        display: none
    }

    header ul#menu.header3 li.subdropdown ul>li>a>.submenu-icons:before {
        content: "";
        width: 18px;
        height: 2px;
        background: #c2c900;
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 10px
    }

    .also-use .also-use-inner .box-logo-container .also-use-box.wid25 {
        width: 25%
    }

    .also-use .also-use-inner .box-logo-container .also-use-box.wid65 {
        width: 65%
    }

    .also-use .also-use-inner .box-logo-container .also-use-box.wid30 {
        width: 30%
    }

    .also-use .also-use-inner .box-logo-container .also-use-box.wid50 {
        width: 50%
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .which-hiring-modal .subscription .price-box .price-box-inner .item ul li[data-title] p span {
        font-size: 13px
    }

    .subscription .price-box .price-box-inner .item ul li,
    .subscription .whats-included ul li {
        padding: 10px
    }
}

@media screen and (max-width:529px) and (min-width:480px) {
    .offices-inner .offices .address {
        height: 205px
    }
}

.services.bordered-box .service-box {
    padding-top: 50px;
    padding-left: 50px;
    position: relative;
    padding-right: 50px;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.services.service-btn-box .service-box {
    padding-bottom: 100px
}

.services.service-btn-box.bordered-box .service-box .btn-cont {
    padding: 0 50px 50px;
    bottom: 0;
    left: 0;
    right: 0
}

.services.service-btn-box .owl-stage {
    display: inline-flex
}

.services.service-btn-box .owl-stage .item {
    height: 100%
}

.services-outer .services.service-btn-box,
.services-outer.full-border .services {
    margin: -50px -50px -30px
}

.techlogos {
    background: url(../images/tech/techlogo-bg.png) calc(100% - 40px) center no-repeat #5c0075;
    text-align: center;
    padding: 30px 0
}

.techlogos p {
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 0
}

.techlogos figure {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    height: 72px;
    justify-content: center
}

.techlogos figure img {
    max-width: 100%;
    max-height: 100%;
    width: auto !important
}

@media screen and (min-width:768px) {
    .about-gallery.desktop {
        display: block !important
    }

    .about-gallery-1.mobile {
        display: none !important
    }

    .services.img-left.bordered-box .service-box .service-img img {
        left: 0;
        transform: translate(0, -50%)
    }

    .services.img-left.bordered-box .service-box .service-img svg {
        left: 0;
        transform: translate(0, -50%)
    }

    .services.img-left.bordered-box .service-box {
        text-align: left
    }
}

@media screen and (max-width:1400px) {

    .what-client-says .client-says .owl-carousel .owl-nav .owl-next span,
    .what-client-says .client-says .owl-carousel .owl-nav .owl-prev span {
        width: 65px;
        height: 65px;
        line-height: 58px;
        border-radius: 35px;
        font-size: 38px
    }

    .what-client-says .client-says .client-says-inner:before {
        width: 140px;
        height: 130px;
        border-width: 5px
    }
}

@media screen and (max-width:1199px) {

    .content-section p,
    .positionsContainer .positions .pos_description label,
    .positionsContainer .positions .pos_description li,
    .positionsContainer .positions .pos_description p,
    .positionsContainer .positions .pos_description ul {
        font-size: 14px
    }
}

@media screen and (max-width:991px) {
    .what-client-says .client-says .client-says-inner {
        padding: 30px
    }

    .what-client-says .client-says .client-says-inner:after {
        border-width: 10px;
        left: 30px;
        right: 30px
    }

    .what-client-says .client-says .client-says-inner:before {
        width: 110px;
        height: 110px;
        top: -20px !important
    }

    .col-3.col-20 {
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .what-client-says .client-says .client-says-inner {
        padding: 20px 10px
    }

    .herobanner.innerpage-banner .herobanner-content .magento-flex.wrap .presta_view.presta-shopnew {
        width: 80%
    }

    .what-client-says .client-says .client-says-inner:after {
        left: 0;
        right: 0
    }

    .what-client-says .client-says .client-says-inner:before {
        width: 80px;
        height: 80px;
        top: -15px !important
    }

    .what-client-says .client-says .testimonial-content {
        padding-bottom: 20px
    }

    .services-outer .services.service-btn-box .col-4 {
        width: 100%
    }

    .services-outer .services.service-btn-box .col-4.heading-box .service-box {
        padding-bottom: 50px !important
    }

    .herobanner .herobanner-content {
        min-height: 0
    }
}

@media screen and (max-width:479px) {
    .herobanner.innerpage-banner .herobanner-content .magento-flex.wrap .presta_view.presta-shopnew .magento-img {
        display: inline-block;
        float: none;
        width: 100%;
        padding-right: 0;
        margin-right: 0;
        border-right: 0
    }

    .header .nav ul li.dropdown.show:after,
    .header .nav ul li.dropdown:after {
        top: 4px
    }

    header ul#menu li ul li.subdropdown span.submenu {
        top: 6px
    }

    header ul#menu.header3 li ul li a>.submenu-icons {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .header .nav ul li a {
        padding-right: 10px
    }

    .fofbox .call-info span {
        padding-left: 65px;
        position: relative;
        width: 100%;
        line-height: 1.6;
        text-align: left
    }

    .fofbox .call-info span a {
        display: inline-block
    }

    .fofbox .call-info span.call:before,
    .fofbox .call-info span.mail:before {
        position: absolute;
        left: 30px;
        top: 14px
    }

    .which-hiring-modal .subscription .price-box .price-box-inner .item ul li[data-title] {
        height: 100px
    }

    .what-client-says .client-says .client-says-inner:before {
        display: none
    }
}

.what-client-says .client-says .testimonial-content {
    padding: 0 5% 2%
}

.what-client-says .client-says .testimonial-content h3 span.date {
    color: #969b0a;
    margin-top: 5px;
    display: block;
    font-size: 68%
}

.what-client-says .client-says .testimonial-content p {
    line-height: 1.6;
    margin-bottom: 12px
}

.services-outer.full-border .services .col-4 {
    padding: 50px;
    border: 1px solid #ececec
}

.services-outer.no-border .services.service-btn-box {
    margin: -30px
}

.services-outer.no-border .services.bordered-box .service-box {
    border-width: 0;
    padding: 30px 30px 100px !important
}

.services-outer.no-border .services.service-btn-box.bordered-box .service-box .btn-cont {
    padding: 0 30px 30px
}

.also-use .also-use-inner .box-logo-container {
    display: flex;
    flex-wrap: wrap;
    xmargin: 0 -20px
}

.also-use .also-use-inner .box-logo-container .also-use-box {
    flex: 1 0 auto;
    max-width: 100%;
    padding: 25px 10px 0;
    position: relative;
    font-family: museo700
}

.also-use .also-use-inner .box-logo-container .also-use-box h4 {
    position: absolute;
    top: 25px;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    font-size: 22px
}

.also-use .also-use-inner .box-logo-container .also-use-box h4 small {
    background: #f9f9f9;
    display: inline-block;
    padding: 5px
}

.also-use .also-use-inner .box-logo-container .also-use-box ul.box-logo {
    border: 2px dashed #bbb;
    padding: 20px 15px 10px;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    height: 100%
}

.also-use .also-use-inner .box-logo-container .also-use-box ul.box-logo li {
    display: inline-block;
    flex: 1 0 0;
    padding: 10px;
    list-style: none
}

.also-use .also-use-inner .box-logo-container .also-use-box ul.box-logo li .box-logo-img {
    position: relative;
    padding-top: 90px
}

.also-use .also-use-inner .box-logo-container .also-use-box ul.box-logo li .box-logo-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%
}

.also-use .also-use-inner .box-logo-container .also-use-box ul.box-logo li p {
    margin: 0;
    font-family: museo700;
    font-size: 18px
}

@media screen and (max-width:569px) {

    .also-use .also-use-inner .box-logo-container .also-use-box.wid25,
    .also-use .also-use-inner .box-logo-container .also-use-box.wid30,
    .also-use .also-use-inner .box-logo-container .also-use-box.wid50,
    .also-use .also-use-inner .box-logo-container .also-use-box.wid65 {
        width: 100%
    }

    .also-use .also-use-inner .box-logo-container .also-use-box ul.box-logo li {
        flex: 1 0 50%
    }

    .mean-mern-stack-technologies.also-use .also-use-inner .box-logo-container .also-use-box {
        flex: 1 0 auto !important
    }
}

.mean-mern-stack .herobanner-content h1 span.font-light {
    font-weight: 300;
    font-size: inherit !important;
    display: inline !important;
    font-family: museo300
}

.services.img-left-01 .service-box .service-img img {
    transform: translate(0, -50%);
    left: 0
}

.services.img-left-01 .service-box .service-img svg {
    transform: translate(0, -50%);
    left: 0
}

.mean-mern-stack-technologies.also-use .also-use-inner .box-logo-container {
    justify-content: center
}

.mean-mern-stack-technologies.also-use .also-use-inner .box-logo-container .also-use-box {
    flex: 0 0 200px
}

.mean-mern-stack-technologies.also-use .also-use-inner .box-logo-container .also-use-box h4 {
    font-family: museo500
}

.service-box .service-img.ca-mini-logo {
    background: url(../images/logo/ca-mini-logo.webp) 0 0/100% no-repeat;
    width: 111px;
    height: 111px;
    padding-top: 25% !important
}

.finalist {
    background: url(../images/background/we-are-finalists.webp) 0 0/100% auto no-repeat;
    width: 420px;
    height: 51px;
    display: inline-block;
    margin: 0 auto
}

.mini-container.sml_col {
    max-width: 808px;
    margin: -25px auto 60px
}

.startup-to-business {
    background: #fafafa;
    padding-top: 70px;
    padding-bottom: 70px;
    display: inline-block;
    width: 100%
}

.startup-to-business.no-bg {
    background: 0 0;
    padding-top: 0;
    padding-bottom: 0
}

.wantto-see h2 {
    margin-bottom: 50px !important
}

.brands {
    box-shadow: 0 0 13px 0 rgb(0 0 0 / 15%);
    padding: 60px 15px 40px;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 50px
}

.brands h2 {
    margin-bottom: 40px;
    text-align: center
}

.brands ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    justify-content: center
}

.brands ul li {
    justify-content: center;
    display: flex;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
    min-height: 100px;
    align-items: center;
    width: calc(16.66% - 60px)
}

img.stripe-logo {
    height: 40px;
    margin-left: 22px
}

.brands.clients ul li {
    width: calc(15.66% - 60px) !important
}

.brands.clients ul.clinet-logo-row li {
    width: 16% !important
}

img.stripe-logo {
    height: 40px;
    margin-left: 22px
}

.brands ul li img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='.3333 .3333 .3333 0 0 .3333 .3333 .3333 0 0 .3333 .3333 .3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    transition: .4s;
    width: 100%
}

.brands ul li:hover img {
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none
}

.footer_logos {
    background: #5c0075;
    padding: 5px 0;
    position: relative;
    overflow: hidden
}

.footer_logos:after {
    content: "";
    position: absolute;
    top: -40px;
    width: 307px;
    height: 277px;
    right: 0;
    background: url(../images/icons/footer_leaf.png) no-repeat
}

.footer_logos .footer_logo_slider {
    width: 90%;
    margin: 0 auto
}

.footer_logos .item-footer-logo {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0 20px
}

.footer_logos .owl-carousel .owl-item img {
    max-width: 80%;
    display: inline-block;
    width: auto;
    margin-left: auto;
    margin-right: auto
}

.footer_logos .item-footer-logo:before {
    content: "";
    position: absolute;
    top: 31px;
    width: 1px;
    left: 0;
    background: #fff;
    opacity: .1;
    height: 90px
}

.footer_logos .item-footer-logo figure {
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.footer_location {
    display: flex;
    font-size: 13px;
    margin: 8px 0 0;
    padding: 0;
    justify-content: center;
    flex-wrap: wrap
}

.footer_location li {
    display: block;
    margin: 0 15px;
    position: relative
}

.footer_location li a {
    color: #fff
}

.footer_location li:before {
    content: "";
    width: 1px;
    height: 14px;
    background: #fff;
    position: absolute;
    left: -15px;
    top: -1px
}

.list-items-leaf.new .col-12 ul li {
    position: relative;
    margin-top: 20px;
    padding: 0 0 0 72px
}

.list-items-leaf.new .col-12 ul li i {
    position: absolute;
    left: 0;
    top: -8px
}

.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm p.client-company-name span {
    line-height: 120%
}

.wantto-see {
    margin-top: 60px
}

.full,
.half {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

.gallery {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%
}

.full .gallery .gallery-img {
    padding-top: 180%;
    position: relative
}

.half .gallery .gallery-img {
    padding-top: calc(90% - 8px);
    position: relative
}

.half .gallery+.gallery {
    margin-top: 16px
}

.gallery .gallery-img img {
    position: absolute;
    width: auto;
    max-width: initial;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover
}

.gallery .gallery-img a {
    position: absolute;
    text-decoration: none;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%)
}

.gallery .wp-pro-cont {
    position: absolute;
    padding: 15px;
    text-align: center;
    background: rgba(0, 0, 0, .6);
    transition: .2s;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.wanttosee-ourproject .case-cont {
    display: inline;
    padding: 0 30px
}

.wanttosee-ourproject .case-cont .btn-cont {
    padding-top: 10px
}

.wantto-see .owl-theme .owl-nav+.owl-dots {
    margin-top: 40px !important;
    margin-bottom: 30px
}

.wantto-see .owl-theme .owl-nav+.owl-dots span {
    width: 60px;
    height: 8px
}

.wantto-see .owl-theme .owl-dots .owl-dot.active span,
.wantto-see .owl-theme .owl-dots .owl-dot:hover span {}

.pro-cont .h3 {
    font-family: Museo500;
    font-size: 26px;
    margin-bottom: 0;
    display: block
}

.wantto-see .btn {
    padding: 0 25px;
    height: auto;
    line-height: 44px;
    font-size: 14px;
    margin-bottom: 40px
}

.herobanner.innerpage-banner.author {
    background: url(../images/background/author-img.webp) top center/cover no-repeat
}

.author_details {
    margin-top: 130px
}

.big_author {
    position: relative;
    height: 100%;
    max-width: calc(100% - 50px);
    margin-top: 40px;
    max-height: 607px
}

.big_author:before {
    border: 2px solid #c2c900;
    content: "";
    position: absolute;
    height: 100%;
    width: 100%
}

.big_author img {
    right: -40px;
    top: -40px;
    height: 100%;
    position: absolute;
    width: 100%;
    object-fit: cover
}

.author_dtls .desigantion {
    font-size: 21px;
    font-family: Montserrat, sans-serif;
    margin-top: -20px;
    display: inline-block
}

.author-quote .item,
.toolsused ul li {
    margin: 0;
    display: block
}

.linked-in a {
    display: inline-block;
    background: #5c0075;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    width: 275px;
    height: 60px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    letter-spacing: 0;
    transition: .4s
}

.linked-in i {
    width: 68px;
    height: 60px;
    background: #c2c900;
    float: left;
    margin-right: 18px;
    display: flex;
    align-items: center;
    justify-content: center
}

.linked-in a:hover {
    background: #8408a5
}

.author-quote {
    background: #f9f9e5;
    padding: 30px;
    text-align: center;
    min-height: 326px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 2% !important
}

.author-quote .item p {
    font-size: 23px;
    font-weight: 600;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    padding: 65px 40px;
    line-height: 150%
}

.author-quote .item p:before {
    content: "";
    background: url(../images/team/author/quote1.png) 0 0/100% 100% no-repeat;
    width: 143px;
    height: 143px;
    position: absolute;
    left: -80px;
    top: 0;
    z-index: -1
}

.author-quote .item p:after {
    content: "";
    background: url(../images/team/author/quote2.png) 0 0/100% 100% no-repeat;
    width: 143px;
    height: 143px;
    position: absolute;
    right: -80px;
    bottom: 10px;
    z-index: -1
}

.lets-connect.big {
    margin-bottom: 70px
}

.lets-connect.big .lets-connect-inner {
    min-width: 100%;
    padding: 5%
}

.lets-connect.big .mini-container {
    max-width: 1240px
}

.lets-connect.big .lets-connect-inner:after {
    transform: translate(-30px, 30px)
}

.bespoke-main .also-use .also-use-inner .box-logo-container .also-use-box ul.box-logo li .box-logo-img img,
.services.box_new.img-left-01 .service-box .service-img img {
    max-height: inherit
}

.bespoke-main .also-use .also-use-inner .box-logo-container .also-use-box ul.box-logo li .box-logo-img svg,
.services.box_new.img-left-01 .service-box .service-img svg {
    max-height: inherit
}

.bespoke-main .mean-mern-stack-technologies.also-use .also-use-inner .box-logo-container .also-use-box {
    flex: 0 0 190px
}

.bespoke-main .pad-y-70 {
    padding-bottom: 4% !important
}

.list-items-leaf.big .col-12 ul li {
    margin-bottom: 20px;
    width: 100%
}

.list-items-leaf.big.one .col-12 ul li {
    margin-bottom: 25px
}

.toolsused ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    max-width: 1130px
}

.toolsused ul li {
    width: 20%;
    padding: 0 15px
}

.toolsused ul li span {
    width: 100%;
    max-width: 180px;
    height: 170px;
    display: flex;
    align-items: center;
    border: 1px solid #ececec;
    justify-content: center;
    margin: 0 auto
}

.toolsused ul li h4 {
    font-size: 18px;
    margin-top: 20px;
    text-align: center;
    font-family: museo500
}

.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
}

.box_new .service-box .btn-cont {
    margin-top: 15px
}

.faq-col .ui-accordion {
    font-family: Montserrat, sans-serif !important;
    max-width: 1366px;
    margin: 0 auto
}

.faq-col .ui-accordion h3.ui-accordion-header {
    font-size: 23px !important;
    font-weight: 600;
    background: #fff;
    border-radius: 0;
    border: 1px solid #d9d9d9;
    margin-top: 15px !important;
    position: relative;
    padding: 15px 40px 13px 80px;
    cursor: pointer
}

.faq-col .ui-accordion h3.ui-accordion-header.ui-accordion-header-active {
    background: #eee;
    color: #000
}

.faq-col .ui-accordion h3.ui-accordion-header:before {
    content: "Q";
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #ececec;
    text-align: center;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center
}

.faq-col .ui-accordion h3.ui-accordion-header:after {
    content: "";
    background: url(../images/icons/acc-arrow.png) top center no-repeat;
    width: 21px;
    height: 12px;
    position: absolute;
    right: 20px;
    top: 24px;
    transition: .3s
}

.faq-col .ui-accordion .ui-accordion-content p {
    margin-top: 15px;
    margin-bottom: 0
}

.faq-col .ui-accordion h3.ui-accordion-header-active:before {
    background: #e3dfdf
}

.faq-col .ui-accordion h3.ui-accordion-header-active:after {
    transform: rotate(-180deg)
}

.services.box_new {
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0
}

.box_new .service-box .service-img {
    margin-bottom: 40px;
    margin-top: 10px
}

.lets-connect.big .lets-connect-inner h2 span {
    font-size: 2.7rem;
    line-height: 120%
}

.herobanner.innerpage-banner .herobanner-content .magento-flex.wrap {
    flex-wrap: wrap;
    justify-content: center
}

.herobanner.innerpage-banner .herobanner-content .magento-flex.wrap .magento-cont.no-pm h1 {
    width: 100%;
    margin-bottom: 15px
}

.herobanner.innerpage-banner .herobanner-content .magento-flex.wrap .magento-img {
    float: none;
    margin-bottom: 20px;
    width: 100%
}

.herobanner.innerpage-banner .herobanner-content .magento-flex.wrap .magento-cont h1 span {
    font-family: museo300;
    font-weight: 300;
    display: inline
}

.herobanner.innerpage-banner .herobanner-content .magento-flex.wrap .presta_view {
    max-width: 1030px;
    margin-top: 30px !important
}

.herobanner.innerpage-banner .herobanner-content .magento-flex.wrap .presta_view .magento-img {
    float: left;
    width: 150px;
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, .8);
    padding-right: 30px;
    margin-right: 40px
}

.herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm.presta_view p {
    width: calc(100% - 190px)
}

.services.box_new.four_col .service-img {
    margin-top: 15px;
    padding-top: 12%
}

.services.img-left-01.icon_up .service-box .service-img {
    position: relative;
    text-align: left;
    margin-top: 0;
    padding-top: 0;
    padding-left: 95px;
    display: flex;
    min-height: 70px;
    font-size: 1.5rem;
    align-items: center;
    flex-wrap: wrap
}

.services.img-left-01.icon_up .service-box .service-img img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    max-width: 70px;
    max-height: 70px;
    margin-top: -5px
}

.services.img-left-01.icon_up .service-box .service-img svg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    max-width: 70px;
    max-height: 70px;
    margin-top: -5px
}

.box_new.without-shaddow .service-box {
    box-shadow: none;
    border: 0;
    padding: 30px
}

.what-client-says .client-says .testimonial-content h3 {
    margin-bottom: 8px
}

.what-client-says .client-says .testimonial-content a {
    color: #000;
    text-decoration: none;
    font-size: 1.125rem;
    font-weight: 600
}

.what-client-says .client-says .testimonial-content span.date {
    color: #969b0a;
    margin-top: 10px;
    display: block;
    font-size: 1.1rem;
    font-weight: 600
}

.grayBg .whatmakes-distinctive {
    background: #f9f9f9;
    padding-top: 60px;
    padding-bottom: 60px
}

@media (min-width:1025px) {
    .ecommerce_variant {
        padding-bottom: 40px
    }

    .header .nav ul li.dropdown>a {
        display: block
    }
}

@media (min-width:1200px) {
    .bespoke-main .lets-connect .small-btn {
        height: 58px;
        min-width: 235px
    }

    .bespoke-main .mean-mern-stack-technologies.also-use .also-use-inner .box-logo-container {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media (max-width:1440px) {
    .subdropdown_menu .h3 {
        font-size: 14px
    }

    header ul#menu li .subdropdown_menu ul li>a {
        font-size: 14px
    }

    .menu-circle {
        width: 40px;
        height: 40px;
        padding: 12px
    }

    header ul#menu li .subdropdown_menu ul {
        padding-left: 37px
    }

    .subdropdown_menu .col-3::before {
        left: -25px
    }

    .subdropdown_menu .col-3 {
        margin-top: 18px;
        margin-bottom: 25px
    }

    .subdropdown_menu.small {
        min-width: 450px;
        left: -50px;
        padding: 0 50px
    }
}

@media (max-width:1366px) {
    .author-quote .item p {
        font-size: 24px
    }

    .author-quote .item p:before {
        width: 90px;
        height: 90px;
        left: 0
    }

    .author-quote .item p:after {
        width: 90px;
        height: 90px;
        right: 15px
    }

    .brands ul li {
        width: calc(16.66% - 40px);
        margin-left: 20px;
        margin-right: 20px
    }

    .herobanner.innerpage-banner .herobanner-content .magento-flex.wrap .presta_view {
        max-width: 840px
    }

    .subdropdown_menu .h3 {
        font-size: 13px;
        padding: 8px 10px 8px 27px
    }

    header ul#menu li .subdropdown_menu ul li>a {
        font-size: 14px
    }

    .menu-circle {
        width: 35px;
        height: 35px;
        padding: 8px
    }

    header ul#menu li .subdropdown_menu ul {
        padding-left: 27px;
        padding-right: 8px
    }

    .subdropdown_menu .col-3::before {
        left: -25px
    }

    .subdropdown_menu .col-3 {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .subdropdown_menu.small {
        min-width: 450px;
        left: -50px;
        padding: 0 50px
    }

    .subdropdown_menu.small.w390 {
        min-width: 350px
    }

    header ul#menu li .subdropdown_menu ul li>a {
        font-size: 13px
    }

    header ul#menu li .subdropdown_menu ul li {
        padding: 3px 10px 6px 0
    }
}

@media screen and (max-width:1300px) {
    .subdropdown_menu .h3 {
        font-size: 13px;
        padding-left: 30px
    }

    header ul#menu li .subdropdown_menu ul li>a {
        font-size: 12px
    }

    .menu-circle {
        width: 38px;
        height: 38px;
        padding: 10px;
        top: 0
    }

    header ul#menu li .subdropdown_menu ul {
        padding-left: 20px
    }

    header ul#menu li .subdropdown_menu ul li {
        padding: 5px 10px
    }
}

@media (max-width:1280px) {
    .search_block {
        margin-top: 100px
    }

    .header_search .close_search img {
        margin-right: 0
    }

    .big-certification .col_boxs h3 {
        font-size: 14px
    }
}

@media (max-width:1199px) {
    .author-quote .item p {
        font-size: 18px;
        padding: 50px 15px
    }

    .bespoke-main .lets-connect {
        margin-bottom: 40px
    }

    .bespoke-main .mean-mern-stack-technologies.also-use .also-use-inner .box-logo-container {
        margin-left: 0;
        margin-right: 0
    }

    .prestashop-upgrade .magento-img.up img {
        max-width: 180px
    }

    .faqnew,
    .reliable {
        padding-left: 15px;
        padding-right: 15px
    }

    .start-ups .start-ups-point.new ul li h3 {
        font-size: 20px
    }

    .brands ul li {
        width: calc(25% - 30px);
        min-height: 0;
        margin: 0 15px 30px;
        padding: 0 5px;
        text-align: center;
        justify-content: center
    }

    img.stripe-logo {
        height: 60px;
        margin-left: 22px
    }

    .brands.mobile ul li {
        width: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        height: fit-content
    }

    .no-bg .start-ups .start-ups-point.new ul li {
        width: 100%
    }

    .no-bg .start-ups .start-ups-point.new ul li h3 {
        font-size: 16px
    }

    header ul#menu li .subdropdown_menu ul li>a {
        font-size: 12px;
        font-weight: 500
    }

    header ul#menu li .subdropdown_menu ul li {
        padding: 4px 10px
    }

    .subdropdown_menu .col-3 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    header ul#menu li .subdropdown_menu ul li>a br {
        display: none
    }

    .technology_page_box {
        padding: 0 15px
    }

    .technology_page_box li:nth-child(5n + 1) {
        margin-left: auto
    }

    .technology_page_box li:nth-child(4n + 1) {
        margin-left: 0
    }

    .technology_page_box li {
        width: calc(25% - 16px);
        height: 230px
    }

    .technology_page_box li figure {
        margin-top: 20px
    }
}

@media (max-width:1024px) {
    .big_author img {
        right: -30px;
        top: -30px
    }

    .author-quote .item p:before {
        width: 60px;
        height: 60px;
        left: 15px
    }

    .author-quote .item p:after {
        width: 60px;
        height: 60px;
        right: 15px;
        bottom: 0
    }

    .author-quote .item p {
        padding: 30px 15px;
        font-size: 16px
    }

    .big_author {
        min-height: 500px
    }

    .author_dtls h2 {
        padding-left: 0;
        padding-right: 0
    }

    .leaf {
        line-height: 130%
    }

    .lets-connect.big .lets-connect-inner:after {
        transform: translate(-15px, 15px)
    }

    .faq-col .ui-accordion h3.ui-accordion-header {
        font-size: 16px !important;
        padding-left: 75px;
        padding-right: 40px
    }

    .faq-col .ui-accordion h3.ui-accordion-header:before {
        height: 100%
    }

    .brands ul li {
        width: calc(25% - 30px);
        min-height: 0;
        margin: 0 15px 30px;
        padding: 0 5px;
        text-align: center;
        justify-content: center
    }

    .addobe_commerce .service-box h3 {
        margin-bottom: 10px !important
    }

    .header .logo {
        margin-top: 0
    }

    header .isdevice ul#menu.header3 li ul li,
    header ul#menu li.dropdown.realtive .subdropdown_menu .col-3 {
        padding: 0
    }

    header .isdevice ul#menu.header3 li ul li a {
        color: #dcdcdc;
        font-weight: 600;
        font-size: 14px;
        text-transform: initial;
        padding: 13px 15px 13px 30px
    }

    header .isdevice ul#menu.header3 li ul li a:before {
        content: "";
        width: 0;
        height: 0;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent #c2c900;
        position: absolute;
        left: 15px;
        top: 15px
    }

    header .isdevice ul#menu.header3 li ul li ul.submenu li a {
        padding-left: 45px
    }

    header .isdevice ul#menu.header3 li ul li ul.submenu li a:before,
    header ul#menu li .subdropdown_menu ul li:before {
        content: "";
        width: 18px;
        height: 2px;
        background: #c2c900;
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 10px;
        border: 0
    }

    .search_top_btn {
        margin-top: -12px;
        width: 32px;
        height: 32px
    }

    .search_top_btn img {
        max-width: 14px
    }

    header ul#menu li .subdropdown_menu ul {
        top: 0;
        padding: 0
    }

    header ul#menu li .subdropdown_menu ul li a {
        color: #2B2B2B
    }

    header ul#menu li .subdropdown_menu ul li {
        padding: 10px 20px 10px 35px !important;
        border-bottom: 0
    }

    .subdropdown_menu .h3 {
        padding: 0 10px;
        font-size: 14px;
        margin: 0;
        line-height: 150%;
        font-weight: 500;
        display: block
    }

    .subdropdown_menu .open .h3 {
        padding: 0 24px 10px 4px
    }

    .subdropdown_menu .col-3 {
        margin: 0;
        border-top: 1px solid #ffffff24;
        padding: 10px 15px;
        width: 100%
    }

    .subdropdown_menu .col-3.open {
        padding: 10px 0 0
    }

    header ul#menu li .subdropdown_menu .open ul {
        display: inline-block
    }

    .subdropdown_menu.small {
        padding: 0 15px;
        left: 0;
        max-width: 100%;
        min-width: 0
    }

    header ul#menu li.dropdown.realtive .subdropdown_menu ul {
        display: inline-block !important
    }

    header ul#menu li.dropdown.realtive .subdropdown_menu ul li {
        padding: 10px 25px
    }

    header ul#menu li .subdropdown_menu ul li:first-child {
        border-top: 0
    }

    header ul#menu li .subdropdown_menu ul li:before {
        width: 14px;
        left: 10px
    }

    .big-certification .col_boxs h3 {
        font-size: 12px;
        padding: 0
    }

    .big-certification .col_boxs .small-btn {
        margin-top: 10px
    }

    .page_cta .col-5 figure {
        padding-left: 30px;
        padding-bottom: 30px
    }
}

@media (max-width:991px) {
    .list-items-leaf.presta-new-sec {
        flex-direction: column-reverse
    }

    .presta-new-sec .col-8 {
        width: 100%
    }

    .list-items-leaf.presta-new-sec ul li {
        padding-left: 0
    }

    .presta-new-sec .col-4 {
        text-align: center;
        width: 100%
    }

    .herobanner.innerpage-banner .herobanner-content .magento-flex.wrap .magento-cont.no-pm.presta_view.presta-shopnew h1 {
        margin-top: 15px
    }

    .footer_location {
        font-size: .8rem
    }

    .list-items-leaf.big h3 {
        font-size: 1.4rem
    }

    .services.box_new .col-3 {
        margin-bottom: 30px
    }

    .prestashop-upgrade .magento-img.up img {
        max-width: 150px
    }

    .box_new.without-shaddow .col-4,
    .startup-to-business.whatmakes-distinctive {
        margin-bottom: 0
    }

    .positionsContainer.faqnew .positions .pos_header:after {
        right: 15px
    }

    .positionsContainer.faqnew .positions .pos_header h4 {
        font-size: 18px
    }

    .blog_three_col figcaption {
        height: auto;
        margin-bottom: 30px
    }

    .blog_three_col h3 {
        font-size: 20px
    }

    .brands,
    .herobanner-slider.certi_logos,
    .herobanner-slider.certi_logos.mobile .item:before,
    .laravel_usp ul:before {
        display: none
    }

    .herobanner-slider.certi_logos.mobile {
        background: #f7f7f7;
        display: flex;
        flex-wrap: wrap;
        padding: 15px 5px 0;
        overflow-x: hidden;
        align-items: center;
        margin: 0;
        box-shadow: 0 2px 4px rgb(0 0 0 / 20%)
    }

    .herobanner-slider.certi_logos.mobile .item {
        width: 25%;
        padding: 0 15px;
        margin-bottom: 20px
    }

    .wantto-see .owl-theme .owl-nav+.owl-dots span {
        width: 8px
    }

    .wantto-see .owl-theme .owl-dots .owl-dot.active span {
        width: 30px
    }

    .wantto-see h2 {
        margin-bottom: 25px !important
    }

    .startup-to-business {
        padding-bottom: 40px
    }

    .mob-brands-logos {
        display: none !important
    }

    .brands.mobile {
        display: block
    }

    .Logomobile {
        height: 47px
    }

    .laravel_usp {
        justify-content: center
    }

    .laravel_usp .laravel_left_logo,
    .laravel_usp.magento .laravel_left_logo {
        max-width: 300px;
        margin: 0
    }

    .laravel_usp ul,
    .laravel_usp.magento ul {
        width: 100%;
        flex-wrap: wrap;
        margin: 30px 0 0;
        justify-content: center;
        padding: 0
    }

    .big-certification .list-items-leaf li,
    .page_cta_name {
        margin-top: 20px
    }

    .technology_page_box li h3 {
        font-size: 16px
    }

    .big-certification.magento_support .col_boxs span,
    .upper_patch_logo {
        margin-bottom: 20px
    }

    .herobanner.innerpage-banner .herobanner-content .magento-flex.inline .magento-cont.no-pm h1 {
        margin-bottom: 15px
    }

    .page_cta .col-5 figure {
        padding-left: 20px;
        padding-bottom: 20px
    }

    .page_cta .row:first-child {
        padding: 40px 15px
    }

    .page_cta .col-7 {
        padding-left: 30px
    }

    .modal1-wrapper {
        width: 90%;
        border: 4px solid #c2c900
    }

    .modal1-content .content_pop h2 {
        margin-top: 40px
    }

    .modal1-content .content_pop {
        margin-bottom: 50px
    }
}

@media (max-width:767px) {
    .herobanner.innerpage-banner {
        padding-top: 17% !important;
        padding-bottom: 18%
    }

    .herobanner.innerpage-banner.formBanner {
        padding-top: 12% !important;
        padding-bottom: 12% !important
    }

    .herobanner.innerpage-banner .herobanner-content {
        position: relative;
        transform: none;
        z-index: 1;
        left: 0;
        right: 0
    }

    .laravel_usp .laravel_left_logo,
    .laravel_usp.magento .laravel_left_logo {
        text-align: center
    }

    .big_author {
        min-height: 400px;
        margin-top: 0
    }

    .author_dtls {
        margin-top: 50px
    }

    .author_dtls .desigantion {
        margin-top: 10px
    }

    .author_details {
        margin-top: 70px;
        margin-bottom: 4% !important
    }

    .author-quote .item p:after,
    .author-quote .item p:before {
        width: 40px;
        height: 40px
    }

    .service-box .service-img.ca-mini-logo {
        margin: 0 auto 20px
    }

    .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
    }

    .toolsused ul li {
        width: 33.33%;
        padding: 0 10px
    }

    .toolsused ul li span {
        height: 170px;
        padding: 15px
    }

    .container .wantto-see,
    .faq-col .ui-accordion .ui-accordion-content,
    .positionsContainer.faqnew .positions .pos_description {
        padding-left: 0;
        padding-right: 0
    }

    .toolsused h2,
    .what-client-says1 h2 {
        margin-bottom: 30px
    }

    .brands ul li {
        width: calc(50% - 30px);
        padding: 0 10px
    }

    .brands ul li:nth-child(odd) {
        clear: both
    }

    .list-items-leaf.new,
    .modal1-content .row,
    .services-outer .services.service-btn-box,
    .wanttosee-ourproject {
        margin: 0
    }

    .list-items-leaf.big .col-12 ul li {
        margin-bottom: 18px
    }

    .herobanner.angularjs.innerpage-banner .herobanner-content .magento-flex.wrap .magento-img img {
        max-width: 100px
    }

    .prestashop-upgrade .magento-img img {
        max-width: 120px
    }

    .herobanner.innerpage-banner .herobanner-content .magento-flex.wrap .presta_view .magento-img {
        width: 100px;
        margin-right: 20px;
        padding-right: 20px
    }

    .herobanner.innerpage-banner .herobanner-content .magento-flex.wrap .presta_view .magento-img img,
    .technology_page_box li figure img {
        max-width: 100%
    }

    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm.presta_view p {
        width: calc(100% - 150px);
        font-size: 14px
    }

    .services.img-left-01.icon_up .service-box .service-img {
        padding-left: 0;
        margin-bottom: 20px
    }

    .services.img-left-01.icon_up .service-box .service-img img {
        position: relative;
        top: 0;
        transform: none;
        margin-bottom: 10px
    }

    .services.img-left-01.icon_up .service-box .service-img svg {
        position: relative;
        top: 0;
        transform: none;
        margin-bottom: 10px
    }

    .services.img-left-01.icon_up .service-box .service-img h3 {
        display: block;
        margin-top: 10px
    }

    .box_new.without-shaddow .service-box {
        padding: 25px 15px
    }

    .box_new.without-shaddow .service-box .service-img,
    .brands h2,
    .services.box_new .col-4:last-child {
        margin-bottom: 20px
    }

    .lets-connect.big .lets-connect-inner h2 span {
        font-size: 2rem
    }

    .herobanner.innerpage-banner.magento {
        background-image: url(../images/background/magento-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.magento-certified-develoer {
        background: url(../images/background/magentocertified-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.laravel {
        background-image: url(../images/background/laravel-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.laravel-developers {
        background-image: url(../images/background/laravel-developers-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.prestashop {
        background-image: url(../images/background/prestashop-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.prestashop-support {
        background-image: url(../images/background/prestashop-support-banner-mobile.webp)
    }

    .herobanner.innerpage-banner.prestashop-upgrade {
        background-image: url(../images/background/presta-upgrade-banner-mobile.webp)
    }

    .herobanner.innerpage-banner.adobe-partner {
        background-image: url(../images/background/adobe-partner-banner-mobile.webp)
    }

    .herobanner.innerpage-banner.adobe-commerce {
        background-image: url(../images/background/adobe-commerce-banner-mobile.webp)
    }

    .herobanner.innerpage-banner.woocommerce {
        background-image: url(../images/background/woocommerce-banner-img-mobile-n.webp)
    }

    .herobanner.innerpage-banner.nodejs {
        background-image: url(../images/background/nodejs-banner-img-mobile-n.webp)
    }

    .herobanner.innerpage-banner.angularjs {
        background-image: url(../images/background/anugular-banner_n.webp)
    }

    .herobanner.innerpage-banner.expressjs {
        background-image: url(../images/background/expressjs-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.mongodb {
        background-image: url(../images/background/mongodb-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.mean-stack {
        background-image: url(../images/background/meanstack-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.seo {
        background-image: url(../images/background/seo-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.wordpress {
        background-image: url(../images/background/wordpress-banner-img-mobile-n.webp)
    }

    .herobanner.innerpage-banner.xamarin {
        background-image: url(../images/background/xamarin-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.team {
        background-image: url(../images/team/team-banner-mobile-l.webp)
    }

    .herobanner.innerpage-banner.mobile-app {
        background-image: url(../images/background/mobile-app-banner-img-mobile.webp);
        padding-top: 20%;
        padding-bottom: 20%
    }

    .herobanner.innerpage-banner.privacy {
        background-image: url(../images/background/privacy-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.terms {
        background-image: url(../images/background/terms-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.about {
        background-image: url(../images/background/about-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.contact {
        background-image: url(../images/background/contact-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.android {
        background-image: url(../images/background/android-banner-img-mobile-n.webp)
    }

    .herobanner.innerpage-banner.ios {
        background-image: url(../images/background/iOS-banner-mobile.webp)
    }

    .herobanner.innerpage-banner.migration {
        background-image: url(../images/background/migration-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.pwa {
        background-image: url(../images/background/pwa-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.maintenance {
        background-image: url(../images/background/web-maintenance-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.development {
        background-image: url(../images/background/development-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.websitedesign {
        background-image: url(../images/background/websitedesign-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.ecommerce {
        background-image: url(../images/background/ecommerce-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.career {
        background-image: url(../images/background/career-banner-img-mobile-min.webp)
    }

    .herobanner.innerpage-banner.digital-transformation {
        background-image: url(../images/background/digital-transformation-banner-img-mobile.webp)
    }

    .herobanner.innerpage-banner.support-subscription {
        background-image: url(../images/background/support-subscription-bg-mobile.webp)
    }

    .herobanner.innerpage-banner.dedicated-teams {
        background-image: url(../images/background/dedicated-teams-banner-mobile.webp)
    }

    .herobanner.innerpage-banner.reactjs {
        background-image: url(../images/background/reactjs-banner-img1-mob.webp)
    }

    .herobanner.innerpage-banner.bespoke-sol {
        background-image: url(../images/background/bespoke-banner-mobile.webp)
    }

    .herobanner.innerpage-banner.vuejs-banner {
        background-image: url(../images/background/vuejs-banner-mobile-n.webp)
    }

    .herobanner.innerpage-banner.bespoke {
        background-image: url(../images/background/bespoke_banner-mobile.webp)
    }

    .herobanner.innerpage-banner.author {
        background-image: url(../images/background/author-img-mobile.webp)
    }

    .ready-for-more {
        background-image: url(../images/background/team-footer-bg-mobile.webp)
    }

    .herobanner.innerpage-banner.magento.magento-web {
        background-image: url(../images/background/magento-chilliapple-bg.webp)
    }

    .herobanner.innerpage-banner.our-technology {
        background-image: url(../images/background/technoly-page-banner-mob.webp)
    }

    .herobanner.innerpage-banner.magento-support-banner {
        background-image: url(../images/background/magento-support-banner.webp)
    }

    .herobanner.innerpage-banner.magento_upgrade_b {
        background-image: url(../images/background/magento_upgrade_b-mob.webp)
    }

    @supports (-webkit-hyphens:none) {
        .footer .lets-talk {
            background-image: url(../images/background/footer-bg-mobile.jpg)
        }

        .herobanner.innerpage-banner.magento-certified-develoer {
            background: url(../images/background/magentocertified-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.ecommerce {
            background-image: url(../images/background/ecommerce-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.magento {
            background-image: url(../images/background/magento-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.laravel {
            background-image: url(../images/background/laravel-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.laravel-developers {
            background-image: url(../images/background/laravel-developers-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.prestashop {
            background-image: url(../images/background/prestashop-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.prestashop-support {
            background-image: url(../images/background/prestashop-support-banner-mobile.png)
        }

        .herobanner.innerpage-banner.prestashop-upgrade {
            background-image: url(../images/background/presta-upgrade-banner-mobile.png)
        }

        .herobanner.innerpage-banner.adobe-partner {
            background-image: url(../images/background/adobe-partner-banner-mobile.jpg)
        }

        .herobanner.innerpage-banner.adobe-commerce {
            background-image: url(../images/background/adobe-commerce-banner-mobile.jpg)
        }

        .herobanner.innerpage-banner.woocommerce {
            background-image: url(../images/background/woocommerce-banner-img-mobile-n.png)
        }

        .herobanner.innerpage-banner.nodejs {
            background-image: url(../images/background/nodejs-banner-img-mobile-n.png)
        }

        .herobanner.innerpage-banner.angularjs {
            background-image: url(../images/background/anugular-banner_n.webp)
        }

        .herobanner.innerpage-banner.expressjs {
            background-image: url(../images/background/expressjs-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.mongodb {
            background-image: url(../images/background/mongodb-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.mean-stack {
            background-image: url(../images/background/meanstack-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.seo {
            background-image: url(../images/background/seo-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.wordpress {
            background-image: url(../images/background/wordpress-banner-img-mobile-n.png)
        }

        .herobanner.innerpage-banner.xamarin {
            background-image: url(../images/background/xamarin-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.team {
            background-image: url(../images/background/team-banner-mobile-l.jpg)
        }

        .herobanner.innerpage-banner.mobile-app {
            background-image: url(../images/background/mobile-app-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.privacy {
            background-image: url(../images/background/privacy-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.terms {
            background-image: url(../images/background/terms-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.about {
            background-image: url(../images/background/about-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.contact {
            background-image: url(../images/background/contact-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.android {
            background-image: url(../images/background/android-banner-img-mobile-n.jpg)
        }

        .herobanner.innerpage-banner.ios {
            background-image: url(../images/background/iOS-banner-mobile.jpg)
        }

        .herobanner.innerpage-banner.migration {
            background-image: url(../images/background/migration-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.pwa {
            background-image: url(../images/background/pwa-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.maintenance {
            background-image: url(../images/background/web-maintenance-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.development {
            background-image: url(../images/background/development-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.websitedesign {
            background-image: url(../images/background/websitedesign-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.career {
            background-image: url(../images/background/career-banner-img-mobile-min.jpg)
        }

        .herobanner.innerpage-banner.digital-transformation {
            background-image: url(../images/background/digital-transformation-banner-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.support-subscription {
            background-image: url(../images/background/support-subscription-bg-mobile.jpg)
        }

        .herobanner.innerpage-banner.dedicated-teams {
            background-image: url(../images/background/dedicated-teams-banner-mobile.jpg)
        }

        .herobanner.innerpage-banner.reactjs {
            background-image: url(../images/background/reactjs-banner-img1-mob.jpg)
        }

        .herobanner.innerpage-banner.bespoke-sol {
            background-image: url(../images/background/bespoke-banner-mobile.jpg)
        }

        .herobanner.innerpage-banner.vuejs-banner {
            background-image: url(../images/background/vuejs-banner-mobile-n.png)
        }

        .herobanner.innerpage-banner.bespoke {
            background-image: url(../images/background/bespoke_banner-mobile.jpg)
        }

        .herobanner.innerpage-banner.author {
            background-image: url(../images/background/author-img-mobile.jpg)
        }

        .herobanner.innerpage-banner.magento.magento-web {
            background-image: url(../images/background/magento-chilliapple-bg.jpg)
        }

        .ready-for-more {
            background-image: url(../images/background/team-footer-bg-mobile.jpg)
        }

        .herobanner.innerpage-banner.our-technology {
            background-image: url(../images/background/technoly-page-banner-mob.jpg)
        }

        .herobanner.innerpage-banner.magento-support-banner {
            background-image: url(../images/background/magento-support-banner-mob.jpg)
        }

        .herobanner.innerpage-banner.magento_upgrade_b {
            background-image: url(../images/background/magento_upgrade_b-mob.webp)
        }

        .herobanner.innerpage-banner.shopifyBanner {
            background: url(../images/background/shopify-chilliapple-bg.jpg)
        }
    }

    .ecommerce_variant .services.box_new,
    .invest-ios .right,
    .search_block {
        margin-top: 30px
    }

    .ecommerce_variant .services.img-left-01.icon_up .service-box .service-img,
    .invest-ios h2 {
        padding-left: 0
    }

    .ecommerce_variant .services.img-left-01.icon_up .service-box .service-img img {
        margin-right: 15px
    }

    .ecommerce_variant .services.img-left-01.icon_up .service-box .service-img svg {
        margin-right: 15px
    }

    .wantto-see .btn {
        padding: 0 20px;
        line-height: 36px;
        font-size: 14px
    }

    .finalist,
    .footer_logos,
    .new_benefits h2 br,
    .search_top_btn,
    .social_fixed,
    h2 .leaf br {
        display: none
    }

    .new_benefits .list-items-leaf ul li {
        padding-left: 60px
    }

    .new_benefits .list-items-leaf.big h3,
    .positionsContainer.faqnew .positions .pos_header h4 {
        font-size: 15px
    }

    .pad-y-60 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .space_ecommerce {
        height: 40px
    }

    .owl-theme .owl-dots .owl-dot span {
        margin: 5px
    }

    .whats-going .content {
        padding: 15px
    }

    .blog_three_col h3 {
        font-size: 16px;
        min-height: 0
    }

    .blog_three_col figcaption p {
        min-height: 0
    }

    .container.blog_three_col {
        padding-top: 30px
    }

    .header .logo {
        max-width: 50%;
        width: 32%
    }

    .header {
        position: relative;
        background: #590072;
        height: auto;
        padding: 20px 0 15px
    }

    .header .container {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 0 15px
    }

    .nav-call-info {
        margin-top: 0;
        width: 68%
    }

    .header .logo img {
        max-width: 158px
    }

    .col-5,
    .col-7,
    .container.blog_three_col .col-4,
    .herobanner.home .container,
    .page_cta .col-5 {
        width: 100%
    }

    .mini-container.sml_col {
        margin-bottom: 20px;
        margin-top: 0
    }

    .services.img-left.mob .service-box {
        position: relative;
        padding: 30px 15px 30px 85px;
        border: 0;
        border-bottom: 1px solid #eee;
        display: inline-block;
        text-align: left
    }

    .services.img-left.mob .service-box h3 {
        margin-bottom: 5px
    }

    .services.img-left.mob .service-box .service-img {
        position: absolute;
        left: 0;
        top: 35px;
        padding: 0;
        max-width: 60px
    }

    .services.img-left.mob .service-box .service-img img {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        max-width: 100%
    }

    .services.img-left.mob .service-box .service-img svg {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        max-width: 100%;
        display: block
    }

    .services.img-left.mob .col-4:last-child .service-box {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .services.service-btn-box.bordered-box.mob .service-box .btn-cont {
        margin: 0;
        padding: 0;
        position: relative
    }

    .no-bg .start-ups .start-ups-point.new,
    .start-ups .start-ups-point.new ul {
        margin-top: 15px
    }

    .start-ups .start-ups-point.new ul li {
        width: 100%;
        padding-left: 82px;
        margin-bottom: 20px;
        padding-right: 0
    }

    .start-ups .start-ups-point.new ul li h3 {
        font-size: 18px;
        margin-bottom: 10px
    }

    .start-ups .start-ups-point.new ul li i {
        max-width: 60px;
        display: block;
        top: 5px
    }

    .startup-to-business {
        padding-top: 50px;
        padding-bottom: 20px
    }

    .wantto-see {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 30px
    }

    .brands {
        padding: 30px 15px 10px;
        margin-top: 15px;
        margin-bottom: 15px
    }

    .search_block button {
        top: 18px
    }

    .list-items-leaf.big.new h3,
    ul.auto_suggest li p {
        font-size: 16px
    }

    .what-client-says1 .client-says1 .testimonial-content p {
        max-width: 100%;
        text-align: center
    }

    .what-client-says1 .client-says1 .testimonial-content .testo-cont a.view_more {
        display: block;
        padding-top: 3px
    }

    .pro-cont .h3,
    .trustpilot-inner h2 {
        font-size: 24px
    }

    .startup-to-business .list-items-leaf ul li:first-child {
        margin-top: 0
    }

    .big-certification.magento_support .col_boxs img,
    .no-bg .start-ups .start-ups-point.new ul li:last-child {
        margin-bottom: 0
    }

    .startup-to-business .col-5 img {
        margin-top: 20px
    }

    .grayBg.pad-y-70 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .support_box_col {
        margin-top: 30px;
        height: auto
    }

    .support_box_col figure {
        margin-bottom: 25px
    }

    .support_box_col h2 {
        font-size: 22px
    }

    .big-certification .col_boxs {
        margin: 40px -15px -30px -5px;
        padding: 10px 20px 20px
    }

    .technology_page_box li:nth-child(4n + 1),
    .technology_page_box li:nth-child(5n + 1) {
        margin-left: auto
    }

    .technology_page_box li:nth-child(3n + 1) {
        margin-left: 0
    }

    .technology_page_box li {
        width: calc(33% - 16px);
        height: 230px
    }

    .technology_page_box li figure {
        width: 120px;
        height: 120px;
        padding: 15px;
        margin-top: 30px
    }

    .devices-section {
        padding: 40px 0 20px
    }

    .page_cta .col-5 figure {
        max-width: 300px;
        margin: 0 auto 30px
    }

    .page_cta .row:first-child {
        padding: 40px 15px
    }

    .page_cta .col-7 {
        padding: 0;
        width: 100%
    }

    .modal1-wrapper {
        width: 90%;
        border: 4px solid #c2c900;
        background: #000
    }

    .modal1-close {
        width: 30px;
        height: 30px;
        z-index: 10
    }

    .modal1-content .left {
        text-align: center;
        padding-top: 20px;
        background: #222;
        padding-bottom: 0
    }

    .modal1-content .left img {
        max-width: 90%;
        margin: 10px auto 0
    }

    .modal1-content .content_pop {
        background: #000;
        margin: 0;
        padding: 30px 0
    }

    .modal1-content .content_pop h2 {
        margin-top: 0;
        padding: 0
    }

    .modal1-wrapper .modal1-body {
        max-height: 500px;
        overflow-y: auto
    }

    .brands ul li img {
        height: 50px
    }

    .brands ul li img.Logomobile {
        height: 34px
    }
}

@media (max-width:600px) {
    .footer_location li {
        margin: 0 5px 10px
    }

    .footer_location li:before {
        left: 0;
        height: 10px
    }

    .herobanner-slider.certi_logos.mobile .item {
        width: 50%
    }

    .what-client-says1 .client-says1 .testimonial-content .testo-cont {
        width: 100%;
        margin-top: 15px;
        padding-left: 0
    }

    .what-client-says1 .client-says1 .testimonial-content {
        padding: 0;
        justify-content: center;
        text-align: center
    }

    .laravel_usp ul li,
    .laravel_usp ul li:last-child {
        width: 50%;
        margin-bottom: 30px;
        text-align: center
    }

    .laravel_usp ul li span {
        font-size: 14px
    }

    .technology_page_box li:nth-child(3n + 1),
    .technology_page_box li:nth-child(4n + 1),
    .technology_page_box li:nth-child(5n + 1) {
        margin-left: auto
    }

    .technology_page_box li:nth-child(odd) {
        margin-left: 0
    }

    .technology_page_box li {
        width: calc(50% - 16px);
        height: 230px
    }

    .big-certification.magento_support .col_boxs img {
        max-width: 60px
    }

    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-img {
        max-width: 80px
    }

    .brands ul li img {
        height: 50px
    }

    .Lo.brands ul li img.Logomobile {
        height: 40px
    }
}

@media (max-width:575px) {
    .herobanner.innerpage-banner {
        padding-top: 60%
    }

    .trustpilot-inner h2,
    .trustpilot-rating {
        padding: 0;
        width: 100%
    }

    .big_author {
        min-height: 350px
    }

    .toolsused ul li {
        width: 50%
    }

    .faq-col .ui-accordion h3.ui-accordion-header {
        font-size: 14px !important
    }

    .brands ul li {
        padding: 0
    }

    .header .logo img {
        max-width: 100%
    }

    .header .mobmenu-open {
        margin-left: 12px
    }

    .trustpilot-company-rating {
        padding-left: 0
    }

    .trustpilot-inner h2 {
        margin-bottom: 20px;
        font-size: 24px
    }

    .trustpilot-rating .h4 {
        font-size: 15px;
        margin: 0 0 5px
    }

    .big-certification .col_boxs span {
        width: 100%
    }
}

@media (max-width:479px) {
    .footer_logos .item-footer-logo:before {
        display: none
    }

    .big_author {
        min-height: 300px
    }

    .ready-for-more {
        margin-bottom: -10%
    }

    .finalist {
        width: 100%
    }

    .toolsused ul li span {
        height: 130px
    }

    .herobanner.innerpage-banner .herobanner-content .magento-flex.wrap .presta_view .magento-img {
        width: 100%;
        padding-right: 0;
        margin-right: 0;
        border-right: 0
    }

    .ecommerce_variant .services.img-left-01.icon_up .service-box .service-img h3 {
        display: block;
        margin-bottom: 0
    }

    .technology_page_box li {
        width: 100%;
        height: 230px;
        margin-left: 0
    }
}

@media (max-width:360px) {

    .header .logo,
    .nav-call-info {
        width: 50%
    }

    .header .mobmenu-open {
        width: 36px;
        height: 34px;
        padding: 9px 8px 7px;
        margin-left: 0;
        margin-top: 20px
    }
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: #c2c900 !important
}

.what-client-says .client-says .owl-theme .owl-nav [class*="owl-"]:hover {
    background: 0 0 !important
}

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    margin: 0 !important;
    border-radius: 0 !important
}

header.hide-header {
    top: -100%
}

header.fixed-header {
    position: fixed;
    top: 0;
    background: #5c0075
}

@media (min-width:1025px) {
    header.fixed-header .nav ul li {
        padding-bottom: 30px
    }

    header.hide-header {
        padding-bottom: 0
    }

    header.fixed-header .logo {
        max-width: 19%;
        margin-top: 30px
    }
}

.pwaBanner {
    background: url(../images/background/pwa-banner-n.webp) center center no-repeat #333;
    background-size: cover
}

.python-business {
    background: #fff
}

.pythonPoints {
    background: #f9f9f9;
    padding-bottom: 30px
}

.python-business .support_box_col {
    background: #f9f9f9
}

.pythonPoints.no-bg .start-ups .start-ups-point.new ul li {
    padding-left: 100px
}

i.pwa-icon-small {
    display: flex;
    height: 52px;
    align-items: center
}

.pwa-icon-small img {
    position: relative;
    top: 7px
}

.newpythPadding {
    padding-bottom: 30px
}

@media (max-width:767px) {
    .laurenm {
        clear: both;
        text-align: center
    }

    .laurenm figure {
        display: none
    }

    .laurenm .page_cta_name .small-btn {
        margin: auto
    }

    .laurenm .page_cta_name .page_cta_content {
        display: none
    }
}

@media (max-width:600px) {
    i.pwa-icon-small {
        justify-content: center
    }
}

.mar-b-10 {
    margin-bottom: 10px
}

.pad-t-55 {
    padding-top: 55px
}

.pad-t-50 {
    padding-top: 50px
}

.pad-t-40 {
    padding-top: 40px
}

.pad-t-30 {
    padding-top: 30px
}

.pad-t-20 {
    padding-top: 20px
}

.pad-t-10 {
    padding-top: 10px
}

.pad-t-0 {
    padding-top: 0
}

.pad-b-55 {
    padding-bottom: 55px !important
}

.pad-b-50 {
    padding-bottom: 50px
}

.pad-b-40 {
    padding-bottom: 40px
}

.pad-b-30 {
    padding-bottom: 30px
}

.pad-b-20 {
    padding-bottom: 20px
}

.pad-b-10 {
    padding-bottom: 10px
}

.pad-b-0 {
    padding-bottom: 0 !important
}

.read-more-review {
    text-decoration: none;
    color: #c2c900
}

.appSpecialists {
    min-height: 237px
}

.appSpecialists p {
    margin-bottom: 15px !important
}

@media (max-width:767px) {
    .appSpecialists {
        min-height: auto
    }
}

.contact-form #mail-status {
    margin-top: 15px;
    margin-bottom: 0;
    line-height: 1.2
}

.techIcon {
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 2px solid #f3f3f3
}

.techIcon h3 {
    width: -webkit-fill-available;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 10px
}

.techIcon span {
    margin-right: 15px;
    width: -webkit-fill-available;
    position: relative
}

.techIcon span:before {
    content: "";
    background: url(../images/icons/leaf.svg) no-repeat;
    width: 42px;
    height: 42px;
    position: absolute;
    left: -49px;
    top: -8px;
    transform: scale(.8)
}

.techIcon li {
    margin-right: 15px;
    min-width: 155px
}

.techIcon ul {
    display: flex;
    list-style: none;
    gap: 15px;
    align-items: center;
    text-align: center
}

.techIcon li img {
    filter: grayscale(1);
    cursor: pointer
}

.techIcon li img:hover {
    filter: none;
    cursor: pointer
}

.col-12.techIcon.no-border {
    border-bottom: 0
}

@media (max-width:1340px) {
    .techIcon {
        width: 90%;
        margin: 0 auto
    }
}

@media (max-width:1146px) {
    .techIcon {
        flex-wrap: wrap
    }
}

@media (max-width:991px) {
    .techIcon h3 {
        display: block;
        width: 100%;
        margin: 15px 0
    }

    .techIcon span {
        margin-bottom: 15px;
        margin-right: 0;
        font-size: 23px
    }

    .techIcon {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center
    }

    .techIcon ul {
        flex-wrap: wrap;
        justify-content: space-evenly
    }

    .techIcon li {
        min-width: 115px;
        margin-bottom: 15px
    }

    .techIcon li:last-child {
        margin-bottom: 0
    }

    .hideM {
        display: none
    }
}

.herobanner.innerpage-banner .herobanner-content .magento-flex.newD {
    flex-wrap: wrap;
    justify-content: left;
    gap: 15px
}

.bannerRow .upper_patch_logo.newDlogoTop {
    margin-top: 0
}

img.imgtop1 {
    width: 140px;
    margin-bottom: 15px
}

.servicePmargin {
    margin-bottom: 0 !important
}

.services.box_new.webdServices {
    margin-top: 10px
}

section.magento-service.ecommerce_variant.uiUxD.mar-t-70 {
    padding-bottom: 0
}

.webdServices.box_new .col-4 {
    margin-bottom: 30px
}

.lets-connect.big {
    margin-bottom: 30px
}

.herobanner.innerpage-banner.eCommAgency {
    background: url(../images/ecomm/eCommerce-agency-bg.webp) top center/cover no-repeat
}

.fullstack-services.ecommerce_variant {
    padding-bottom: 0
}

.fullstack-services.ecommerce_variant .box_new .service-box {
    position: relative;
    padding-bottom: 20px
}

.value-skills {
    padding-bottom: 20px
}

.value-skills .service-box {
    border: 1px solid #ececec;
    padding: 30px;
    height: 100%;
    box-shadow: 0 6px 6px 1px rgb(0 0 0 / 8%);
    background: #fff
}

.value-skillsInner {
    background: url(../images/fullstack/value-skills-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    padding: 20px;
    background-position: center
}

.skills-heading {
    margin-bottom: 0
}

.developerSkills {
    margin-top: 30px
}

.MagentoExpert {
    color: #fff;
    background: url(../images/magentointigration/exper-Bg.png) no-repeat;
    padding: 50px;
    background-size: cover
}

.ExpertImage-top {
    margin-bottom: 15px
}

.ecommerce_variant.integrateM {
    padding-bottom: 0
}

span.upper_patch_logo.ukappaward.newDlogoTop.logoIcon-img {
    width: 100%
}

.web-application-bg {
    background: url(../images/web-application/web-application-banner-bg-n.webp) center center/cover no-repeat #333
}

@media (max-width:991px) {
    .herobanner.innerpage-banner .herobanner-content .magento-flex.newD {
        justify-content: center
    }
}

@media (max-width:775px) {
    .partner-p p {
        height: auto
    }

    .partner-content-box .col-4 {
        width: 100%
    }
}

@media (max-width:568px) {
    .magentoPatch img {
        width: 59%
    }
}

@media (max-width:410px) {
    span.upper_patch_logo.magentoPatch {
        flex-wrap: wrap
    }

    .magentoPatch img {
        width: auto;
        margin-bottom: 20px
    }
}

@supports (-webkit-hyphens:none) {
    .herobanner.innerpage-banner.eCommAgency {
        background: url(../images/ecomm/eCommerce-agency-bg.jpg) top center/cover no-repeat
    }
}

.big-certification .col_boxs.magentoBoxesnew span {
    width: 20%
}

.big-certification .col_boxs.magentoBoxesnew .btn span {
    width: 100%
}

@media (max-width:575px) {
    .big-certification .col_boxs.magentoBoxesnew span {
        width: 50%
    }

    .big-certification .col_boxs.magentoBoxesnew span:nth-child(5) {
        width: 100%
    }

    .big-certification .col_boxs.magentoBoxesnew .btn span {
        width: 100%
    }
}

.tech-filter .also-use-box {
    filter: grayscale(1)
}

.tech-filter .also-use-box:hover {
    filter: grayscale(0);
    cursor: pointer
}

.herobanner.landing-ecom .herobanner-content p.h1,
h1 {
    font-size: 4.5rem
}

.herobanner.landing-ecom .herobanner-content p.h1.landin-heading span {
    display: initial;
    font-size: inherit
}

p.bg-gradient {
    background: #000;
    width: 80% !important;
    padding: 10px;
    margin: 0 auto;
    background: rgb(40, 40, 40);
    background: linear-gradient(180deg, rgba(40, 40, 40, 1) 0%, rgba(3, 3, 3, 1) 87%);
    color: #fff;
    font-size: 21px;
    margin-bottom: 20px
}

.mini-container.sml_col .eccome-web {
    max-width: 933px;
    margin: -13px auto 20px
}

.co-host {
    position: relative
}

.co-host ul {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    width: 51%;
    margin: 0 auto;
    border: 2px solid #e9e9e9;
    border-radius: 74px;
    padding: 44px 65px;
    position: relative;
    margin-top: -10px;
    margin-bottom: 43px
}

.co-host ul li {
    list-style: none;
    width: 45%
}

.box-when-where {
    background: #c2c900;
    padding: 20px;
    color: #000;
    width: 43%;
    margin-right: 33px;
    text-align: center;
    font-family: museo500;
    box-shadow: 11px 11px 0 #ddd
}

.box-when-where h3 {
    font-size: 58px
}

.heading-co-host {
    position: relative;
    background: #fff;
    padding: 5px 28px 5px 36px;
    top: 32px;
    left: 50%;
    font-size: 33px;
    width: 21%;
    transform: translate(-50%, -50%);
    z-index: 1;
    display: inline-block
}

.heading-co-host:before {
    content: ".";
    position: absolute;
    font-size: 140px;
    top: -91px;
    left: -12px;
    width: 0;
    height: 0;
    color: #eaeaea
}

.heading-co-host:after {
    content: ".";
    position: absolute;
    font-size: 140px;
    top: -90px;
    right: 22px;
    width: 0;
    height: 0;
    color: #eaeaea
}

.minus-margin-top {
    justify-content: center;
    margin-top: -183px
}

.ecommerce-pd-b {
    padding-bottom: 120px
}

.contact-form.landiing-page {
    width: 80%;
    margin: 0 auto;
    padding: 40px;
    display: block;
    float: initial
}

.box-when-where p {
    font-size: 22px;
    color: #000;
    font-weight: bold;
    margin-bottom: 0
}

p.last-p {
    font-size: 16px;
    font-weight: 500
}

.brands-logos-eccomerce {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap
}

.border-left-before {
    position: relative
}

.border-left-before:before {
    content: "";
    position: absolute;
    border-right: 1px solid #6d6966;
    width: 2px;
    height: 80px;
    top: 8px;
    right: -80px
}

.border-left-after {
    position: relative
}

.border-left-after:before {
    content: "";
    position: absolute;
    border-right: 1px solid #6d6966;
    width: 2px;
    height: 80px;
    top: 8px;
    left: 173px
}

.landing-ecom {
    background: url(../images/ecommerce-round/eCommerce-round-table-bg.png) center center/cover no-repeat #333;
    padding-top: 13%
}

h2.form-heading {
    font-size: 63px;
    text-align: center;
    margin-top: 40px;
    font-weight: 700;
    margin-bottom: 5px
}

p.form-p {
    font-size: 29px;
    text-align: center
}

.field-row {
    gap: 20px
}

.field-row .fields {
    width: 48.8%
}

.landiing-page input.form-field {
    font-size: 20px;
    height: 75px;
    line-height: 75px;
    font-weight: 200;
    color: #545454;
    margin-bottom: 20px
}

.landiing-page textarea.form-field {
    font-size: 20px;
    font-weight: 200;
    color: #545454;
    text-align: left;
    line-height: 1.5
}

.content-frm {
    text-align: center;
    margin-top: 17px
}

.content-frm p {
    font-size: 14px;
    font-weight: 400
}

.fields.nda-check {
    margin-bottom: 12px;
    font-size: 14px
}

.nda-check input#checkbox {
    width: 12px;
    top: 2px;
    position: relative
}

.ecomm-round-btn {
    font-size: 1.1rem
}

.frm-btn {
    width: 100%;
    display: flex;
    justify-content: center
}

.term-bottom {
    text-align: center;
    margin-top: 10px
}

.term-bottom a {
    color: #5c0075;
    font-weight: 600;
    text-decoration: none
}

.term-bottom p {
    font-size: 12px;
    font-weight: 600
}

.footer-talk.landing-footer {
    display: flex;
    justify-content: space-between;
    z-index: 1;
    position: relative;
    align-items: center
}

.getintouch-l {
    padding: 30px 10px;
    width: 33%
}

.contact-footer-l {
    display: flex;
    gap: 10px;
    margin-bottom: 30px
}

img.footer-icon {
    position: relative;
    top: 7px;
    width: 30px;
    height: 30px
}

.contact-footer-l p {
    font-size: 18px;
    line-height: 1.2;
    margin-left: 8px
}

.getintouch-l h4 {
    font-size: 1.625rem;
    margin-bottom: 32px;
    font-weight: 600
}

.footeraddress-l {
    display: flex;
    gap: 15px
}

.footeraddress-l p {
    margin-left: 8px;
    font-size: 18px;
    line-height: 1.2
}

.contact-footer-l a {
    color: #fff;
    text-decoration: none
}

ul.footer-socialmedia {
    margin: 0;
    padding: 0
}

.footer-socialmedia li {
    margin: 0;
    padding: 0 2px;
    display: inline;
    font-size: 20px
}

.footer-socialmedia li a {
    background: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 44px;
    border-radius: 50%;
    display: inline-block
}

.footer-socialmedia li a img {
    height: 23px;
    top: 20px;
    transform: translateY(-50%);
    position: relative
}

.footer-socialmedia li a:hover img.white_img {
    display: none
}

.footer-socialmedia li a:hover img.hover_img {
    display: inline-block;
    transition: .5s ease-in;
    width: 23px;
    height: 23px
}

.footer-socialmedia li a img.hover_img {
    display: none
}

section.lets-talk.white.landing-talk {
    padding: 1% 0
}

.landing-recap-cha {
    margin-bottom: 15px
}

@media screen and (min-width:1200px) {

    .header.landing-ecom .nav-call-info,
    .herobanner .herobanner-content h1.p {
        min-height: 0;
        margin-bottom: 14px
    }

    .herobanner.landing-ecom .herobanner-content h1.p {
        min-height: 0;
        margin-bottom: 14px
    }

    .herobanner.landing-ecom .herobanner-content p.h1 {
        min-height: 0
    }
}

@media screen and (max-width:1169px) {
    .heading-co-host {
        font-size: 28px;
        top: 26px
    }

    .field-row .fields {
        width: 48.5%
    }

    .box-when-where h3 {
        font-size: 40px
    }
}

@media screen and (max-width:1060px) {
    .heading-co-host {
        font-size: 24px;
        top: 26px
    }

    .heading-co-host:before {
        top: -97px
    }

    .heading-co-host:after {
        top: -97px
    }
}

@media screen and (max-width:1024px) {
    .landing-content p.bg-gradient {
        font-size: 1.3rem;
        padding: 10px
    }
}

@media screen and (max-width:991px) {
    .border-left-before:before {
        right: -47px
    }

    .border-left-after:before {
        left: 140px
    }

    .field-row .fields {
        width: 100%
    }

    h2.form-heading {
        font-size: 4.2em
    }

    .footer-talk.landing-footer {
        padding: 0 20px
    }

    .box-when-where h3 {
        font-size: 2.5em
    }

    .heading-co-host {
        font-size: 22px;
        text-align: center;
        width: 29%
    }

    .herobanner.landing-ecom .herobanner-content p.h1,
    h1 {
        font-size: 3.5rem
    }
}

@media screen and (max-width:884px) {
    .border-left-after:before {
        display: none
    }

    .border-left-before:before {
        display: none
    }

    .landiing-page input.form-field {
        font-size: 15px
    }

    .landiing-page textarea.form-field {
        font-size: 15px;
        height: 115px
    }
}

@media screen and (max-width:765px) {
    .box-when-where {
        width: 100%;
        margin-right: 30px;
        margin-left: 30px;
        margin-bottom: 30px
    }

    .minus-margin-top {
        justify-content: center;
        margin-top: -149px
    }

    .co-host ul {
        width: 81%
    }

    h2.form-heading {
        font-size: 3.2em
    }

    .heading-co-host {
        font-size: 22px;
        text-align: center;
        width: 33%;
        top: 21px
    }

    .brands-logos-eccomerce img {
        width: auto;
        height: 59px
    }
}

@media screen and (max-width:655px) {
    .getintouch-l {
        width: 100%
    }

    .landing-socail {
        padding: 20px 0 40px
    }

    .heading-co-host {
        font-size: 20px;
        top: 21px;
        width: 38%
    }

    .co-host ul {
        width: 80%
    }

    .minus-margin-top {
        justify-content: center;
        margin-top: -119px;
        flex-wrap: wrap
    }

    .brands-logos-eccomerce {
        padding: 0 20px
    }

    .brands-logos-eccomerce div {
        margin-bottom: 15px
    }

    .contact-form.landiing-page {
        width: 100%
    }
}

@media screen and (max-width:510px) {
    .co-host ul {
        width: 94%
    }

    .heading-co-host {
        font-size: 16px;
        padding: 5px 17px 5px 14px;
        width: 47%
    }

    .heading-co-host:before {
        top: -104px
    }

    .heading-co-host:after {
        top: -103px
    }

    h2.form-heading {
        font-size: 2.6em
    }

    p.form-p {
        font-size: 20px;
        text-align: center
    }
}

@media screen and (max-width:350px) {
    .heading-co-host {
        top: 16px
    }

    .heading-co-host:after {
        top: -90px;
        font-size: 128px;
        right: 15px
    }

    .heading-co-host:before {
        top: -90px;
        font-size: 128px
    }

    .co-host ul {
        padding: 35px 26px
    }
}

.ecommerce-round-sec {
    background: #0808087d;
    border-radius: 8px;
    border-width: 2px;
    border-style: solid;
    border-color: #c2c900;
    border-left: 0;
    border-right: 0
}

.ecommerce-round-sec ul {
    margin: 0;
    padding: 14px;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to bottom, #c2c90069, rgb(0 0 0 / 60%), #c2c9004d) 13 100%;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.ecommerce-round-sec li {
    list-style: none;
    color: #fff;
    position: relative;
    text-align: left;
    padding: 4px 10px
}

.content-h {
    font-size: 30px;
    line-height: 35px;
    color: #fff;
    font-family: museo700
}

.contentMiddle-h {
    font-size: 30px;
    color: #fff;
    font-weight: bold
}

.content-h span {
    color: #c2c900
}

.ecommerce-round-sec p {
    font-size: 17px;
    margin-bottom: 0
}

.ecommerce-round-sec li:first-child:before {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 2px;
    height: 100%;
    background: #3b3b3c
}

.ecommBtn {
    padding: 0 1rem
}

.ecommerce-round-sec li:last-child {
    padding: 4px 0
}

section.ecommerce_variant.bg-grey {
    background: #fafafa;
    padding: 40px 0
}

.partner-content-box .col-3 {
    margin-bottom: 30px
}

.partner-content-box .col-6 {
    margin-bottom: 30px
}

.partner-img img {
    width: 240px;
    height: auto
}

figure.partner-img {
    height: 100px;
    display: flex;
    align-items: center
}

figure.img-btm-col {
    height: 90px;
    display: flex
}

.img-btm-col img {
    width: 247px;
    height: fit-content;
    height: intrinsic
}

.partner-content-box {
    padding: 0 70px;
    margin-top: 40px !important
}

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
}

.magento-agency-partner li {
    width: 23%
}

.laravel_usp.magento .leftReact {
    display: block;
    width: 361px;
    margin-right: 0
}

.iconReact-js img {
    width: 64px;
    height: auto
}

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

@media (max-width:1550px) {
    .content-h {
        font-size: 29px
    }

    .contentMiddle-h {
        font-size: 29px
    }
}

@media (max-width:1210px) {
    .content-h {
        font-size: 27px
    }

    .contentMiddle-h {
        font-size: 27px
    }

    .ecommerce-round-sec p {
        font-size: 16px
    }
}

@media (max-width:1160px) {
    .content-h {
        font-size: 25px
    }

    .contentMiddle-h {
        font-size: 25px
    }

    .ecommerce-round-sec li:first-child:before {
        right: -17px
    }
}

@media (max-width:1115px) {
    .content-h {
        font-size: 23px
    }

    .contentMiddle-h {
        font-size: 23px
    }

    .ecommerce-round-sec p {
        font-size: 15px
    }
}

@media (max-width:1063px) {
    .content-h {
        font-size: 20px
    }

    .contentMiddle-h {
        font-size: 20px
    }

    .ecommerce-round-sec p {
        font-size: 15px !important
    }
}

@media (max-width:1031px) {
    .ecommerce-round-sec li:first-child:before {
        right: -10px
    }
}

@media (max-width:1014px) {
    .ecommerce-round-sec li:first-child:before {
        right: -5px
    }

    .ecommerce-round-sec p {
        font-size: 14px !important
    }
}

@media (max-width:991px) {
    .ecommerce-round-sec li:nth-child(2) {
        width: 42%
    }
}

@media (max-width:960px) {
    .ecommerce-round-sec li:nth-child(2) {
        width: 40%
    }

    .content-h {
        font-size: 19px
    }

    .contentMiddle-h {
        font-size: 19px
    }
}

@media (max-width:900px) {
    .content-h {
        font-size: 19px
    }

    .contentMiddle-h {
        font-size: 19px
    }

    .ecommerce-round-sec p {
        font-size: 14px !important
    }

    .ecommerce-round-sec li:nth-child(2) {
        width: 37%
    }
}

@media (max-width:865px) {
    .ecommerce-round-sec li:nth-child(2) {
        width: 42%
    }

    .ecommerce-round-sec ul {
        justify-content: center
    }

    .ecommerce-round-sec li {
        margin-bottom: 10px
    }

    .ecommerce-round-sec li:first-child {
        margin-right: 20px
    }
}

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

    .magento-agency-partner li {
        width: 40%
    }
}

@media screen and (max-width:766px) {
    .brands.mobile ul li {
        height: auto
    }
}

@media (max-width:689px) {
    .ecommerce-round-sec li:nth-child(2) {
        width: 100%
    }

    .ecommerce-round-sec li:first-child:before {
        right: 0;
        top: unset;
        width: 100%;
        height: 2px;
        bottom: 0
    }

    .ecommerce-round-sec li {
        text-align: center
    }

    .ecommerce-round-sec li:first-child {
        margin-right: 0
    }
}

@media (max-width:650px) {
    .partner-content-box .col-3 {
        width: 100%
    }

    figure.service-img.partner-img {
        padding-top: 11%
    }
}

@media (min-width:1560px) {
    .ecommerce-round-sec li:first-child:before {
        right: -6px
    }
}




@media (max-width:1160px) {
    .partner-content-box .col-3 {
        width: 50%
    }
}

@media (max-width:765px) {
    .partner-content-box .col-3 {
        width: 100%
    }
}

@media (max-width:565px) {
    .platform-partner li {
        padding: 11px
    }

    .partner-content-box {
        padding: 0 10px
    }

    figure.img-btm-col {
        height: auto;
        margin-bottom: 12px
    }

    .img-btm-col img {
        width: 188px
    }

    figure.partner-img {
        height: auto;
        margin-bottom: 12px
    }

    .partner-content-box .service-box {
        padding: 15px
    }

    .partner-img img {
        width: 183px
    }
}

@media (max-width:400px) {
    .platform-partner li {
        width: 44%
    }
}

@media (max-width:360px) {
    .content-h {
        line-height: 28px
    }

    .contentMiddle-h {
        line-height: 30px
    }
}

.image_size.blue-svg img {
    filter: invert(25%) sepia(84%) saturate(7488%) hue-rotate(197deg) brightness(92%) contrast(86%) !important
}

.toptech-Img img {
    width: 60px;
    height: auto;
    max-width: 80px
}

.toptech-Img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    gap: 25px;
    padding: 10px 0
}

.techsvg-crsl {
    padding: 24px 0
}

.techsvg-crsl .item {
    padding: 15px;
    border-radius: 10px
}

.ntchBox {
    background: #b1a9a947;
    padding: 15px;
    height: 100%;
    min-height: 399px;
    text-align: center;
    position: relative;
    border-radius: 10px
}

.techsvg-crsl .owl-item.active.center .item {
    border: 4px solid #fff;
    border-radius: 10px
}

.techsvg-crsl .owl-item.active.center .item .ntchBox {
    background: #5d0075;
    color: #fff;
    border-radius: 10px;
    border: 0
}

.techsvg-crsl .owl-item.active.center .item .toptech-Img img {
    filter: brightness(0) invert(1)
}

.singleReview {
    margin-top: 80px;
    padding-bottom: 40px
}

.quote-img-top {
    background: #c2c900;
    border-radius: 50%;
    padding: 30px;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -75px auto 0
}

.quote-img-top img {
    transform: rotate(180deg);
    width: 50px;
    height: 50px
}

.text-review {
    margin-top: 40px
}

.cName-bottom {
    color: #c2c900;
    font-size: 18px;
    font-weight: 700
}

.adobe-says {
    margin-top: 20px
}

@media (max-width:991px) {
    .techsvg-crsl .owl-item {
        transform: none
    }

    .techsvg-crsl .owl-item.active.center .item {
        transform: none;
        box-shadow: none;
        border: 0;
        padding: 15px
    }

    .techsvg-crsl .owl-item.active.center .item .ntchBox {
        background: #f2f2f2;
        color: #000
    }

    .techsvg-crsl .owl-item.active.center .item .toptech-Img img {
        filter: none
    }

    .singleReview {
        margin-top: 50px
    }

    .quote-img-top {
        width: 100px;
        height: 100px;
        margin: -54px auto 0
    }
}

.box_new .service-box .btn-cont {
    margin-top: 15px
}

section.herobanner.innerpage-banner.shiptheory {
    background: url(../images/shiptheory/shiptheory-banner-n.webp) center center/cover no-repeat #333
}

section.herobanner.innerpage-banner.dotdigtial {
    background: url(../images/dot-digital/dot-digital-partner-banner.webp) center center/cover no-repeat #333
}

section.herobanner.innerpage-banner.klevu {
    background: url(../images/klevu/klevu-partner-banner.webp) center center/cover no-repeat #333
}

.shiptheory .herobanner-content.white {
    background: url(../images/shiptheory/shiptheory-transparent-logo.webp) center center no-repeat;
    mix-blend-mode: luminosity;
    background-size: cover;
    padding: 20px
}

.partner-logo img {
    margin-bottom: 20px;
    width: 58%
}

.shiptheory-logo img {
    margin-bottom: 20px;
    width: 58%
}

.pricing-container {
    display: flex;
    justify-content: center
}

.first-pricng-p {
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    margin-bottom: 40px
}

ul.price {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s
}

.columns:hover ul.price {
    transform: scale(1);
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .2);
    border: 1px solid #c9c8c8;
    border-top: 0;
    border-bottom: 0
}

.columns:hover .button-pricing {
    background-color: #c2c900
}

.price li {
    padding: 15px 10px;
    font-size: 14px;
    border: 1px solid #c0c0c0c7;
    text-align: left;
    padding-left: 33px
}

.price li:nth-child(even) {
    background: #efefef
}

li.pricing-header {
    background: #5b0075;
    color: #fff;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    text-align: center
}

.price li.grey {
    background: #353535;
    color: #fff;
    font-size: 13px;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    border-right: 0;
    border-top: 0;
    border-left: 0;
    text-align: center
}

.price li.grey span {
    font-size: 48px;
    font-weight: bold;
    display: block;
    margin-bottom: 7px
}

.most-feature-container li {
    display: flex;
    gap: 20px;
    align-items: center
}

.feature-most {
    background: #f3f3f3
}

.img-icon img {
    background: #fff;
    padding: 12px;
    max-width: 78px;
    width: 120px;
    text-align: center;
    height: 79px
}

.button-pricing {
    color: #fff;
    border-radius: 50px
}

.owl-carousel .owl-item .button-pricing img {
    position: relative;
    top: 5px;
    left: 5px;
    display: inline-block;
    width: auto
}

.bottom-text-pricing {
    padding: 30px
}

p.first-p {
    font-size: 20px;
    margin-bottom: 6px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif
}

.pricing-cta {
    width: 80%;
    background: #353535;
    border-radius: 50px;
    display: flex;
    padding: 20px 0;
    color: #fff;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto
}

.pricing-cta h2 {
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 30px
}

.pricing-cta-btn {
    border-radius: 50px;
    font-size: 18px;
    color: #fff;
    font-weight: 500
}

.bottom-last-text {
    text-align: center;
    margin-top: 10px;
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600
}

.bottom-last-text img {
    width: 18px;
    position: relative;
    top: 3px
}

@media (max-width:1200px) {
    .price li {
        font-size: 16px
    }

    .shiptheory-logo img {
        margin-bottom: 20px;
        width: 70%
    }

    .partner-logo img {
        margin-bottom: 20px;
        width: 70%
    }
}

@media screen and (max-width:1200px) {
    .most-feature-container h3 {
        font-size: 1.2rem
    }
}

.london-row {
    width: 80%;
    margin: 0 auto
}

.london-tech-img {
    display: flex;
    width: auto;
    max-width: 100%;
    border-radius: 2px;
    background: #fff;
    padding: 20px;
    height: 140px;
    width: 140px;
    box-shadow: none;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    align-items: center
}

.london-tech-img:hover {
    box-shadow: 0 6px 6px 1px rgb(0 0 0 / 8%);
    border: 0
}

.london-tech-img img {
    height: 80px;
    object-fit: contain
}

.london-tech .owl-stage {
    margin-top: 20px
}

.london-tech a.internal-link {
    color: #000;
    text-decoration: none
}

.london-tech a.internal-link {
    color: #000;
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.london-tech p {
    font-size: 18px;
    font-family: "museo700";
    margin-top: 10px;
    margin-bottom: 10px
}

@media (max-width:1399px) {
    .london-tech p {
        font-size: 15px
    }
}

@media (max-width:1268px) {
    .london-row {
        width: 81%;
        margin: 0 auto
    }
}

@media (max-width:991px) {
    .london-tech p {
        font-size: 16px
    }
}

img.svg-img {
    height: 32px
}

.social_fixed a:nth-child(2) img {
    height: 22px !important
}

.social_fixed a:nth-child(4) img {
    height: 22px !important
}

@media (max-width:767px) {
    .trustpilot-rating .h3 {
        width: auto
    }

    .trustpilot-inner h2 {
        text-align: center
    }

    .services.img-left-01.icon_up .service-box .service-img svg {
        position: relative;
        top: 0;
        transform: none;
        margin-bottom: 10px
    }
}

.start-ups-point svg {
    max-height: 50px;
    width: 100%;
    position: relative;
    top: -7px
}

@media (max-width:415px) {
    .what-client-says1 .owl-theme .owl-dots .owl-dot span {
        width: 14px
    }
}

.support-layout .right-tick-green ul {
    margin: 0;
    padding: 0
}

.support-layout .right-tick-green li {
    font-size: 19px;
    line-height: 48px;
    position: relative;
    padding-left: 46px;
    list-style: none
}

.support-layout .right-tick-green li:before {
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Group_162831" data-name="Group 162831" width="31.428" height="31.438" viewBox="0 0 31.428 31.438"><defs><clipPath id="clip-path"><rect id="Rectangle_148322" data-name="Rectangle 148322" width="31.428" height="31.438" fill="%231f8a00"/></clipPath></defs><g id="Group_162830" data-name="Group 162830" clip-path="url(%23clip-path)"><path id="Path_94518" data-name="Path 94518" d="M16.629,31.438H14.787c-.526-.066-1.055-.114-1.577-.2a15.3,15.3,0,0,1-8.5-4.314A15.352,15.352,0,0,1,.076,14.138,15,15,0,0,1,3.914,5.353,15.391,15.391,0,0,1,15.048.019a14.948,14.948,0,0,1,8.67,2.191,15.489,15.489,0,0,1,7.465,10.8c.11.589.165,1.189.245,1.784V16.64c-.025.221-.051.442-.075.663A15.53,15.53,0,0,1,27.4,26.2a15.419,15.419,0,0,1-8.989,4.995c-.591.1-1.191.164-1.787.244M28.877,15.729A13.169,13.169,0,1,0,15.7,28.887,13.2,13.2,0,0,0,28.877,15.729" transform="translate(0 0)" fill="%231f8a00"/><path id="Path_94519" data-name="Path 94519" d="M104.229,140.117c.106-.1.19-.168.271-.244l7.753-7.35a1.294,1.294,0,0,1,1.794-.175,1.261,1.261,0,0,1,.188,1.783,2.516,2.516,0,0,1-.232.245q-4.4,4.172-8.8,8.342a1.3,1.3,0,0,1-2.04-.042q-2.273-2.329-4.541-4.662a1.273,1.273,0,1,1,1.7-1.9c.43.408.835.843,1.249,1.268.879.9,1.756,1.8,2.662,2.732" transform="translate(-90.615 -121.906)" fill="%231f8a00"/></g></svg>');
    position: absolute;
    width: 31px;
    height: 31px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-size: 100%;
    background-repeat: no-repeat
}

.support-layout .service-support-img {
    position: relative;
    display: flex;
    height: 100%
}

.support-layout .service-support-img:before {
    content: "";
    background: #c2c905;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100%;
    top: 0;
    left: 0;
    mix-blend-mode: multiply;
    opacity: .25
}

.support-layout .seclect-hour {
    display: flex;
    justify-content: space-between;
    gap: 17px
}

.support-layout .seclect-hour .form-select {
    flex: 1
}

.support-layout .support-box {
    background: #5c0375;
    padding: 32px 29px;
    margin-top: 21px;
    width: 100%
}

.support-layout .support-box span.leaf {
    width: auto
}

.support-layout .support-box h2 {
    color: #fff;
    display: flex;
    gap: 2px
}

.support-layout .seclect-hour .form-select {
    flex: 1;
    padding: 10px 23px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    -webkit-appearance: none;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20.089" height="20.089" viewBox="0 0 20.089 20.089"><path id="Path_83077" data-name="Path 83077" d="M13.022,14.205H1.184A1.184,1.184,0,0,1,0,13.022V1.184a1.184,1.184,0,1,1,2.368,0V11.838H13.022a1.184,1.184,0,0,1,0,2.368Z" transform="translate(0 10.045) rotate(-45)"/></svg>');
    position: relative;
    background-position: 95% 50%;
    font-size: 14px;
    line-height: 25px
}

.support-layout .seclect-hour .form-select:focus-visible {
    outline: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20.089" height="20.089" viewBox="0 0 20.089 20.089" style="&%2310;rotate:180deg;&%2310;"><path id="Path_83077" data-name="Path 83077" d="M13.022,14.205H1.184A1.184,1.184,0,0,1,0,13.022V1.184a1.184,1.184,0,1,1,2.368,0V11.838H13.022a1.184,1.184,0,0,1,0,2.368Z" transform="translate(0 10.045) rotate(-45)"/></svg>');
    background-position: 95% 65%
}

.support-layout .small-btn.btn-support-sevice {
    line-height: normal !important;
    height: auto !important
}

.support-layout .services.support-service-box.no-border {
    gap: 2%;
    justify-content: center;
    margin: 0
}

.support-layout .support-service-box .col {
    flex: 18.4%;
    max-width: 19%;
    margin-bottom: 2%
}

.support-layout .hide-content p {
    line-height: normal
}

.support-layout .service-box.box-with-hover {
    overflow: hidden;
    position: relative;
    box-shadow: 5px 10px 10px #00000014;
    border: 1px solid #e9e9e9;
    opacity: 1;
    padding: 20px;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center
}

.support-layout .service-box.box-with-hover:hover {
    background: #5c0075
}

.support-layout .hide-content {
    position: relative;
    bottom: -100%;
    color: #fff;
    transition: 1s
}

.support-layout .service-box.box-with-hover:hover .service-visible {
    display: none
}

.support-layout h3.support-heading-services {
    font-size: 17px;
    line-height: normal;
    margin-bottom: 10px
}

.support-layout .service-visible {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.support-layout .service-visible img {
    width: 60px;
    height: 60px
}

.support-layout .service-visible h3.support-heading-services {
    font-size: 18px;
    display: flex;
    height: 100%
}

.support-layout .service-box.box-with-hover:hover .hide-content {
    position: relative;
    bottom: 0
}

.support-layout li.heading.platinum {
    background: #5c007587;
    background: linear-gradient(90deg, #c1bfbf 0, #5c0075 100%)
}

.support-layout .box_new .service-box {
    padding: 30px 20px
}

.support-layout a.readmore-btn {
    color: #000;
    font-weight: 600;
    text-decoration: none;
    position: absolute;
    bottom: 20px
}

.support-layout h3.support-heading {
    margin-bottom: 15px
}

@media (max-width:1175px) {
    .support-layout .support-service-box .col {
        flex: 31.4%;
        max-width: 32.4%;
        margin-bottom: 2%
    }

    .support-layout .right-tick-green li {
        font-size: 20px
    }
}

@media (max-width:920px) {
    .support-layout .support-services .row {
        gap: 30px
    }

    .support-layout .support-services .col-6 {
        width: 100%
    }

    .support-layout .service-support-img img {
        width: 100%
    }
}

@media (max-width:675px) {
    .support-layout .support-service-box .col {
        flex: 50.4%;
        max-width: 48.4%;
        margin-bottom: 2%
    }
}

@media (max-width:500px) {
    .support-layout .support-service-box .col {
        flex: 100%;
        max-width: 100%;
        margin-bottom: 2%
    }

    .support-layout .service-box.box-with-hover {
        min-height: 200px
    }

    .support-layout .right-tick-green li {
        font-size: 16px;
        padding-left: 38px
    }

    .support-layout .right-tick-green li:before {
        width: 22px;
        height: 22px
    }
}

.services.support-service-box.no-border.col-4-gap {
    gap: 0
}

.col-full {
    display: flex;
    flex-direction: column;
    height: 100%
}

.support-services {
    padding-top: 61px;
    padding-bottom: 20px
}

@media (max-width:1560px) {
    .brands.clients ul.clinet-logo-row li {
        width: 15% !important
    }

    .brands.clients ul li {
        width: auto !important
    }
}

@media (max-width:991px) {
    .brands.clients ul li {
        width: auto !important;
        align-items: center
    }
}

ul.box-logo.box-logo-ai {
    padding: 0;
    margin: 0;
    list-style: none
}

.mean-mern-stack-technologies.also-use .also-use-inner .box-logo-container.tech-filter {
    justify-content: space-between
}

.also-use-box-ai.wid25 {
    width: 22%
}

.box-logo-ai h4 {
    margin-bottom: 0
}

ul.box-logo.box-logo-ai li {
    display: flex;
    flex-direction: column;
    gap: 34px;
    align-items: center;
    padding: 20px
}

ul.box-logo.box-logo-ai img {
    width: auto;
    height: 69px
}

.box-logo-ai h4 {
    font-size: 22px;
    line-height: 27px
}

section.whatmakes-distinctive.ai-companybg.mar-t-70 {
    background-image: url(../images/ai-company/business-potential.webp);
    background-position: center;
    background-size: cover;
    padding: 90px 0;
    background-repeat: no-repeat
}

.whatmakes-distinctive.ai-companybg.mar-t-70 h2.mar-b-30.text-center {
    color: #fff
}

.whatmakes-distinctive.ai-companybg .list-items-leaf h3 {
    color: #fff
}

.whatmakes-distinctive.ai-companybg .list-items-leaf ul li h3+p {
    color: #fff
}

@media (max-width:1460px) {
    .brands.clients ul.clinet-logo-row li {
        width: 15% !important
    }

    .brands.clients ul li {
        width: calc(15% - 40px) !important
    }
}

@media (max-width:991px) {
    .mean-mern-stack-technologies.also-use .also-use-inner .box-logo-container.tech-filter {
        justify-content: space-between;
        flex-wrap: wrap
    }

    .also-use-box-ai.wid25 {
        width: 48%
    }
}

@media (max-width:756px) {
    .mean-mern-stack-technologies.also-use .also-use-inner .box-logo-container.tech-filter {
        justify-content: space-between;
        flex-direction: column
    }

    .also-use-box-ai.wid25 {
        width: 100%
    }
}

.ai-box h3 {
    margin-bottom: 15px
}

@media (max-width:1450px) {
    .ai-box h3 {
        margin-bottom: 15px;
        font-size: 17px
    }
}

.footer_logos .item-footer-logo figure a,
.startup-to-business.whatmakes-distinctive .col-5,
.text-center {
    text-align: center
}

section.container-fluid.brands.clients {
    margin-top: 0;
    margin-bottom: 0
}

.service_img_icon img {
    width: auto;
    height: 100%
}

.box_new .service-box .service-img.service_img_icon {
    margin-bottom: 30px
}

.header .nav ul li {
    text-transform: capitalize
}

.contact_btn a {
    background: rgba(194, 201, 0, .12);
    border: 1px solid #c2c900;
    padding: 10px 20px;
    border-radius: 3px;
    transition: .4s;
    color: #fff;
    text-decoration: none;
    width: auto
}

.contact_btn a:hover {
    background: rgba(194, 201, 0, .9)
}

@media (max-width:1440px) {
    .subdropdown_menu .col-4 {
        margin-top: 18px;
        margin-bottom: 25px
    }
}

.header .nav ul li {
    text-transform: capitalize
}

@media (min-width:1024px) {
    .subdropdown_menu .col-2 {
        margin-bottom: 30px;
        position: relative;
        margin-top: 40px
    }

    .subdropdown_menu .col-2:before {
        content: "";
        position: absolute;
        left: -32px;
        top: 0;
        background: #2a2a2a;
        height: 100%;
        width: 1px
    }

    .without-border:before {
        display: none
    }

    .fixed-header span.arrow-new {
        bottom: -31px
    }

    header.fixed-header ul#menu>li:hover>.subdropdown_menu {
        transform: translateY(-0px)
    }

    .col-3.last-menu label.h3 {
        padding-left: 17px
    }

    .padding0 {
        padding-left: 0
    }

    .subdropdown_menu.small.w390 {
        padding: 0
    }

    li.submenu-icon {
        display: flex;
        gap: 15px
    }

    header ul#menu li .subdropdown_menu ul li.submenu-icon i.menu-icon {
        position: unset !important;
        height: 21px;
        margin-right: 0;
        width: 21px
    }

    .menu-icon img {
        filter: unset !important;
        height: 100%
    }

    .subdropdown_menu p {
        font-size: 12px;
        letter-spacing: -.5px;
        font-weight: 400;
        padding: 10px 20px;
        width: 80%
    }

    .contact_btn-sub-menu a {
        padding: 9px 20px !important;
        background: #c2c900;
        width: fit-content;
        color: #000 !important;
        font-weight: 600;
        border-radius: 4px
    }

    header ul#menu li .subdropdown_menu.dropdown-menu-leaf-icon ul {
        padding-left: 20px;
        padding-right: 9px
    }

    .last-menu {
        text-align: left
    }

    .desktop-col p {
        width: 100%;
        text-transform: none !important
    }

    .menu-industries p {
        width: 100%
    }
}

@media (min-width:1480px) {
    .subdropdown_menu p {
        font-size: 16px
    }

    .subdropdown_menu .h3 {
        color: #c2c900;
        font-size: 15px
    }
}

@media (max-width:1390px) {
    .header .nav ul li {
        font-size: 1.2rem
    }

    .subdropdown_menu .col-2:before {
        left: -27px
    }
}

@media (max-width:1080px) {
    .header .nav ul li {
        font-size: 1.3rem
    }

    .header .call-info.desk_view {
        width: 58%
    }
}

@media (max-width:1024px) {
    header ul#menu li .subdropdown_menu ul li a {
        font-size: 14px;
        color: #2B2B2B
    }

    .header .nav ul li:first-child {
        margin: 0 0 !important
    }

    .header .nav ul li {
        padding: 0 10px
    }

    .subdropdown_menu .col-2 {
        margin: 0;
        border-top: 1px solid #ffffff24;
        padding: 10px 15px;
        width: 100%
    }

    .logo.moblogo {
        width: 50%;
        max-width: 50%
    }

    .subdropdown_menu .col-4 {
        margin: 0
    }

    .contact_btn.blog-contact-view {
        display: none
    }
}

@media (max-width:991px) {
    .brands.clients ul li {
        width: calc(100% - 26px) !important
    }
}

@media (max-width:786px) {
    .header .nav ul li:first-child {
        margin: 0 0 !important
    }

    .header .nav ul li {
        padding: 0
    }
}

@media screen and(max-width:1024px) and (min-width:768px) {
    header ul#menu li ul {
        opacity: 1
    }
}

@media (max-width:360px) {
    .header .call-info {
        display: flex;
        align-items: center
    }

    .header .call-info span+span {
        margin-left: 0;
        margin-top: 0
    }
}

.wantto-see .btn-cont .btn {
    margin-bottom: 0
}

.bespoke_soft_help .helpfeat_box_col {
    text-align: center;
    height: 100%;
    padding: 12px;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 5px 10px 10px #00000014;
    border: 1px solid #e9e9e9
}
.mt-4{
margin-top: 48px;
}

.bespoke_soft_help .helpfeat_box_col img {
    background-color: #c0c933;
    padding: 13px 21px;
    border-radius: 50%;
    width: 108px;
    height: 108px;
    margin: auto
}

.helpfeat_box_col h2 {
    font-weight: 700;
    font-size: 26px;
    margin: 21px 0 14px
}

.mg_col {
    background: #4f0060 0% 0% no-repeat padding-box;
    border-radius: 10px;
    align-content: center
}

.crsl-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 33px;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 5px 10px 10px #00000014;
    border: 1px solid #e9e9e9;
    height: 380px
}

.owl-carousel .owl-item .crsl-item img {
    width: 85px;
    height: 91px
}

.industrytitle {
    font-size: 19px;
    font-weight: 600;
    line-height: 16px
}

.crsl-item:hover {
    background: #c0c933
}

.magento_commerce .container {
    padding: 2% 3%;
    background: #5c0075
}

.mg_row_sec {
    padding: 0 15px;
    justify-content: space-between
}

.magento_commerce .magento_commerce_inner {
    width: 100%;
    padding: 3% 14px 3% 0;
    color: #fff;
    margin: auto;
    max-width: 700px
}

.magento_commerce .magento_commerce_inner h2 {
    margin-bottom: 10px
}

.magento_commerce .magento_commerce_inner h2 span {
    color: #c2c901;
    font-weight: 700
}

.mg_row_sec .btn-cont button.small-btn {
    padding: 0 2.2rem
}

.btn-cont .btn-white {
    color: #5d0470 !important;
    background: #ffffff 0% 0% no-repeat padding-box;
    border-radius: 2px
}

.magento_right_exc {
    color: #fff;
    text-align: center;
    padding: 10px
}

.magento_right_exc h3 {
    font-weight: 700
}

.magento_right_exc img {
    width: 110px
}

@media screen and (max-width:1024px) {
    .magento_commerce .magento_commerce_inner h2 {
        padding: 0 20px 0 0
    }
}

@media screen and (max-width:992px) {
    .mg_row_sec {
        padding: unset;
        margin: unset;
        justify-content: center
    }

    .magento_commerce .magento_commerce_inner {
        text-align: center
    }

    .magento_commerce_inner p,
    .magento_commerce_inner .btn-cont {
        padding-left: 4%;
        padding-bottom: 10px
    }

    .col-3.mg_col {
        width: 100%;
        margin: 10px auto
    }
}

.techno_use_sec {
    padding: 67px 20px;
    text-align: center
}

.techno_use_sec .col-lg-4 {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 0 30px;
    flex: 0 0 auto;
    width: 33.33333333%
}

.techno_use_sec .col-lg-4:last-child {
    border-right: 0
}

.technology-heading {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    position: relative
}

.technology-heading h3 {
    font-size: 24px;
    font-weight: 600;
    width: fit-content;
    padding-bottom: 11px
}

.technology-heading h3:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 40%;
    background-color: #c0c933;
    width: 20%;
    height: 3px;
    display: block
}

.techno_use_sec .btn-group {
    display: flex;
    gap: 0 14px;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px
}

.btn-group {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.techno_use_sec .btn-group span {
    padding: 6px 20px;
    border: 1px solid #c2c901;
    border-radius: 3px;
    display: flex;
    align-items: center
}

.mb-81 {
    margin-bottom: 81px
}

@media (max-width:991px) {
    .techno_use_sec .row>* {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%
    }

    .techno_use_sec .col-lg-4 {
        width: 100%
    }

    .technology-heading h3 {
        padding-top: 30px;
        font-size: 18px
    }

    .techno_use_sec .col-lg-4 {
        border-right: 0
    }

    .mb-81 {
        margin-bottom: 21px
    }

    .technology-heading {
        margin-bottom: 15px
    }
}

.breadcrumb {
    margin-bottom: 0 !important;
    margin-left: 0
}

.after_hero_sec {
    padding-top: 52px;
    padding-bottom: 28px
}

.robust-technology {
    padding: 60px 0
}

.robust-technology .col-lg-4 {
    display: flex;
    flex-direction: column;
    gap: 71px;
    flex: 1;
    padding: 0 15px
}

.box-technology {
    text-align: center;
    height: 100%;
    position: relative
}

.robust-technology .btn-group {
    display: flex;
    gap: 0 14px;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px
}

.robust-technology .btn-group span {
    padding: 8px 15px;
    border: 1px solid #c2c901;
    border-radius: 3px;
    display: flex;
    align-items: center;
    font-weight: 600
}

.servie_grid_box .service-box .service-img {
    margin-bottom: 20px !important
}

.servie_grid_box.services h3 {
    margin-bottom: 10px !important
}

ul.seo-listings {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 20px;
    position: relative;
    justify-content: center;
    padding: 15px 0 0 0
}

.seo-listings li {
    font-size: 18px;
    font-weight: 600;
    font-family: "Montserrat";
    padding: 0 15px 0 0
}

.seo-listings li:last-child {
    border: none !important
}

.retail-row {
    align-items: center
}

.col-6.retail-content {
    padding: 50px
}

.bg-f9-sec {
    background: #f9f9f9 0% 0% no-repeat padding-box
}

.title_sec_mb {
    margin-bottom: 23px
}

.pb-35 {
    padding-bottom: 35px
}

.pd-20 {
    padding: 0 20px !important
}

.right_list_items_leaf ul {
    padding: 0 0 10px;
    margin-top: 0;
    position: relative
}

.right_list_items_leaf ul:before {
    content: "";
    position: absolute;
    left: -4px;
    top: 9px;
    border-left: 2px dashed #707070;
    height: 100%
}

.right_list_items_leaf ul li {
    position: relative;
    display: block;
    padding-left: 45px;
    margin-top: 30px
}

.right_list_items_leaf ul li:first-child {
    margin-top: 0
}

.right_list_items_leaf ul li:before {
    content: "";
    background-image: url(../images/software-team/chilliapple-leaf-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 27px;
    height: 24px;
    padding: 1.7em;
    position: absolute;
    left: -44px;
    top: -10px;
    transform: scale(.8);
    background-color: #baca34;
    border-radius: 50%
}

.right_list_items_leaf ul li:hover:before {
    background-color: #fff;
    background-image: url(../images/erp-software/chilliapple-leaf-01.svg);
    background-size: 50%
}

.right_list_items_leaf ul li h3 {
    font-size: 1.1rem
}

.right_list_items_leaf ul li ul {
    padding-left: 20px
}

.right_list_items_leaf ul li ul:before {
    display: none
}

.right_list_items_leaf ul li ul li:before {
    display: none
}

.right_list_items_leaf ul li ul li {
    margin-top: 10px;
    padding-left: 0;
    display: list-item;
    list-style: disc
}

.list-items-leaf.why-points-list-leaf {
    justify-content: space-between;
    gap: 20px
}

.why-points-list {
    flex: 1
}

.black-bg {
    background: #000
}

.text-white {
    color: #fff
}

.new-h2 {
    color: #fff
}

.pd_lf_70 {
    padding-left: 70px
}

.robust-technology .btn-group span {
    font-size: 14px
}

.right-tick-green ul li:first-child {
    margin-top: 0
}

.right-tick-green ul li {
    position: relative;
    display: block;
    padding-left: 0;
    margin-top: 30px;
    text-align: left;
    line-height: 1.5
}

.right-tick-green ul li:before {
    content: "";
    background-image: url(../images/icons/leaf-circle.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 37px;
    height: 37px;
    position: absolute;
    left: -43px;
    top: -6px;
    transform: scale(.8);
    background-color: #c2c904;
    border-radius: 50%
}

.top-right-tick ul li:before {
    top: -8px
}

h2.head_wid {
    width: 100%
}

.top-right-tick h3 {
    font-size: 16px;
    margin-bottom: 0
}

.img-full img {
    height: 100%;
    object-fit: cover
}

.label-hidden {
    position: absolute;
    left: -99999px
}

@media (min-width:992px) {
    .box-technology:before {
        position: absolute;
        border-right: 1px solid #cecece;
        top: 0;
        right: -16px;
        content: "";
        width: 100%;
        height: 100%
    }

    .col-lg-4:last-child .box-technology:before {
        display: none
    }
}

@media screen and (max-width:1024px) {
    .whatmakes-distinctive .left_side_stick h2 {
        padding: 0 20px 0 0
    }
}

@media (max-width:1550px) {
    .robust-technology .btn-group span {
        font-size: 12px
    }
}

@media (max-width:1199px) {
    .robust-technology .btn-group span {
        font-size: 14px
    }
}

@media (max-width:991px) {
    .robust-technology .col-lg-4 {
        border: 0;
        margin-bottom: 20px;
        gap: 30px;
        flex-direction: column;
        width: 100%;
        flex: 0 0 auto;
        justify-content: center
    }

    .box-technology {
        text-align: center;
        border-right: 0;
        padding: 0 20px;
        width: 100%
    }
}

@media (max-width:767px) {
    .after_hero_sec {
        padding-top: 30px;
        padding-bottom: 22px
    }

    .why-points-list {
        flex: unset
    }

    .pd_no {
        padding: 0 15px !important
    }
}

@media (max-width:1199px) {
    .robust-technology .btn-group {
        flex-wrap: wrap;
        gap: 15px
    }
}

@media screen and (max-width:991px) {
    .right_list_items_leaf ul li:before {
        transform: scale(.7);
        top: -6px
    }

    .m_pd_l_r {
        padding: 0 20px
    }
}

.pd_no {
    padding: 0
}

.pd_lr_no {
    padding-left: 0 !important;
    padding-right: 0 !important
}

@media screen and (min-width:1200px) {
    .percent_80_center {
        max-width: 80%;
        margin: 0 auto 23px;
        text-align: center
    }

    .percent_80 {
        max-width: 80%
    }
}

@media screen and (min-width:426px) {
    .seo-listings li {
        border-right: 1px solid #000000
    }
}

@media screen and (max-width:425px) {
    .seo-listings li {
        border-right: none !important
    }
}

.mar_t_3_12 {
    margin-bottom: -3%
}

@media screen and (max-width:479px) {
    .mar_t_3_12 {
        margin-bottom: -12%
    }
}

@media (max-width:767px) {
    .pd_lf_70 {
        padding-left: 40px;
        margin-top: 50px
    }

    .right_list_items_leaf ul:before {
        left: -8px
    }
}

@media (min-width:480px) and (max-width:980px) {
    .col-6.supporrt-left {
        display: none
    }

    .col-6.wid1 {
        width: 100%
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .magento_commerce_inner h2 {
        padding: 0 10px 0 0 !important
    }
}

@media (max-width:1024px) {
    .whatmakes-distinctive.bld_sol {
        margin-top: 0
    }
}

.col-lg-4:last-child .box-technology {
    border-right: 0
}

.left_side_stick {
    position: sticky;
    top: 30px;
    padding-bottom: 0;
    padding-left: 15px
}

.support_box_col.outsourcing-model {
    box-shadow: 5px 10px 10px #00000014;
    border: 1px solid #e9e9e9;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 0;
    align-items: center;
    gap: 14.9px
}

.support_box_col.outsourcing-model img {
    height: 79px
}

.support_box_col.outsourcing-model:hover img {
    filter: invert(1)
}

.support_box_col.outsourcing-model:hover {
    background: #5c0375;
    color: #fff
}

.outsource-row-model.owl-carousel .owl-nav .owl-next {
    right: -35px !important
}

.outsource-row-model.owl-carousel .owl-nav .owl-prev {
    left: -35px !important
}

@media screen and (max-width:1650px) {
    .outsource-row-model.owl-carousel .owl-nav .owl-next {
        right: -35px !important
    }

    .outsource-row-model.owl-carousel .owl-nav .owl-prev {
        left: -35px !important
    }
}

.outsource-row-model .owl-stage {
    display: flex
}

.support_box_col.outsourcing-model h3 {
    font-size: 18px;
    margin-bottom: 0
}

.outsource-row-model .owl-stage .item {
    height: 100%;
    padding: 0 7px
}

@media (max-width:1255px) {
    .outsource-row-model.owl-carousel .owl-nav .owl-next {
        right: -1px !important
    }

    .outsource-row-model.owl-carousel .owl-nav .owl-prev {
        left: -1px !important
    }
}

@media (max-width:557px) {
    .outsource-row-model .col-4 {
        width: 100%
    }
}

.mvp-grey-bg {
    background: #f9f9f9 !important
}

.mar-t-20 {
    margin-top: 20px
}

.partner_in_logo {
    height: 90px;
    width: auto;
    background-color: #fff;
    padding: 20px;
    margin-bottom: 10px
}

@media screen and (max-width:991px) {
    .partner_in_logo {
        height: 75px
    }
}

@media screen and (max-width:479px) {
    .partner_in_logo {
        height: 50px;
        padding: 10px
    }
}

.why_part_sec {
    background-color: #000;
    color: #fff
}

.why_part_sec .right-tick-green ul {
    background: #272727 0% 0% no-repeat padding-box;
    box-shadow: 5px 10px 10px #00000014;
    border: 1px solid #4E4E4E;
    padding: 20px 24px 6px 50px
}

.why_part_sec .right-tick-green ul li:before {
    top: -3px
}

@media screen and (max-width:1024px) {
    .why_part_sec h2 {
        padding-left: 0
    }
}

.who_help_sec .box_new .col-4 .service-box {
    background: #5D0470 0% 0% no-repeat padding-box;
    box-shadow: 5px 10px 10px #00000014;
    color: #fff;
    border: 1px solid #5D0470
}

.who_help_sec .box_new .col-4:nth-child(odd) .service-box {
    background: #5D04700A 0% 0% no-repeat padding-box;
    box-shadow: 5px 10px 10px #00000014;
    border: 1px solid #5D0470;
    color: #000
}

.no-border-cta.lets-connect .lets-connect-inner:after {
    border: none
}

.bg-blk {
    background-color: #000000;
    color: #ffffff
}

.ai_cta_sec .btn-border-green {
    background-color: #ffffff;
    color: #5D0470 !important;
    font-weight: 700
}

.ai_cta_sec .btn-border-green:hover {
    background: #838800 0% 0% no-repeat padding-box;
    border: 1px solid #C2C901;
    color: #ffffff !important
}

.icon-img-green {
    position: relative;
    font-size: 35px;
    font-weight: 800;
    color: #fffff5;
    -webkit-text-stroke: 2px #C0C933;
    paint-order: stroke fill;
    padding-bottom: 50px
}

.icon-img-green:before {
    content: "";
    background-image: url(../images/icons/leaf-circle.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 37px;
    height: 37px;
    position: absolute;
    left: 50%;
    border-radius: 50%;
    top: 40px;
    transform: translateX(-50%);
    background-color: #c2c904;
    z-index: 2
}

.ai-auto-step .services {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 50px
}

ul.inner-dot li::marker {
    font-size: 24px
}

.btn-lg-white-green {
    background-color: #ffffff;
    color: #5b0072 !important;
    border: none;
    padding: 0 2.75rem;
    border-radius: 2px
}

.btn-lg-white-green:hover {
    border: 1px solid #C2C901;
    background-color: #838800;
    color: #fff !important
}

@media screen and (max-width:1024px) {
    .btn-lg-white-green {
        padding: 0 2rem
    }
}

.mentain-block {
    display: flex;
    gap: 15px
}

.mentain-block .ment-blok span {
    color: #C2C905;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600
}

.mentain-block .ment-blok {
    padding: 20px 10px 10px;
    background: #00000008 0% 0% no-repeat padding-box;
    border: .5px solid #6C6C6C;
    border-radius: 5px;
    opacity: 1;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    width: 40%
}

a.readmore-link {
    position: absolute;
    text-decoration: none;
    color: #000;
    font-weight: 700;
    bottom: 35px
}

.readmore-link:after {
    position: absolute;
    content: "";
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3.5px;
    top: 4px;
    right: -18px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.txt-med {
    font-size: 26px
}

.leaf-icon-img {
    position: relative
}

.leaf-icon-img:before {
    content: "";
    background-image: url(../images/icons/leaf-circle.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 37px;
    height: 37px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    background-color: #c2c904;
    border-radius: 50%
}

.head-sup-pack {
    margin-top: 50px
}

.purple-white-sec {
    background-color: #5C0375;
    color: #fff;
    padding: 60px !important
}

.support-layout .purple-white-sec .right-tick-green li:before {
    background-image: url('../images/white-check-icon.svg')
}

.support-layout .purple-white-sec .right-tick-green li {
    line-height: 28px
}

.border-11 {
    border: 11px solid #FFFFFF
}

@media screen and (max-width:991px) {
    .mentain-block {
        flex-direction: column;
        justify-content: center
    }

    .mentain-block .ment-blok {
        width: 100%
    }

    .mentain-block .ment-blok span {
        font-size: 18px
    }

    .readmore-link:after {
        padding: 2.5px;
        top: 3px;
        right: -14px
    }

    .purple-white-sec {
        padding: 40px !important
    }
}

@media screen and (max-width:479px) {
    .txt-med {
        font-size: 19px
    }
}

.black-white-sec {
    background-color: #000;
    color: #fff
}

@media screen and (max-width:767px) {
    h2.head_wid {
        padding: 0 30px 0 0
    }

    .outsource-row-model.owl-carousel .owl-nav .owl-prev,
    .outsource-row-model.owl-carousel .owl-nav .owl-next {
        display: none
    }
}

ul.platform-partner img {
    width: 218px
}

.ecommerce_variant.feat_service_box .box_new .service-box {
    padding-bottom: 30px
}

.service-box img {
    width: 70px
}

.partner-logo.partner-main-logo img {
    width: 320px
}

@media (max-width:767px) {
    .ecommerce_variant .services.box_new {
        margin-top: 2px
    }
}

@media (max-width:1200px) {
    .partner-logo.partner-main-logo img {
        width: 220px
    }
}

.lets-connect.plane-cta .lets-connect-inner:after {
    display: none
}

.lets-connect.plane-cta .mini-container {
    padding: 0 15px !important
}

.lets-connect.plane-cta .lets-connect-inner .btn.btn-border-green {
    background-color: #ffffff;
    color: #5b0072 !important;
    border: none;
    min-width: 200px
}

.lets-connect.plane-cta .lets-connect-inner .btn.btn-border-green:hover {
    background-color: #c3cc33;
    color: #ffffff !important
}

@media (max-width:1024px) {
    .lets-connect.plane-cta .lets-connect-inner .btn.btn-border-green {
        min-width: 120px
    }
}

.ecommerce_variant.price_mod .box_new .service-box {
    padding-bottom: 30px;
    padding-top: 90px;
    background-color: #FAFAFA;
    border: 1px solid #E9E9E9;
    box-shadow: none
}

.icon_leaf_circle {
    content: "";
    background-image: url(../images/icons/leaf-circle.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    width: 48px;
    height: 50px;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%) scale(.8);
    background-color: #c2c904;
    border-radius: 50%
}

.magento-flex.mol_hsec {
    float: left;
    width: 100%;
    display: initial !important;
    align-items: center;
    justify-content: center;
    flex-direction: row
}

.shiptheory_payment-logo {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap
}

.payment-logo {
    height: auto;
    border-radius: 10px;
    width: 100px
}

.mini_logo {
    padding-top: 30px;
    padding-bottom: 30px
}

@media (max-width:1200px) {
    .shiptheory_payment-logo {
        gap: 15px
    }

    .payment-logo {
        width: 40px
    }
}

@media (max-width:992px) {
    .shiptheory_payment-logo {
        gap: 10px;
        display: inline-flex;
        margin-top: 30px;
        width: 100%
    }
}

@media (max-width:767px) {
    .services.img-left.mob.services_slider {
        margin-top: 12px !important
    }

    .services.img-left.mob.services_slider .col-4 {
        height: 100%
    }

    .services.img-left.mob.services_slider .service-box {
        padding: 20px 16px !important;
        border: #F4F4F4 solid 1px !important;
        margin-bottom: 0 !important;
        height: 100%
    }

    .magento-service_m .mobile-p {
        text-align: left !important;
        padding: 0;
        font-size: 14px;
        line-height: 160%;
        color: #444444
    }

    .magento-service_m h2.mar-b-30 {
        margin-bottom: 10px
    }

    .services.img-left.mob.services_slider .service-box .service-img {
        position: relative;
        left: 0;
        top: 0;
        padding: 0;
        max-width: 60px
    }

    .services.img-left.mob.services_slider .owl-nav {
        display: flex;
        gap: 0 4px;
        margin: 32px 5px 5px 5px
    }

    .services.img-left.mob.services_slider .owl-nav button {
        width: 48px;
        height: 48px;
        border: none;
        background: #fff;
        border: #fff solid 1px !important;
        box-shadow: 0 4px 12px 0 #0000000D
    }

    .services.img-left.mob.services_slider .owl-nav button svg {
        opacity: .75
    }

    .services.img-left.mob.services_slider .owl-nav button:hover svg {
        opacity: 1
    }

    .services.img-left.mob.services_slider .owl-nav button:hover {
        box-shadow: 0 4px 12px 0 #0000000D
    }

    .accelerate_box {
        text-align: center;
        margin: 100px 0 !important;
        border: 1px solid rgba(255, 255, 255, .5) !important
    }

    .accelerate_box h2 {
        padding: 0;
        text-align: center
    }

    .magento-service_m h2.mar-b-30 {
        font-size: clamp(1.25rem, -.4521rem + 8.5106vw, 1.75rem);
        padding: 0 15px 0 15px
    }

    .accelerate_box h2 {
        padding: 0;
        margin-bottom: 4px;
        font-size: 24px;
        line-height: 150%
    }

    .btn-cont a {
        font-size: 14px
    }

    .mob_view {
        display: none
    }

    .service-box h3 {
        font-size: 20px
    }

    .service-img {
        margin-bottom: 16px
    }

    .startup-to-business.mar-t-70 {
        margin-top: 0
    }

    .startup-to-business h2 {
        font-size: 26px;
        padding: 0;
        margin: 0 0 10px 0;
        text-align: center !important
    }

    .startup-to-business p {
        font-size: 14px;
        line-height: 160%;
        text-align: left
    }

    .startup-to-business p a {
        color: #4F0060;
        font-weight: 600
    }

    .header .mobmenu-open {
        margin-top: 0
    }

    .header {
        padding: 0 0 0
    }

    .logo img {
        position: relative;
        top: 4px
    }

    .herobanner.home .herobanner-content {
        text-align: left
    }

    .banner-review-block {
        margin-top: 48px !important
    }

    .paragraph-cont {
        font-size: 16px;
        color: #fff;
        font-weight: 400;
        margin-bottom: 0;
        line-height: 26px;
        letter-spacing: -2%
    }

    .herobanner-content.new-content-layout a.small-btn {
        background-color: #c2c900;
        color: #2B2B2B !important;
        border: 2px solid #c2c900;
        line-height: 41px;
        height: 41px;
        font-size: 14px !important
    }

    .herobanner-content.new-content-layout a.small-btn span {
        font-size: 14px !important
    }

    .new-content-layout a span {
        font-size: 14px !important
    }

    .brands.mobile h2 {
        font-size: 28px;
        color: #2B2B2B
    }

    .header .call-info {
        display: none
    }

    .brands.mobile {
        padding: 48px 15px 48px;
        margin-top: 15px;
        margin-bottom: 0
    }

    h2 {
        font-size: 28px;
        color: #2B2B2B
    }

    .wantto-see {
        margin-top: 48px
    }

    .wantto-see .owl-theme .owl-nav+.owl-dots {
        text-align: left
    }

    .toolsused h2,
    .what-client-says1 h2 {
        text-align: left !important;
        padding-left: 0;
        text-align: left
    }

    .what-client-says1 .client-says1 .testimonial-content {
        justify-content: left;
        text-align: center
    }

    .what-client-says1 .client-says1 .testimonial-content p {
        text-align: left
    }

    .what-client-says1 .client-says1 .testimonial-content .testo-cont {
        text-align: left
    }

    .what-client-says1 .owl-theme .owl-dots .owl-dot span {
        width: 8px;
        border-radius: 8px;
        height: 8px;
        margin: 5px
    }

    .what-client-says1 .owl-theme .owl-dots .owl-dot.active span {
        width: 29px
    }

    .what-client-says1 .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 25px;
        text-align: left
    }

    .what-client-says1 .owl-theme .owl-dots {
        margin-top: 25px;
        text-align: left
    }
}

@media (max-width:991px) {

    .brands.clients ul li span,
    .brands.clients ul li span:hover,
    .brands.clients ul li span img,
    .brands.clients ul li span img:hover {
        filter: none !important
    }

    .client-logo-marquee .brand-track:hover {
        animation-play-state: paused
    }

    .client-logo-marquee .brand-marquee {
        overflow: hidden;
        width: 100%;
        position: relative
    }

    .client-logo-marquee .brand-track {
        display: flex;
        align-items: center;
        gap: 28px;
        width: max-content;
        animation: clientMarquee 22s linear infinite;
        will-change: transform;
        padding: 0;
        margin: 0;
        list-style: none;
        flex-wrap: nowrap
    }

    .brands.clients.client-logo-marquee .brand-track li {
        flex: 0 0 auto !important;
        width: 120px !important;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .client-logo-marquee .brand-track span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%
    }

    .client-logo-marquee .brand-track img,
    .client-logo-marquee .brand-track svg {
        max-width: 100%;
        height: 42px;
        width: auto;
        object-fit: contain;
        display: block
    }

    @keyframes clientMarquee {
        from {
            transform: translateX(0)
        }

        to {
            transform: translateX(-50%)
        }
    }
}

.footer_logos.mobile {
    display: none
}

@media(max-width:767px) {
    .what-client-says1 {
        padding: 48px 0;
        margin-top: 0
    }

    .what-client-says1 .owl-theme .owl-nav {
        position: absolute;
        width: 120px;
        right: 0;
        display: flex;
        justify-content: end
    }

    .what-client-says1 .owl-theme .owl-nav span {
        padding: 0 !important;
        line-height: normal !important;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0 !important
    }

    .what-client-says1 .owl-theme .owl-nav button.disabled {
        opacity: .4
    }

    .what-client-says1 .owl-theme .owl-nav button {
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--Neutrals-White, #FFF) !important;
        box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .05);
        line-height: normal;
        padding: 8px !important
    }

    .what-client-says1 .owl-theme .owl-dots {
        margin-top: 0
    }

    .brands.mobile {
        padding: 48px 15px 48px;
        margin-top: 15px;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        gap: 20px
    }

    .wantto-see {
        margin-bottom: 42px
    }

    .meet-the-team {
        padding: 20px 0
    }

    .team-slider-dots {
        display: flex;
        justify-content: center;
        gap: 0;
        margin-top: 23px
    }

    .team-slider-dots button.team-dot {
        width: 8px;
        border-radius: 8px;
        height: 8px;
        margin: 5px;
        background: #cfcfcf;
        padding: 0;
        background: #d6d6d6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s;
        border: 0
    }

    .team-slider-dots button.team-dot.active {
        width: 29px;
        background: #c2c900
    }

    .footer_logos.mobile {
        display: flex;
        flex-wrap: wrap
    }

    .footer_logos.mobile .logos-mobile-footer {
        display: flex;
        padding: 0;
        flex-wrap: wrap;
        gap: 16px 0;
        padding: 20px 0;
        justify-content: center
    }

    .footer_logos .logos-mobile-footer .item:first-child {
        flex: 0 0 50%
    }

    .footer_logos .logos-mobile-footer .item {
        flex: 0 0 33%;
        align-items: center;
        padding: 0 16px;
        position: relative
    }

    .footer_logos .logos-mobile-footer .item figure {
        min-height: fit-content
    }

    .footer_logos .logos-mobile-footer .item svg {
        width: 100%;
        height: 100%
    }

    .footer_logos:after {
        display: none
    }

    .footer_logos .logos-mobile-footer .item:before {
        content: "";
        position: absolute;
        top: 0;
        width: 1px;
        right: 0;
        background: #fff;
        opacity: .1;
        height: 100%;
        display: block;
        left: unset
    }

    .footer .lets-talk .lets-talk-add {
        padding-bottom: 48px
    }

    .advantage-box,
    .footer .copyright {
        padding: 16px 20px 96px
    }

    .footer .copyright p,
    .footer_location {
        font-size: 13px;
        line-height: 22.1px;
        letter-spacing: .4px;
        margin-bottom: 16px
    }

    .footer_location {
        font-size: 13px
    }

    .footer_location li:before {
        height: 13px;
        top: 0;
        left: 0
    }

    .footer_location li {
        margin: 0 0 16px;
        padding: 0 12px
    }

    .bannerFormOuter {
        display: none
    }

    .herobanner.innerpage-banner.formBanner {
        padding-top: 150px !important;
        padding-bottom: 48px !important
    }

    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont {
        text-align: left
    }

    .herobanner.innerpage-banner .bannerRow .herobanner-content h1 {
        font-size: 36px !important;
        line-height: normal !important;
        font-weight: 600
    }

    .herobanner.innerpage-banner .bannerRow .herobanner-content p {
        font-size: 14px !important
    }

    .mobile-slider-layout .owl-stage-outer {
        overflow: hidden;
        display: flex
    }

    .mobile-slider-layout .owl-stage-outer .owl-stage {
        display: flex
    }

    .mobile-slider-layout .owl-nav {
        display: flex;
        gap: 0 4px;
        margin: 32px 5px 5px 5px;
        padding-left: 16px
    }

    .mobile-slider-layout .owl-nav button {
        width: 48px;
        height: 48px;
        border: none;
        background: #fff;
        border: #fff solid 1px !important;
        box-shadow: 0 4px 12px 0 #0000000D
    }

    .mobile-slider-layout .owl-nav button svg {
        opacity: .75
    }

    .magento_commerce .magento_commerce_inner h2 {
        color: #fff !important;
        padding: 0;
        font-size: 24px;
        font-weight: 400 !important
    }

    .magento_commerce .magento_commerce_inner h2 span {
        display: inline-block !important;
        color: #fff !important
    }

    .mg_row_sec {
        flex-direction: column-reverse
    }

    .also-use-marquee .also-use-marquee-viewport {
        overflow: hidden;
        width: 100%;
        position: relative
    }

    .also-use-marquee .also-use-marquee-track {
        display: flex;
        align-items: stretch;
        gap: 24px;
        width: max-content;
        animation: alsoUseMarquee 30s linear infinite;
        will-change: transform
    }

    .also-use-marquee .also-use-box {
        flex: 0 0 auto;
        width: 180px
    }

    .also-use-marquee .box-logo {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .also-use-marquee .box-logo li {
        list-style: none
    }

    .also-use-marquee .box-logo-img {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .also-use-marquee .box-logo-img img {
        max-width: 100px;
        height: auto;
        display: block
    }

    .also-use-marquee .also-use-box h4 {
        text-align: center;
        margin-top: 12px
    }

    .also-use-marquee .also-use-marquee-track:hover {
        animation-play-state: paused
    }

    @keyframes alsoUseMarquee {
        from {
            transform: translateX(0)
        }

        to {
            transform: translateX(-50%)
        }
    }

    .techno_use_sec .crsl-item {
        height: auto !important
    }

    .techno_use_sec .crsl-item {
        padding-top: 48px !important;
        padding-bottom: 48px
    }

    .techno_use_sec .owl-carousel .owl-nav button.owl-next,
    .techno_use_sec .owl-carousel .owl-nav button.owl-prev {
        display: block !important
    }

    .techno_use_sec .owl-carousel#industry_crsl .owl-nav {
        display: flex;
        gap: 0 4px;
        margin: 32px 5px 5px 5px;
        padding-left: 0
    }

    .techno_use_sec .owl-carousel .owl-nav button.owl-next,
    .techno_use_sec .owl-carousel .owl-nav button.owl-prev {
        width: 48px;
        height: 48px;
        background: #fff;
        border: #fff solid 1px !important;
        box-shadow: 0 4px 12px 0 #0000000D;
        border-radius: 0 !important;
        position: relative;
        left: unset !important;
        right: unset !important;
        top: unset !important;
        transform: unset !important
    }

    .techno_use_sec .owl-carousel .owl-nav button.owl-next svg,
    .techno_use_sec .owl-carousel .owl-nav button.owl-prev svg {
        opacity: .75
    }

    section.wantto-see.mar-t-70 {
        position: relative
    }

    #case-study-slider.wanttosee-ourproject.owl-carousel .owl-nav {
        position: relative !important;
        top: unset !important;
        right: unset !important;
        display: flex
    }

    .wanttosee-ourproject .owl-stage-outer {
        padding: 20px 0 !important
    }

    .wantto-see .col-12.text-center.top-30:has(a) {
        position: absolute;
        right: 0;
        bottom: 0;
        width: max-content
    }

    .wantto-see .col-12.text-center.top-30 .btn {
        margin-bottom: 0 !important
    }

    .blog_three_col .mobile-slider-layout .owl-nav {
        margin-bottom: 0;
        display: none
    }

    .case-study-nav.col-4 {
        display: none
    }

    .blog_three_col .owl-dots {
        display: flex;
        justify-content: center;
        gap: 0;
        margin-top: 20px;
        padding-left: 12px;
        margin-bottom: 20px
    }

    .blog_three_col button.owl-dot {
        width: 8px;
        border-radius: 8px;
        height: 8px;
        margin: 5px;
        background: #cfcfcf;
        padding: 0;
        background: #d6d6d6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s;
        border: 0
    }

    .blog_three_col button.owl-dot.active {
        width: 29px;
        background: #c2c900
    }

    #case-study-slider.wanttosee-ourproject.owl-carousel .owl-nav button.owl-next,
    #case-study-slider.wanttosee-ourproject.owl-carousel .owl-nav button.owl-prev {
        width: 48px;
        height: 48px;
        background: #fff;
        border: #fff solid 1px !important;
        box-shadow: 0 4px 12px 0 #0000000D;
        border-radius: 0 !important;
        position: relative;
        left: unset !important;
        right: unset !important;
        top: unset !important;
        transform: unset !important
    }

    .services_slider.mobile-slider-layout .col-4 {
        width: 100%
    }

    .mobile-slider-layout .col-3 {
        width: 100%
    }

    .case-study-nav.col-4 {
        display: none !important
    }
}

@media(max-width:600px) {
    .footer_location li {
        margin: 0 0 16px;
        padding: 0 12px
    }

    .footer_location li:before {
        height: 13px;
        top: 0
    }
}

@media(max-width:574px) {
    .trustpilot-inner h2 {
        font-size: 32px
    }

    .bespoke-main .mean-mern-stack-technologies.also-use .also-use-inner .box-logo-container .also-use-box {
        flex: 0 0 130px !important
    }
}

@media (min-width:768px) {
    .team-members.owl-carousel .owl-dots {
        display: none !important
    }
}

@media(max-width:479px) {
    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont {
        text-align: left
    }
}

section.with-background-color {
    background: #f4f4f4;
    padding: 96px 15px
}

.proven-approach {
    max-width: 1600px;
    margin: 0 auto
}

.proven-approach .section-header {
    text-align: center;
    margin-bottom: 48px
}

.proven-approach .section-header p {
    max-width: 1120px;
    margin: 0 auto
}

.proven-approach .steps-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    background: #fff
}

.proven-approach .step-card {
    background: #fff;
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    border: 2px solid;
    position: relative;
    border-color: #C2C904 transparent transparent
}

.proven-approach .step-card:hover {
    border-color: #C2C904 #C2C904;
    z-index: 1
}

.proven-approach .step-badge {
    position: absolute;
    top: 0;
    right: 25.6px;
    background: #6b2fa0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 16px;
    border-bottom-left-radius: 6px;
    letter-spacing: .03em
}

.proven-approach .step-title {
    font-size: 1rem;
    font-weight: 700;
    color: #111;
    margin-bottom: .75rem;
    margin-top: .5rem;
    font-family: 'museo500';
    font-size: 24px
}

.proven-approach .step-text {
    font-size: 14px;
    color: #2B2B2B;
    line-height: 135%;
    flex: 1
}

.proven-approach .step-text p+p {
    margin-top: .5rem
}

.proven-approach .step-icon {
    margin-top: 1.25rem;
    color: #1a1a1a
}

.proven-approach .step-icon svg {
    width: 46px;
    height: 46px
}

@media (max-width:900px) {
    .proven-approach .steps-grid {
        grid-template-columns: repeat(3, 1fr);
        border-radius: 8px
    }

    .proven-approach .step-card {
        border-bottom: 1px solid #ddd
    }

    .proven-approach .step-card:nth-child(3n) {
        border-right: none
    }

    .proven-approach .step-card:nth-last-child(-n+2):nth-child(3n+1),
    .proven-approach .step-card:last-child {
        border-bottom: none
    }
}

@media (max-width:600px) {
    .proven-approach {
        padding: 2rem 1rem
    }

    .proven-approach .steps-grid {
        grid-template-columns: 1fr
    }

    .proven-approach .step-card {
        border-right: none;
        border-bottom: 1px solid #ddd
    }

    .proven-approach .step-card:last-child {
        border-bottom: none
    }

    .proven-approach .step-card.active {
        border: 2px solid #f5c842
    }
}

p.sub-heading {
    font-size: 20px;
    font-weight: 600;
    line-height: 19.2px;
    letter-spacing: .4px;
    margin-bottom: 0 !important
}

p.sub-content {
    margin-bottom: 31px !important;
    display: inline-block
}

.price-box-col h3 {
    font-size: 32px;
    line-height: 110%;
    letter-spacing: .4px
}

.service-box.price-box-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px 31px;
    padding-bottom: 0 !important;
    border: 4px solid transparent
}

.service-box.price-box-col:hover {
    border: 4px solid #C2C904
}

.service-box.price-box-col:hover .bottom-image {
    opacity: 0
}

.service-box.price-box-col .btn-cont {
    position: relative !important;
    bottom: 0 !important;
    margin-top: 33px
}

.content-price {
    flex: 1
}

.price-content-top {
    display: flex;
    flex-direction: column;
    height: 100%
}

.service-box.price-box-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px 31px;
    padding-bottom: 0 !important
}

.bottom-image {
    position: relative;
    bottom: -7px
}

@media(max-width:1195px) {
    .bottom-image {
        width: 100%;
        display: flex
    }
}


:root {
  --ca-black: #060606;
  --ca-black-80: #2b2b2b;
  --ca-violet: #5c0375;
  --ca-green: #c2c904;
  --ca-button-green: #c2c900;
  --ca-white: #ffffff;
  --ca-page-bg: #ffffff;
  --ca-cta-shadow:
    -176px 127px 61px rgba(193, 202, 49, 0),
    -113px 81px 56px rgba(193, 202, 49, 0.01),
    -63px 46px 47px rgba(193, 202, 49, 0.05),
    -28px 20px 35px rgba(193, 202, 49, 0.09),
    -7px 5px 19px rgba(193, 202, 49, 0.1);
}

.cta-container{
    display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 30px 0px;
}

.small-contianer {
  width: min(100%, 940px);

}



.ca-cta {
  width: 100%;
  min-height: 229px;
  padding: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(32px, 7.8vw, 150px);
  overflow: hidden;
  background: var(--ca-white);
  border: 1px solid var(--ca-green);
  box-shadow: var(--ca-cta-shadow);
}

.ca-cta__copy {
  
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}

.ca-cta__title {
  margin: 0;
  color: var(--ca-violet);
  font-family: Museo500;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.4px;
  max-width: 412px;
}

.ca-cta__text {
  margin: 0;
  color: var(--ca-black-80);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

/* .partner-logos{display: flex;gap:60px; align-items: center;justify-content: space-between;margin-top: 28px;}
.partner-logos span{display: flex; width: auto;height:40px;}
.partner-logos span img{width: 100%;height:100%;}
.partner-logos span svg{width: 100%;height:100%;} */

.marquee-outer {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: none;
  }

  .marquee-outer::before,
  .marquee-outer::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80px;
    z-index: 2;
    pointer-events: none;
  }

  .marquee-outer::before {
    left: 0;
    background: linear-gradient(to right, #ffffff, transparent);
  }

  .marquee-outer::after {
    right: 0;
    background: linear-gradient(to left, #ffffff, transparent);
  }

  .marquee-track {
    display: flex;
    align-items: center;
    gap: 48px;
    width: max-content;
    animation: marquee-scroll 28s linear infinite;
  }

  .marquee-track:hover {
    animation-play-state: paused;
  }

  .marquee-track span {
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }

  .marquee-track span img,
  .marquee-track span svg {
    display: block;
    max-height: 40px;
    width: auto;
  }
.partner-logos-wrapper {
    overflow: hidden;
    width: 100%;
    margin-top: 13px;
}
  @keyframes marquee-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }

  .static-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 60px;
    justify-content: center;
  }

  .static-logos span {
    display: flex;
    align-items: center;
  }

  .static-logos span img,
  .static-logos span svg {
    display: block;
    max-height: 40px;
    width: auto;
  }

  /* Below 1200px: show marquee, hide static */
  @media (max-width: 1200px) {
    .marquee-outer  { display: block; }
    .static-logos   { display: none;  }
  }

  .automate-column-container {
    display: flex;
    margin-top: 33px;
}



.automate-box {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    gap:8px;
    padding: 16px;
}
.automate-box h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 135%;
}
.btn-group-why {
    display: flex;
    gap: 24px;
    margin-top: 25px;
}

.resolve-section h2 {
    margin-bottom: 16px;
}

.resolve-slider {
    margin-top: 33px;
}

.resolve-box {
    display: flex;
   
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    background: #FFF;
    box-shadow: 5px 10px 10px 0 rgba(0, 0, 0, 0.08);
    height: 100%;
}

.resolve-box p {
    margin-bottom: 0;
}

.resolve-box h3 {
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: 600;
}

.resolve-slider .owl-stage {
  display: flex;
}

.resolve-slider .owl-item {
  display: flex;
  flex: 1 0 auto;
}

.resolve-slider .owl-item > * {
  width: 100%;
  display: flex;
  flex-direction: column;
}
/* Position arrows on the corners */
.resolve-slider {
  position: relative;
}

.resolve-slider.owl-carousel .owl-nav {
  margin: 0;
}

.resolve-slider.owl-carousel .owl-nav .owl-prev,
.resolve-slider.owl-carousel .owl-nav .owl-next {
 position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background: #fff !important;
    border-radius: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    box-shadow: 0 5.333px 16px 0 rgba(0, 0, 0, 0.05);
}
.resolve-slider.owl-carousel .owl-nav .owl-prev span,
.resolve-slider.owl-carousel .owl-nav .owl-next span {
    /* font-size:25px; */
    line-height: normal;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.resolve-slider.owl-carousel .owl-nav .owl-prev span, .resolve-slider.owl-carousel .owl-nav .owl-next span {
    font-size: 0;
    line-height: normal;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-weight: 300;
    width: 13px;
    height: 23px;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
}

.resolve-slider.owl-carousel .owl-nav .owl-prev span{
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="23" viewBox="0 0 13 23" fill="none"><path d="M11.5 0.833496L0.833333 11.5002L11.5 22.1668" stroke="%232B2B2B" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');

}

 .resolve-slider.owl-carousel .owl-nav .owl-next span {
    
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="23" viewBox="0 0 13 23" fill="none"><path d="M0.833008 0.833496L11.4997 11.5002L0.833008 22.1668" stroke="%232B2B2B" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
   
}
/* .resolve-slider.owl-carousel .owl-nav .owl-prev {
  left: -22px;
}

.resolve-slider.owl-carousel .owl-nav .owl-next {
  right: -22px;
} */

/* Disabled arrow state */
.resolve-slider.owl-carousel .owl-nav .disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

.resolve-slider.owl-carousel .owl-nav .owl-prev i, .resolve-slider.owl-carousel .owl-nav .owl-next i{
     position: unset;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"><path d="M14.2227 7.11133L24.8893 17.778L14.2227 28.4447" stroke="%232B2B2B" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        background-size: 100% !important;
    background-repeat: no-repeat !important;
    margin: 0 !important;
    width:20px;
    height: 20px;
}

.resolve-slider.owl-carousel .owl-nav .owl-next{
right:-55px;
}

.resolve-slider.owl-carousel .owl-nav .owl-prev{
    left:-55px;
}

.resolve-slider.owl-carousel .owl-nav .owl-prev i{
    transform: rotate(180deg);
}

@media screen and (max-width: 1650px) {

   
    .resolve-slider.owl-carousel .owl-nav .owl-next{
right:-55px !important;
}

.resolve-slider.owl-carousel .owl-nav .owl-prev{
    left:-55px !important;
}
}


@media screen and (max-width: 1363px) {
     .resolve-slider.owl-carousel .owl-nav .owl-prev, .resolve-slider.owl-carousel .owl-nav .owl-next {
    
    width: 35px;
    height: 35px;
}
    .resolve-slider.owl-carousel .owl-nav .owl-next{
right:-20px !important;
}

.resolve-slider.owl-carousel .owl-nav .owl-prev{
    left:-20px !important;
}
}


.resolve-box .list-items-leaf ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.resolve-box .list-items-leaf ul li {
    position: relative;
    display: block;
    padding-left: 40px;
    margin-top: 0;
    color: #39383F;
    font-weight: 600;
}

.work-with-section{
    background: #5C0375;
    color:#fff;
    overflow: hidden;
}

.automate-custom-service {
    overflow: hidden;
}

.who-we-row{
    display: flex;
    align-items: center;
    gap:24px;
    flex-wrap: unset;
}

.work-with-section p{
    color:#fff;
}

.who-we-right {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}
.who-we-colmn{
    display: flex;
    flex-direction: column;
flex:0 0 47.9%;
padding: 32px;
border: 1px solid #E9E9E9;
background: #FFF;
box-shadow: 5px 10px 10px 0 rgba(0, 0, 0, 0.08);
gap: 10px;
}

.points-content h3 {
    color: #000;
    font-size: 19px;
    font-weight: 600;
}
.points-content span {
    font-size: 15px;
}
.who-we-colmn p{
    color:#000;
}

a.btn.btn-green.cta-btm {
    width: fit-content;
    margin-top: 16px;
    color: #060606;
    letter-spacing: 0.4px;
}

a.btn.btn-green.ca-cta-top {
    color: #060606;
    letter-spacing: 0.4px;
}

a.btn.btn-green.case-btn {
    color: #060606;
    letter-spacing: 0.4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    height: 38px;
}

a.btn.btn-border-white.small-btn.case-small {
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    height: 38px;
}

.cta-bottom {
    padding: 0 48px;
    gap: clamp(32px, 4.8vw, 97px);
}

.cta-title-btm{
max-width: fit-content;
}

.why-us.recent-work-n {
    background: #5C0375;
    color: #fff;
}

.recent-work-header h2
{
margin-bottom: 20px !important;
}

.recent-work-header{
    margin-bottom: 48px;
}
.recent-work-n h3{
    font-size: 24px;
    margin-bottom: 0;
}
.recent-work-n .list-items-leaf ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    /* width: 68%; */
}

.recent-work-n .list-items-leaf li{
        padding-left: 37px;
    position: relative;
    font-weight: 600;
    margin-top: 0px;
}

.recent-work-n .list-items-leaf li p{
       margin-bottom: 0px;
}

.ai-left {
    padding: 0 16px;
}

.automate-heading h2 {
    max-width: 754px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
}

p.automate-last {
    margin-bottom: 0;
}

.recent-work-n .list-items-leaf li:before{
    width: 24px;
    height: 24px;
    top: 0;
   
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="%23C2C904"/><path d="M19.5503 5.20264C19.0302 5.9718 18.2705 6.54887 17.3885 6.8447C13.8369 8.33231 11.5211 7.61409 7.66059 10.4358C4.93225 12.437 4.4693 16.4896 4.41797 18.6442C5.2471 16.6497 6.57642 14.9008 8.2785 13.5655C11.7788 10.9494 13.7856 10.7949 13.7856 10.7949C11.8513 11.846 10.0967 13.1967 8.58747 14.7963C7.48001 15.9246 6.65165 17.2947 6.1681 18.7977C6.27077 18.7466 6.3221 18.6954 6.42572 18.6954C8.99911 17.6181 12.0345 18.2339 14.8151 15.669C20.2709 10.7428 19.5503 5.20264 19.5503 5.20264Z" fill="white"/></svg>');
       background-size: 100%;
    background-repeat: no-repeat;
     transform: none !important;
    }

    .btn-border-white {
    background-color: transparent;
    color: #ffffff;
    border: 2px solid #fff;
}
.new_ser_box {
    display: flex;
    flex-direction: column;
    justify-content: start;
    text-align: left;
}

.new_ser_box p{
    margin-bottom: 0px;
}

.helpfeat_box_col.left-text {
    display: flex;
    flex-direction: column;
    padding: 12px !important;

}

.helpfeat_box_col.left-text span {
    width: 100%;
    min-height: 189px;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 32px 63px 44px;
    height: 189px;
}

.review-bg {
    background: #f4f4f4;
    padding: 30px 0px;
}

.resolve-slider .list-items-leaf ul li:before{
width: 24px;
    height: 24px;
    top: 0;
   
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="%23C2C904"/><path d="M19.5503 5.20264C19.0302 5.9718 18.2705 6.54887 17.3885 6.8447C13.8369 8.33231 11.5211 7.61409 7.66059 10.4358C4.93225 12.437 4.4693 16.4896 4.41797 18.6442C5.2471 16.6497 6.57642 14.9008 8.2785 13.5655C11.7788 10.9494 13.7856 10.7949 13.7856 10.7949C11.8513 11.846 10.0967 13.1967 8.58747 14.7963C7.48001 15.9246 6.65165 17.2947 6.1681 18.7977C6.27077 18.7466 6.3221 18.6954 6.42572 18.6954C8.99911 17.6181 12.0345 18.2339 14.8151 15.669C20.2709 10.7428 19.5503 5.20264 19.5503 5.20264Z" fill="white"/></svg>');
       background-size: 100%;
    background-repeat: no-repeat;
     transform: none !important;
}

.list-items-leaf ul.why-choose-list {
    flex-direction: unset;
    flex-wrap: wrap;
    gap: 16px;
    display: flex;
    margin-top: 10px;
}

.list-items-leaf ul.why-choose-list li {
    flex: 49%;
    margin-top: 0;
    margin-bottom: 0;
    color: #39383F;
    font-weight: 600;
}

.list-items-leaf ul.why-choose-list li p {
   
    margin-bottom: 0;
}

.list-items-leaf ul.why-choose-list li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="%23C2C904"/><path d="M19.5503 5.20264C19.0302 5.9718 18.2705 6.54887 17.3885 6.8447C13.8369 8.33231 11.5211 7.61409 7.66059 10.4358C4.93225 12.437 4.4693 16.4896 4.41797 18.6442C5.2471 16.6497 6.57642 14.9008 8.2785 13.5655C11.7788 10.9494 13.7856 10.7949 13.7856 10.7949C11.8513 11.846 10.0967 13.1967 8.58747 14.7963C7.48001 15.9246 6.65165 17.2947 6.1681 18.7977C6.27077 18.7466 6.3221 18.6954 6.42572 18.6954C8.99911 17.6181 12.0345 18.2339 14.8151 15.669C20.2709 10.7428 19.5503 5.20264 19.5503 5.20264Z" fill="white"/></svg>');
    background-size: 100%;
    background-repeat: no-repeat;
    transform: none !important;
}

@media(max-width:1200px){
    .who-we-row
    {
        flex-wrap:wrap;
    }
}

/* Hide arrows on mobile (below 992px) */
@media (max-width: 991.98px) {
  .resolve-slider.owl-carousel .owl-nav {
    display: none;
  }
  .cta-container {
    padding:30px 15px;
  }
  .ca-cta{
    flex-direction: column;

  }
  .ca-cta__title {
    text-align: center;
    max-width: 100%;
  }
  .ca-cta__copy {
    align-items: center;
  }
  .automate-custom-service .col-4 {
    margin-bottom: 30px;
}
.resolve-slider.owl-carousel.owl-theme.owl-loaded.owl-drag {
    padding: 0 15px;
}
.resolve-slider .owl-item > * {
    width: 96%;
    display: flex;
    flex-direction: column;
}
.who-we-left{
    padding:0 15px;
    text-align: center;
}
.who-we-right{
        padding:0 15px;
        justify-content: center;
            gap: 20px;
            flex-direction: column;

}
.cta-bottom{
    padding-top: 40px;
}
.ca-cta__text{
    text-align: center;
}
.resolve-slider.owl-theme .owl-dots .owl-dot span {
        width: 8px;
        border-radius: 8px;
        height: 8px;
        margin: 5px;
    }

    .resolve-slider.owl-theme .owl-dots .owl-dot.active span {
        width: 29px;
    }
}

@media(max-width:767px){

    .automate-custom-service{
        padding-left:15px;
         padding-right:15px;
    }

  

    .herobanner.innerpage-banner.bespoke-sol.bespoke-agency {
        padding-bottom: 70px !important;
        padding-top: 178px !important;
    }
    
    .who-we-left h2{
 color:#fff;
    }
    .why-us.recent-work-n h2{
        color:#fff;
    }

    /* .who-we-right .owl-item {
    padding-left: 15px;
        padding-right: 15px;
        display: block;
} */

.automate-column-container{
display: flex;
flex-direction: column;
}

.automate-slider .owl-stage {
    display: flex;
    overflow: hidden;
}

.automate-custom-service .col-4 {
        margin-bottom: 0px;
        width: 100%;
    }

    .automate-column-container .owl-nav {
        display: flex;
        gap: 0 4px;
        margin: 32px 5px 5px 5px;
        padding-left: 16px;
    }
        .automate-column-container .owl-nav button {
        width: 48px;
        height: 48px;
        border: none;
        background: #fff;
        border: #fff solid 1px !important;
        box-shadow: 0 4px 12px 0 #0000000D;
    }

    .who-we-right .owl-stage {
    display: flex;
    overflow: hidden;
}

    .who-we-right  .owl-nav button {
        width: 48px;
        height: 48px;
        border: none;
        background: #fff;
        border: #fff solid 1px !important;
        box-shadow: 0 4px 12px 0 #0000000D;
        align-items: center;
        justify-content: center;
    }

    .who-we-right .owl-nav {
        display: flex;
        gap: 0 4px;
        margin: 32px 5px 5px 5px;
        padding-left: 16px;
    }


.who-we-right {
        padding: 0 15px;
        /* justify-content: center; */
        /* gap: 20px; */
        display: flex;
        flex-direction: column;
    }
    .who-we-colmn {
    width: 100%;
    
}
.cta-bottom img {
    display: none;
}

    .cta-bottom {
        padding-bottom: 34px;
    }

}

@media (max-width: 767px) {
  .who-we-right {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .who-we-right .owl-stage-outer {
    overflow: hidden;
  }

  .who-we-right .owl-item {
    float: left;
    min-height: 1px;
  }

  .who-we-right .owl-nav {
        display: flex;
        margin-top: 16px;
        gap: 10px;
        border-radius: 0 !important;
        margin-left: 0;
        padding-left: 0;
}

 

 

  .who-we-right .owl-nav button.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
}

@media (max-width: 720px) {
 

  .ca-cta {
    min-height: auto;
    padding: 34px;
    flex-direction: column;
    align-items: center;
    gap: 28px;
  }

 

  .ca-cta__copy {
    max-width: 100%;
  }

  .ca-cta__title {
    font-size: 28px;
  }
}

@media (max-width: 420px) {
 
  .ca-cta {
    padding: 24px;
  }

  .ca-cta__title {
    font-size: 24px;
    line-height: 1.05;
  }

  .ca-cta__text {
    font-size: 14px;
  }

  
}