.flag-double-borders .country-flag-sm {
    border-radius: 2px;
    position: relative;
    box-shadow: 0 0 0 1px #fff,0 0 0 2px #d7dfe2
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    word-wrap: break-word
}

::selection {
    background: #000;
    color: #fff
}

:focus {
    outline: 0
}

html {
    scroll-behavior: smooth
}

body {
    font-family: Inter,sans-serif;
    margin: 0;
    font-weight: 400;
    color: #2c3145;
    line-height: normal;
    font-size: 18px
}

h1 {
    font-size: 60px
}

    h1.tagline {
        font-size: 60px
    }

.h2, h2 {
    font-size: 40px
}

.h3, h3 {
    font-size: 34px
}

.h4, h4 {
    font-size: 28px
}

.h5, h5 {
    font-size: 24px
}

.h6, h6 {
    font-size: 16px
}

h1, h2, h3, h4, h5 {
    font-weight: 800
}

h6 {
    font-weight: 600
}

h1, h2, h3, h4, h5, h6 {
    color: #2c3145;
    margin: 0 0 10px 0
}

dl, ol, p, ul {
    color: #2c3145;
    font-weight: 400;
    margin: 20px 0 0 0;
    padding: 0;
    font-size: 18px;
    line-height: 1.3
}

img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle
}

hr {
    border: none;
    border-top: 1px solid #d7dfe2
}

.p-x1 {
    font-size: 24px
}

.p-x2 {
    font-size: 18px
}

.p-x3 {
    font-size: 16px
}

.p-x4 {
    font-size: 14px;
    color: #64687a
}

.h2, .h3, .h4, .h5 {
    font-weight: 800;
    color: #2c3145;
    margin: 0 0 10px 0;
    line-height: normal
}

.title-mini {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 16px
}

.col-accent {
    color: #038240
}

.col-accent-contrast {
    color: #247c4f
}

ul {
    padding: 0
}

    ul li {
        text-align: left;
        list-style: none;
        margin: 12px 0
    }

a {
    font-size: 18px;
    color: #2149f3;
    font-weight: 600;
    text-decoration: none
}

    a:active, a:hover {
        text-decoration: none;
        color: #2149f3
    }

    a:hover {
        text-decoration: underline
    }

        a:hover.no-decor {
            text-decoration: none
        }

p a {
    font-size: inherit
}

.neutral {
    padding: 0;
    margin: 0;
    line-height: 0;
    font-size: 0
}

.display-none {
    display: none !important
}

.transparent {
    opacity: 0 !important;
    visibility: hidden
}

.opaque {
    opacity: 1 !important;
    visibility: visible
}

.height-100 {
    height: 100%
}

.null-padding {
    padding: 0 !important
}

.aligncenter, .text-center {
    text-align: center
}

.alignleft, .text-left {
    text-align: left
}

.alignright, .text-right {
    text-align: right
}

.section-padding {
    padding: 80px 0
}

.section-padding-0T {
    padding: 0 0 80px
}

.section-padding-0B {
    padding: 80px 0 0
}

.section-top {
    margin-top: 67px
}

.section-margin-down {
    margin-bottom: 80px
}

.margin-top {
    margin-top: 80px
}

.section-offwhite {
    background-color: #fafafa
}

.overflow-hide {
    overflow: hidden
}

.col-main {
    color: #2149f3
}

.col-odd {
    color: #2149f3
}

.dir-rtl {
    direction: rtl
}

.dir-ltr {
    direction: ltr
}

.wkio-lazify {
    opacity: 0 !important;
    animation: none !important;
    animation-fill-mode: none !important;
    transition: .3s
}

.wk-lazify {
    opacity: 0 !important;
    animation: none !important;
    animation-fill-mode: none !important;
    transition: .3s
}

.wk-lazify-loaded {
    opacity: 1 !important;
    transition: .3s
}

.wk-bg-lazify {
    background-image: unset !important
}

.tickle {
    transition: .35s cubic-bezier(.39,.58,.57,1)
}

    .tickle:hover {
        box-shadow: 0 2px 24px 0 rgba(0,0,0,.1),0 10px 24px 0 rgba(0,0,0,.18);
        transform: translateY(-2px)
    }

.wk-scrollbar::-webkit-scrollbar {
    width: 4px;
    background-color: transparent
}

.wk-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(200,203,200,.9);
    border-radius: 16px
}

.wk-scrollbar::-webkit-scrollbar-track {
    background-color: transparent
}

.wave-hand:before {
    content: '👋';
    font-size: 30px;
    animation-name: wave-animation;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    transform-origin: 70% 70%;
    display: inline-block
}

.wk-quote {
    padding-left: 50px;
    position: relative
}

    .wk-quote:before {
        content: '';
        background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
        background-repeat: no-repeat;
        background-position: -67px -158px;
        width: 35px;
        height: 28px;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0
    }

    .wk-quote.quote-sm:before {
        background-position: -190px -171px;
        width: 24px;
        height: 19px;
        top: -20px
    }

.wk-saying-block.wk-quote {
    margin-top: 25px;
    padding-left: 0
}

    .wk-saying-block.wk-quote:before {
        font-size: 65px;
        line-height: 10px
    }

.wk-saying-block .card {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 3px 15px;
    align-items: center;
    justify-content: start;
    margin-top: 12px
}

    .wk-saying-block .card img, .wk-saying-block .card picture {
        grid-row: span 3;
        border-radius: 8px
    }

    .wk-saying-block .card .name {
        color: #2c3145;
        font-size: 14px;
        font-weight: 600;
        align-self: end
    }

    .wk-saying-block .card .company-name, .wk-saying-block .card .work {
        align-self: start
    }

    .wk-saying-block .card .company-name {
        color: #2c3145
    }

        .wk-saying-block .card .company-name:hover {
            text-decoration: underline
        }

    .wk-saying-block .card .info-wrap {
        display: grid;
        line-height: 18px;
        gap: 4px
    }

        .wk-saying-block .card .info-wrap .review-social-icon-wrap {
            display: inline-flex;
            gap: 4px 16px
        }

            .wk-saying-block .card .info-wrap .review-social-icon-wrap .social-icon:before {
                opacity: 1;
                transition: all .3s ease-in-out
            }

            .wk-saying-block .card .info-wrap .review-social-icon-wrap .social-icon:hover:before {
                opacity: .8
            }

.wk-inline-halves {
    display: grid;
    grid-template-columns: 50% 50%;
    place-items: center
}

.wk-video {
    display: block;
    max-width: 780px;
    margin: auto
}

.wk-load-more {
    margin: 40px 0 0 !important;
    display: block
}

    .wk-load-more a:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
        background-repeat: no-repeat;
        width: 22px;
        height: 22px;
        background-position: -168px -145px;
        margin-left: 5px;
        position: relative;
        top: -2px
    }

    .wk-load-more a.icon-plus:after {
        background-position: -168px -145px
    }

    .wk-load-more a.icon-minus:after {
        background-position: -143px -145px
    }

a.link {
    margin: 10px 0 20px;
    display: inline-block
}

    a.link:after {
        content: "";
        transition: .35s cubic-bezier(.39,.58,.57,1);
        display: inline-block;
        vertical-align: middle;
        background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
        background-repeat: no-repeat;
        width: 24px;
        height: 16px;
        background-position: 0 -37px;
        margin-left: 5px
    }

    a.link:hover {
        text-decoration: none
    }

        a.link:hover:after {
            transform: translateX(3px)
        }

    a.link .wpel-icon.wpel-image {
        display: none
    }

a.prev-arrow {
    display: inline-block
}

    a.prev-arrow:before {
        content: "";
        transition: .35s cubic-bezier(.39,.58,.57,1);
        display: inline-block;
        vertical-align: middle;
        background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
        background-repeat: no-repeat;
        width: 24px;
        height: 16px;
        background-position: 0 -37px;
        margin-right: 5px;
        transform: rotate(180deg) translateX(0)
    }

    a.prev-arrow:hover {
        text-decoration: none
    }

        a.prev-arrow:hover:before {
            transform: rotate(180deg) translateX(3px)
        }

    a.prev-arrow .wpel-icon.wpel-image {
        display: none
    }

a.wk-load-more {
    margin: 40px 0 0;
    display: inline-block
}

    a.wk-load-more:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
        background-repeat: no-repeat;
        width: 22px;
        height: 22px;
        background-position: -168px -145px;
        margin-left: 5px;
        position: relative;
        top: -2px
    }

    a.wk-load-more.icon-plus:after {
        background-position: -168px -145px
    }

    a.wk-load-more.icon-minus:after {
        background-position: -143px -145px
    }

a .wpel-icon.wpel-image {
    background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
    background-repeat: no-repeat;
    background-position: -243px -98px;
    display: inline-block;
    height: 19px;
    width: 19px;
    transform: scale(.7);
    transform-origin: center;
    position: relative;
    vertical-align: middle;
    top: -4px
}

a.inherited {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    text-decoration: underline
}

    a.inherited:hover {
        color: #2c3145
    }

a.wk-button, a.wp-block-button__link, button.wk-button, button.wp-block-button__link, div.wk-button, div.wp-block-button__link, input.wk-button, input.wp-block-button__link, span.wk-button, span.wp-block-button__link {
    min-width: 160px;
    font-weight: 600;
    background-color: #2149f3;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    padding: 13px 16px;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: 15px 0;
    outline: 0;
    border: none;
    text-decoration: none;
    cursor: pointer
}

    a.wk-button .wpel-icon.wpel-image, a.wp-block-button__link .wpel-icon.wpel-image, button.wk-button .wpel-icon.wpel-image, button.wp-block-button__link .wpel-icon.wpel-image, div.wk-button .wpel-icon.wpel-image, div.wp-block-button__link .wpel-icon.wpel-image, input.wk-button .wpel-icon.wpel-image, input.wp-block-button__link .wpel-icon.wpel-image, span.wk-button .wpel-icon.wpel-image, span.wp-block-button__link .wpel-icon.wpel-image {
        background-position: -218px -98px
    }

    a.wk-button:hover, a.wp-block-button__link:hover, button.wk-button:hover, button.wp-block-button__link:hover, div.wk-button:hover, div.wp-block-button__link:hover, input.wk-button:hover, input.wp-block-button__link:hover, span.wk-button:hover, span.wp-block-button__link:hover {
        text-decoration: none;
        background-color: #3d60ff;
        transition: none;
        transform: none;
        box-shadow: none
    }

    a.wk-button.btn-ghost, a.wp-block-button__link.btn-ghost, button.wk-button.btn-ghost, button.wp-block-button__link.btn-ghost, div.wk-button.btn-ghost, div.wp-block-button__link.btn-ghost, input.wk-button.btn-ghost, input.wp-block-button__link.btn-ghost, span.wk-button.btn-ghost, span.wp-block-button__link.btn-ghost {
        background: 0 0;
        border: solid 2px #64687a;
        color: #64687a;
        font-size: 14px
    }

        a.wk-button.btn-ghost:hover, a.wp-block-button__link.btn-ghost:hover, button.wk-button.btn-ghost:hover, button.wp-block-button__link.btn-ghost:hover, div.wk-button.btn-ghost:hover, div.wp-block-button__link.btn-ghost:hover, input.wk-button.btn-ghost:hover, input.wp-block-button__link.btn-ghost:hover, span.wk-button.btn-ghost:hover, span.wp-block-button__link.btn-ghost:hover {
            color: #2c3145;
            border-color: #2c3145
        }

        a.wk-button.btn-ghost.btn-ghost-snowy, a.wp-block-button__link.btn-ghost.btn-ghost-snowy, button.wk-button.btn-ghost.btn-ghost-snowy, button.wp-block-button__link.btn-ghost.btn-ghost-snowy, div.wk-button.btn-ghost.btn-ghost-snowy, div.wp-block-button__link.btn-ghost.btn-ghost-snowy, input.wk-button.btn-ghost.btn-ghost-snowy, input.wp-block-button__link.btn-ghost.btn-ghost-snowy, span.wk-button.btn-ghost.btn-ghost-snowy, span.wp-block-button__link.btn-ghost.btn-ghost-snowy {
            border-color: #fff;
            color: #fff
        }

    a.wk-button.btn-dark, a.wp-block-button__link.btn-dark, button.wk-button.btn-dark, button.wp-block-button__link.btn-dark, div.wk-button.btn-dark, div.wp-block-button__link.btn-dark, input.wk-button.btn-dark, input.wp-block-button__link.btn-dark, span.wk-button.btn-dark, span.wp-block-button__link.btn-dark {
        background-color: #2c3145
    }

        a.wk-button.btn-dark:hover, a.wp-block-button__link.btn-dark:hover, button.wk-button.btn-dark:hover, button.wp-block-button__link.btn-dark:hover, div.wk-button.btn-dark:hover, div.wp-block-button__link.btn-dark:hover, input.wk-button.btn-dark:hover, input.wp-block-button__link.btn-dark:hover, span.wk-button.btn-dark:hover, span.wp-block-button__link.btn-dark:hover {
            background-color: #64687a
        }

    a.wk-button.btn-light, a.wp-block-button__link.btn-light, button.wk-button.btn-light, button.wp-block-button__link.btn-light, div.wk-button.btn-light, div.wp-block-button__link.btn-light, input.wk-button.btn-light, input.wp-block-button__link.btn-light, span.wk-button.btn-light, span.wp-block-button__link.btn-light {
        background-color: #038240
    }

        a.wk-button.btn-light.bg-contrast, a.wp-block-button__link.btn-light.bg-contrast, button.wk-button.btn-light.bg-contrast, button.wp-block-button__link.btn-light.bg-contrast, div.wk-button.btn-light.bg-contrast, div.wp-block-button__link.btn-light.bg-contrast, input.wk-button.btn-light.bg-contrast, input.wp-block-button__link.btn-light.bg-contrast, span.wk-button.btn-light.bg-contrast, span.wp-block-button__link.btn-light.bg-contrast {
            background-color: #247c4f
        }

        a.wk-button.btn-light:hover, a.wp-block-button__link.btn-light:hover, button.wk-button.btn-light:hover, button.wp-block-button__link.btn-light:hover, div.wk-button.btn-light:hover, div.wp-block-button__link.btn-light:hover, input.wk-button.btn-light:hover, input.wp-block-button__link.btn-light:hover, span.wk-button.btn-light:hover, span.wp-block-button__link.btn-light:hover {
            background-color: #2fac6c
        }

    a.wk-button.btn-white, a.wp-block-button__link.btn-white, button.wk-button.btn-white, button.wp-block-button__link.btn-white, div.wk-button.btn-white, div.wp-block-button__link.btn-white, input.wk-button.btn-white, input.wp-block-button__link.btn-white, span.wk-button.btn-white, span.wp-block-button__link.btn-white {
        background-color: #fff;
        color: #64687a
    }

        a.wk-button.btn-white:hover, a.wp-block-button__link.btn-white:hover, button.wk-button.btn-white:hover, button.wp-block-button__link.btn-white:hover, div.wk-button.btn-white:hover, div.wp-block-button__link.btn-white:hover, input.wk-button.btn-white:hover, input.wp-block-button__link.btn-white:hover, span.wk-button.btn-white:hover, span.wp-block-button__link.btn-white:hover {
            background-color: #ebf3f5
        }

        a.wk-button.btn-ghost .wpel-icon.wpel-image, a.wk-button.btn-white .wpel-icon.wpel-image, a.wp-block-button__link.btn-ghost .wpel-icon.wpel-image, a.wp-block-button__link.btn-white .wpel-icon.wpel-image, button.wk-button.btn-ghost .wpel-icon.wpel-image, button.wk-button.btn-white .wpel-icon.wpel-image, button.wp-block-button__link.btn-ghost .wpel-icon.wpel-image, button.wp-block-button__link.btn-white .wpel-icon.wpel-image, div.wk-button.btn-ghost .wpel-icon.wpel-image, div.wk-button.btn-white .wpel-icon.wpel-image, div.wp-block-button__link.btn-ghost .wpel-icon.wpel-image, div.wp-block-button__link.btn-white .wpel-icon.wpel-image, input.wk-button.btn-ghost .wpel-icon.wpel-image, input.wk-button.btn-white .wpel-icon.wpel-image, input.wp-block-button__link.btn-ghost .wpel-icon.wpel-image, input.wp-block-button__link.btn-white .wpel-icon.wpel-image, span.wk-button.btn-ghost .wpel-icon.wpel-image, span.wk-button.btn-white .wpel-icon.wpel-image, span.wp-block-button__link.btn-ghost .wpel-icon.wpel-image, span.wp-block-button__link.btn-white .wpel-icon.wpel-image {
            background-position: -195px -98px
        }

nav ul {
    list-style: none;
    font-size: 18px;
    display: block;
    margin: 0;
    padding: 0;
    z-index: 500
}

    nav ul li {
        display: inline-block
    }

.social-icon:before {
    content: '';
    background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 19px;
    width: 19px;
    background-position: -73px -33px;
    margin: 0 5px 0 0
}

.social-icon.twitter:before {
    background-position-x: -93px
}

.social-icon.insta:before {
    background-position-x: -133px
}

.social-icon.linkedin:before {
    background-position-x: -113px
}

.social-icon.youtube:before {
    background-position-x: -152px;
    width: 21px
}

.wk-section-head {
    margin-bottom: 40px;
    text-align: center
}

    .wk-section-head .title-mini {
        margin-bottom: 0
    }

.wk-section {
    display: block
}

.wk-items-inlined {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    grid-gap: 20px
}

    .wk-items-inlined.--inlined-closer {
        grid-gap: 11px
    }

.wk-section-grid {
    display: grid;
    justify-content: center
}

.wk-fluid {
    padding: 0 30px;
    margin: auto
}

.wkgrid-squeezy {
    width: 100%;
    max-width: 920px;
    padding: 0 30px;
    margin: 0 auto
}

    .wkgrid-squeezy.grid-extended {
        max-width: 1020px
    }

.wkgrid-wide {
    width: 100%;
    max-width: 1280px;
    padding: 0 30px;
    margin: 0 auto
}

    .wkgrid-wide.grid-extended {
        max-width: 1380px
    }

.wkgrid-compact {
    width: 980px;
    max-width: 100%;
    padding: 0 30px;
    margin: 0 auto
}

.wkgrid-full {
    max-width: 100%;
    padding: 0 30px;
    margin: 0 auto;
    width: 1700px
}

.lazify {
    background: #f2f2f2;
    transition: .8s ease;
    position: relative;
    overflow: hidden
}

    .lazify:before {
        content: " ";
        height: 550px;
        width: 80px;
        position: absolute;
        background: #fff;
        transform: rotate(45deg);
        top: -120px;
        left: -250px;
        animation: lazyshimmer 1s ease-in-out infinite
    }

.wk-metainfo-box {
    background-color: #fafafa;
    padding: 35px;
    margin: 35px auto;
    max-width: 765px
}

    .wk-metainfo-box p {
        margin: 5px 0 15px;
        color: #64687a
    }

        .wk-metainfo-box p:empty {
            display: none
        }

    .wk-metainfo-box a {
        margin: 0
    }

.wk-skeleton-loader .wk-loader-grp {
    margin-top: 37px
}

.wk-skeleton-loader .wk-loader-strip {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: loaderShimmer;
    animation-name: loaderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eee;
    background: -webkit-gradient(linear,left top,right top,color-stop(8%,#eee),color-stop(18%,#ddd),color-stop(33%,#eee));
    background: -webkit-linear-gradient(left,#eee 8%,#ddd 18%,#eee 33%);
    background: linear-gradient(to right,#eee 8%,#ddd 18%,#eee 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    height: 5px;
    margin: 18px 0;
    opacity: .75
}

    .wk-skeleton-loader .wk-loader-strip.w-65 {
        width: 65px
    }

    .wk-skeleton-loader .wk-loader-strip.w-80 {
        width: 80px
    }

    .wk-skeleton-loader .wk-loader-strip.w-290 {
        max-width: 290px;
        margin-top: 50px
    }

    .wk-skeleton-loader .wk-loader-strip.w-150 {
        width: 170px;
        margin-top: 45px
    }

    .wk-skeleton-loader .wk-loader-strip.h-50 {
        height: 70px
    }

.display-block {
    display: block !important
}

.grecaptcha-badge {
    display: none
}

.null {
    font-size: 0
}

.wk-window-to-toggle {
    position: relative
}

    .wk-window-to-toggle .wk-window-toggler {
        display: block;
        flex: 1 0 100%;
        position: absolute;
        color: #2149f3;
        width: 100%;
        padding: 70px 0 22px 0;
        cursor: pointer;
        font-size: 14px;
        background-image: linear-gradient(0deg,#fff 45%,rgba(255,255,255,0) 100%);
        bottom: -24px;
        left: 0;
        display: none;
        margin: 0
    }

        .wk-window-to-toggle .wk-window-toggler:after {
            content: "";
            background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
            background-repeat: no-repeat;
            width: 15px;
            height: 7px;
            background-position: -174px -36px;
            position: absolute;
            transition: transform .15s,opacity .15s;
            margin: 5px 5px
        }

    .wk-window-to-toggle.tw-open {
        height: 180px;
        overflow: hidden
    }

        .wk-window-to-toggle.tw-open .wk-window-toggler:after {
            transform: rotate(180deg)
        }

.before-tw-icon:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 27px;
    background-image: url(images/webkul-main-sprite8ea7.svg?v=4.9);
    background-position: -156px -523px;
    transform: scale(.65);
    margin-right: -3px
}

.tw-light {
    width: 29px;
    height: 29px;
    background-color: #00a2ff;
    display: inline-block;
    border-radius: 50%;
    margin-top: -15px;
    background-image: url(images/webkul-main-sprite8ea7.svg?v=4.9);
    background-position: -40px -318px;
    transform: scale(1.5);
    transition: .25s;
    margin-bottom: 20px
}

    .tw-light:hover {
        background-color: #0087d4
    }

.btn-b2t-wrap img {
    transition: .25s
}

    .btn-b2t-wrap img:hover {
        transform: translateY(-2px)
    }

.btn-b2t-wrap h4 {
    color: #2c3146;
    margin-top: 15px
}

.skiddo {
    box-shadow: inset 0 2px 40px -7px rgba(0,0,0,.1);
    text-align: center;
    position: relative;
    max-width: 1600px;
    margin: auto
}

    .skiddo .skiddo-container {
        width: 100%;
        margin: auto;
        overflow: hidden;
        min-height: inherit
    }

        .skiddo .skiddo-container .skiddo-driver {
            display: table;
            transition: .8s cubic-bezier(.4,0,.2,1);
            min-height: inherit
        }

        .skiddo .skiddo-container .skiddo-item {
            float: left;
            max-width: 100% !important;
            display: none;
            position: relative;
            display: grid;
            min-height: inherit;
            background-color: #5e5555
        }

            .skiddo .skiddo-container .skiddo-item .banner {
                max-width: 100%;
                height: auto;
                width: 100%;
                height: 100%;
                object-fit: cover;
                mix-blend-mode: hard-light
            }

            .skiddo .skiddo-container .skiddo-item .skiddo-content {
                padding: 15px;
                place-self: center;
                position: absolute;
                max-width: 1000px
            }

                .skiddo .skiddo-container .skiddo-item .skiddo-content .title {
                    color: #fff
                }

                .skiddo .skiddo-container .skiddo-item .skiddo-content .desc {
                    color: #fff;
                    max-width: 760px;
                    margin: 20px auto 0 auto
                }

            .skiddo .skiddo-container .skiddo-item.active {
                display: grid
            }

    .skiddo .skiddo-switch {
        position: absolute;
        top: 0;
        height: 100%;
        padding: 15px;
        cursor: pointer
    }

        .skiddo .skiddo-switch:after {
            background-image: url(images/webkul-main-sprite8ea7.svg?v=4.9);
            content: "";
            width: 25px;
            height: 38px;
            background-position: -131px -517px;
            display: inline-block;
            position: relative;
            top: 50%;
            transition: .2s;
            margin-top: -30px
        }

        .skiddo .skiddo-switch.remove {
            transition: .2s;
            opacity: 0;
            visibility: hidden
        }

        .skiddo .skiddo-switch.prev {
            left: 0;
            background-image: linear-gradient(to right,#000,transparent)
        }

        .skiddo .skiddo-switch.next {
            right: 0;
            background-image: linear-gradient(to right,transparent,#000)
        }

            .skiddo .skiddo-switch.next:after {
                transform: rotatey(180deg)
            }

        .skiddo .skiddo-switch:hover:after {
            opacity: .8
        }

.wk-loader-wrap {
    background: rgba(255,255,255,.9);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    -webkit-transition: opacity .15s,visibility 0s .15s;
    transition: opacity .15s,visibility 0s .15s
}

    .wk-loader-wrap.on {
        display: block
    }

    .wk-loader-wrap.off {
        display: none
    }

    .wk-loader-wrap::after, .wk-loader-wrap::before {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        top: 50%;
        left: 50%;
        margin: -10px 0 0 -10px;
        border-radius: 50%;
        opacity: 1;
        -webkit-transition: opacity .15s,visibility 0s .15s;
        transition: opacity .15s,visibility 0s .15s
    }

    .wk-loader-wrap::before {
        background: #2149f3;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        -webkit-animation: moveLeft .6s linear infinite alternate;
        animation: moveLeft .6s linear infinite alternate
    }

    .wk-loader-wrap::after {
        background: #64687a;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        -webkit-animation: moveRight .6s linear infinite alternate;
        animation: moveRight .6s linear infinite alternate
    }

@-webkit-keyframes moveRight {
    to {
        -webkit-transform: translateX(20px)
    }
}

@keyframes moveRight {
    to {
        transform: translateX(20px)
    }
}

@-webkit-keyframes moveLeft {
    to {
        -webkit-transform: translateX(-20px)
    }
}

@keyframes moveLeft {
    to {
        transform: translateX(-20px)
    }
}

:root {
    --type-dark: #2C3145;
    --tint: #EBF3F5;
    --shade: #B2B5C4;
    --accent: #2149F3;
    --error: #FF404B;
    --white: #FFFFFF
}

.wpcf7 .screen-reader-response {
    display: none
}

.wpcf7 form.invalid .wpcf7-response-output {
    color: #ff404b;
    font-size: 16px;
    border-color: #ff4d50 !important;
    background: #ff4d50;
    color: #fff;
    padding: 14px !important;
    border-radius: 4px;
    display: block !important;
    margin-left: 0;
    margin-right: 0
}

    .wpcf7 form.invalid .wpcf7-response-output.success {
        color: #fff;
        background: #2fa368;
        max-width: 100%;
        padding: 16px;
        border-radius: 8px;
        font-size: 18px;
        display: inline-block
    }

.wpcf7 form.sent .wpcf7-response-output {
    border: 2px solid #53c41a !important;
    font-size: 16px;
    padding: 14px !important;
    border-radius: 4px;
    margin-left: 0;
    margin-right: 0
}

.wpcf7 form.failed .wpcf7-response-output {
    margin-left: 0;
    margin-right: 0
}

.wpcf7 form.aborted .wpcf7-response-output {
    margin-left: 0;
    margin-right: 0
}

.wpcf7 .wpcf7-spinner {
    width: 44px;
    height: 44px;
    display: inline-block;
    background: 0 0 !important;
    box-sizing: border-box;
    position: relative;
    top: 5px !important;
    left: 16px !important;
    background: no-repeat;
    margin: 0;
    vertical-align: unset;
    visibility: hidden
}

    .wpcf7 .wpcf7-spinner:after {
        border-radius: 50%;
        content: " ";
        width: 44px;
        height: 44px;
        display: inline-block;
        box-sizing: border-box;
        border-top: solid 6px #2149f3;
        border-right: solid 6px transparent;
        border-bottom: solid 6px transparent;
        border-left: solid 6px transparent;
        position: absolute;
        top: 0;
        left: 0;
        animation: cp-round-animate .5s linear infinite !important
    }

    .wpcf7 .wpcf7-spinner:before {
        border-radius: 50%;
        content: " ";
        width: 44px;
        height: 44px;
        display: inline-block;
        box-sizing: border-box;
        border: solid 6px #adc9dd;
        position: absolute;
        top: 0;
        left: 0;
        animation-iteration-count: unset !important;
        animation-timing-function: unset !important
    }

    .wpcf7 .wpcf7-spinner.is-active {
        visibility: visible
    }

.wpcf7 form.submitting .wpcf7-spinner {
    visibility: visible
}

.wpcf7 form.submitting .wpcf7-submit {
    background-color: var(--tint);
    border-color: var(--shade);
    color: var(--shade);
    cursor: not-allowed;
    pointer-events: none
}

.wpcf7 .cf7-cf-turnstile .cf-turnstile {
    margin: 0 !important
}

.wk-control * {
    font-family: Inter,sans-serif
}

.wk-control {
    margin: 20px 0 0 0
}

    .wk-control.wk-dropdown {
        margin-top: 6px
    }

    .wk-control:has(>.display-none) {
        display: none
    }

    .wk-control label {
        color: var(--type-dark);
        font-size: 14px;
        display: block;
        margin: 0 0 6px 0
    }

        .wk-control label * {
            margin-top: 6px
        }

.wk-dropdown select, .wk-textfield input, .wk-textfield textarea {
    display: block;
    font-size: 14px;
    padding: 9px 10px 11px 10px;
    color: var(--type-dark);
    border: solid 1px var(--shade);
    max-width: 100%px;
    width: 100%;
    border-radius: 4px
}

    .wk-textfield input:focus, .wk-textfield textarea:focus {
        border-color: var(--accent)
    }

input.wpcf7-form-control.wpcf7-submit.wk-button:disabled {
    background-color: var(--tint);
    border-color: var(--shade);
    color: var(--shade);
    cursor: not-allowed
}

input.wpcf7-form-control.wpcf7-submit.wk-button.btn-dark {
    margin-top: -10px
}

.wk-textfield input:disabled, .wk-textfield textarea:disabled {
    background-color: var(--tint);
    border-color: var(--shade);
    color: var(--shade);
    cursor: not-allowed
}

.wk-control span.wk-msg, .wpcf7-not-valid-tip {
    font-size: 12px;
    margin: 4px 0 0 0;
    display: block;
    color: var(--error)
}

.wk-dropdown select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    font-size: 14px;
    padding: 9px 10px 11px 10px;
    background-color: var(--white);
    color: var(--type-dark);
    border: solid 1px var(--shade);
    max-width: 100%;
    border-radius: 4px;
    background-image: url(images/wk-sprite-chevron.svg);
    background-repeat: no-repeat;
    background-position: right -5px top -2px
}

    .wk-dropdown select:focus {
        border-color: var(--accent);
        background-image: url(images/wk-sprite-chevron.svg);
        background-repeat: no-repeat;
        background-position: right -5px top -42px
    }

    .wk-dropdown select:disabled {
        background-color: var(--tint);
        border-color: var(--shade);
        color: var(--shade);
        cursor: not-allowed;
        background-image: url(images/wk-sprite-chevron.svg);
        background-repeat: no-repeat;
        background-position: right -5px top -82px
    }

.wk-checkbox input[type=checkbox], .wk-radio input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute
}

.wk-checkbox + .wk-checkbox, .wk-radio + .wk-radio {
    margin-top: 10px
}

.wk-radio input[type=radio] + span.symbol {
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 2px 0;
    width: 20px;
    height: 20px;
    background-color: var(--white);
    border: solid 1px var(--shade);
    border-radius: 50%;
    position: relative
}

    .wk-radio input[type=radio] + span.symbol:after {
        content: "";
        position: absolute;
        width: 6px;
        height: 6px;
        top: 6px;
        left: 6px;
        background-color: var(--white);
        border-radius: 50%;
        opacity: 0
    }

.wk-radio input[type=radio]:checked + span.symbol {
    border: solid 1px var(--accent);
    background-color: var(--accent)
}

    .wk-radio input[type=radio]:checked + span.symbol:after {
        opacity: 1
    }

.wk-radio input[type=radio]:disabled + span.symbol {
    border-color: var(--shade);
    background-color: var(--tint);
    cursor: not-allowed
}

.wk-radio input[type=radio]:disabled ~ span {
    color: var(--shade);
    cursor: not-allowed
}

.wk-radio input[type=radio]:disabled:checked + span.symbol:after {
    background-color: var(--shade)
}

.wk-checkbox input[type=checkbox] + span.symbol {
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 2px 0;
    width: 20px;
    height: 20px;
    background-color: var(--white);
    border: solid 1px var(--shade);
    border-radius: 3px;
    position: relative
}

    .wk-checkbox input[type=checkbox] + span.symbol:after {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        top: 0;
        left: 0;
        background-image: url(wk-sprite-global.html);
        background-position: -173px -49px;
        opacity: 0
    }

.wk-checkbox input[type=checkbox]:checked + span.symbol {
    border: solid 1px var(--accent);
    background-color: var(--accent)
}

    .wk-checkbox input[type=checkbox]:checked + span.symbol:after {
        opacity: 1
    }

.wk-checkbox input[type=checkbox]:disabled + span.symbol {
    border-color: var(--shade);
    background-color: var(--tint);
    cursor: not-allowed
}

.wk-checkbox input[type=checkbox]:disabled ~ span {
    color: var(--shade);
    cursor: not-allowed
}

.wk-checkbox input[type=checkbox]:disabled:checked + span.symbol:after {
    background-position: -193px -49px
}

.wk-control.wk-fluid input[type=email], .wk-control.wk-fluid input[type=number], .wk-control.wk-fluid input[type=password], .wk-control.wk-fluid input[type=tel], .wk-control.wk-fluid input[type=text], .wk-control.wk-fluid select, .wk-control.wk-fluid textarea {
    width: 100%
}

.wk-form-fields-lg .wk-textfield input, .wk-form-fields-lg .wk-textfield textarea {
    max-width: 480px
}

.wk-form-fields-lg .wk-dropdown select {
    max-width: 480px
}

.country-flag-lg {
    width: 50px;
    height: 36px
}

.country-flag-sm {
    width: 30px;
    height: 20px
}

body.overflow-hide-bg {
    overflow: hidden;
    position: relative
}

    body.overflow-hide-bg:before {
        content: '';
        left: 0;
        top: 70px;
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: rgba(0,0,0,.72);
        z-index: 20
    }

body .wk-cw-liveChatCointainer {
    z-index: 99
}

.screen-reader-shortcut {
    position: absolute;
    top: -1000em
}

    .screen-reader-shortcut:focus {
        left: 10px;
        top: 10px;
        height: auto;
        width: auto;
        font-size: 14px;
        padding: 8px 10px 7px;
        background: #f1f1f1;
        font-weight: 600;
        color: #2149f3;
        z-index: 1000000000;
        box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
        outline: 0
    }

.wk-jumbo-ad {
    padding: 92px 30px;
    border-radius: 16px;
    background-color: #2c3145;
    text-align: center;
    max-width: 1220px;
    position: relative;
    overflow: hidden
}

    .wk-jumbo-ad * {
        color: #fff
    }

    .wk-jumbo-ad:after, .wk-jumbo-ad:before {
        content: '';
        position: absolute;
        background-image: url(images/wk-sprite-picca.svg);
        width: 205px;
        height: 126px;
        background-position: 32px 0;
        background-repeat: no-repeat
    }

    .wk-jumbo-ad:before {
        content: '';
        position: absolute;
        background-image: url(images/wk-sprite-picca.svg);
        width: 205px;
        height: 126px;
        background-position: -65px 0;
        top: 0;
        left: 0
    }

    .wk-jumbo-ad:after {
        bottom: 20px;
        right: -5px;
        width: 122px;
        height: 75px;
        background-size: cover
    }

    .wk-jumbo-ad .wk-button {
        padding: 20px 40px 21px;
        margin-right: 15px
    }

    .wk-jumbo-ad .wk-jumbo-ad-wrap {
        display: grid;
        grid-gap: 40px;
        align-items: center;
        text-align: center
    }

        .wk-jumbo-ad .wk-jumbo-ad-wrap .wk-jumbo-ad-content .title {
            margin: 0
        }

        .wk-jumbo-ad .wk-jumbo-ad-wrap .wk-jumbo-ad-content .desc {
            margin-top: 5px
        }

    .wk-jumbo-ad[layout=lateral] .wk-jumbo-ad-wrap {
        grid-template-columns: auto auto;
        text-align: left
    }

    .wk-jumbo-ad.jumbo-ad-bg {
        background-image: url(images/orphan/webkul-csr.png);
        background-repeat: no-repeat;
        background-size: cover;
        text-align: left
    }

        .wk-jumbo-ad.jumbo-ad-bg .wkgrid-squeezy {
            max-width: 720px;
            margin: initial;
            padding-left: 75px
        }

        .wk-jumbo-ad.jumbo-ad-bg:after, .wk-jumbo-ad.jumbo-ad-bg:before {
            display: none
        }

header {
    position: sticky;
    width: 100%;
    top: 0;
    z-index: 100;
    font-size: 0;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.16)
}

    header li {
        margin: 0 20px 0 20px
    }

        header li .wk-drop, header li a {
            color: #2c3145;
            font-weight: 600;
            font-size: 18px;
            padding: 10px 8px;
            text-decoration: none
        }

            header li .wk-drop:hover, header li a:hover {
                color: #2149f3;
                text-decoration: none
            }

            header li .wk-drop.wk-drop.wk-active, header li a.wk-drop.wk-active {
                color: #2149f3
            }

        header li.flank-rt a {
            color: #64687a
        }

            header li.flank-rt a:hover {
                color: #2c3145
            }

        header li.wk-button a {
            color: #fff;
            border-radius: 3px;
            padding: 9px 16px 10px 16px !important;
            background-color: #2149f3
        }

            header li.wk-button a:hover {
                background-color: #3d60ff;
                color: #fff
            }

        header li.wk-tertiary-button a {
            color: #fff;
            border-radius: 3px;
            padding: 9px 16px 10px 16px !important;
            background-color: #cd3614;
            transition: .2s
        }

            header li.wk-tertiary-button a:hover {
                background-color: #df5b02;
                color: #fff
            }

        header li.flank-rt.wk-tertiary-button a:hover {
            color: #fff
        }

        header li.wk-button.light-btn a {
            background-color: #038240
        }

            header li.wk-button.light-btn a:hover {
                background-color: #2fac6c
            }

    header .wk-navbar {
        display: flex;
        height: 68px;
        display: grid;
        grid-template-columns: max-content auto;
        align-items: center;
        grid-gap: 15px
    }

    header .wk-logo-wrap {
        transition: all .5s ease
    }

    header .wk-logo {
        width: 143px;
        height: 50px;
        display: inline-block;
        background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
        background-repeat: no-repeat;
        background-position: 0 0;
        transition: all .3s ease;
        vertical-align: middle
    }

    header .wk-menu-item {
        display: block;
        margin: 0 40px 22px 0;
        padding: 0 !important;
        width: 100%;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid
    }

        header .wk-menu-item:hover {
            text-decoration: none
        }

        header .wk-menu-item .wk-menu-icon, header .wk-menu-item a {
            font-weight: 400;
            padding: 0;
            margin: 0;
            font-size: 16px;
            cursor: pointer
        }

            header .wk-menu-item .wk-menu-icon:not(.wk-menu-icon-) {
                display: grid;
                align-items: center;
                grid-gap: 16px;
                grid-template-columns: 56px auto;
                padding: 0
            }

                header .wk-menu-item .wk-menu-icon:not(.wk-menu-icon-):before {
                    content: '';
                    display: block;
                    width: 56px;
                    height: 56px;
                    background-image: url(images/wk-sprite-global-menu83a7.png?v=1.9);
                    background-color: #ebf3f5;
                    border-radius: 4px
                }

            header .wk-menu-item .wk-menu-icon.wk-menu-icon- {
                display: flex;
                justify-content: space-between;
                align-items: center;
                grid-gap: 16px
            }

        header .wk-menu-item .wk-menu-icon-awards:before {
            background-position: 0 0
        }

        header .wk-menu-item .wk-menu-icon-certifications:before {
            background-position: -56px 0
        }

        header .wk-menu-item .wk-menu-icon-lifeatwebkul:before {
            background-position: -112px 0
        }

        header .wk-menu-item .wk-menu-icon-events:before {
            background-position: -168px 0
        }

        header .wk-menu-item .wk-menu-icon-infrastructure:before {
            background-position: -224px 0
        }

        header .wk-menu-item .wk-menu-icon-company:before {
            background-position: -280px 0
        }

        header .wk-menu-item .wk-menu-icon-inthepress:before {
            background-position: -448px -56px
        }

        header .wk-menu-item .wk-menu-icon-partners:before {
            background-position: -504px -56px
        }

        header .wk-menu-item .wk-menu-icon-testimonials:before {
            background-position: -560px -56px
        }

        header .wk-menu-item .wk-menu-icon-webkulteam:before {
            background-position: -616px -56px
        }

        header .wk-menu-item .wk-menu-icon-meetups:before {
            background-position: -673px -56px
        }

        header .wk-menu-item .wk-menu-icon-responsibility:before {
            background-position: -786px -54px
        }

        header .wk-menu-item .wk-menu-icon-blog:before {
            background-position: -729px -56px
        }

        header .wk-menu-item .wk-menu-icon-case-studies {
            background-position: -784px 1px
        }

        header .wk-menu-item .wk-menu-icon-bagisto::before {
            background-position: -1px -224px
        }

        header .wk-menu-item .wk-menu-icon-qlo-apps::before {
            background-position: -114px -224px
        }

        header .wk-menu-item .wk-menu-icon-qlo-apps-opensource::before {
            background-position: -114px -224px
        }

        header .wk-menu-item .wk-menu-icon-krayin::before {
            background-position: -170px -224px
        }

        header .wk-menu-item .wk-menu-icon-unopim::before {
            background-position: -335px -333px
        }

        header .wk-menu-item .wk-menu-icon-uvdesk::before {
            background-position: -55px -224px
        }

        header .wk-menu-item .wk-menu-icon-magento:before {
            background-position: 0 -114px
        }

        header .wk-menu-item .wk-menu-icon-odoo:before {
            background-position: -112px -112px
        }

        header .wk-menu-item .wk-menu-icon-symfony:before {
            background-position: -282px -112px
        }

        header .wk-menu-item .wk-menu-icon-opencart:before {
            background-position: -55px -114px
        }

        header .wk-menu-item .wk-menu-icon-salesforce:before {
            background-position: -168px -112px
        }

        header .wk-menu-item .wk-menu-icon-laravel:before {
            background-position: -224px -112px
        }

        header .wk-menu-item .wk-menu-icon-woocommerce:before {
            background-position: -1px -168px
        }

        header .wk-menu-item .wk-menu-icon-akeneo:before {
            background-position: -113px -168px
        }

        header .wk-menu-item .wk-menu-icon-apple:before {
            background-position: -226px -168px
        }

        header .wk-menu-item .wk-menu-icon-shopware:before {
            background-position: -57px -168px
        }

        header .wk-menu-item .wk-menu-icon-pimcore:before {
            background-position: -169px -168px
        }

        header .wk-menu-item .wk-menu-icon-android:before {
            background-position: -281px -168px
        }

        header .wk-menu-item .wk-menu-icon-cs-cart:before {
            background-position: -340px -112px
        }

        header .wk-menu-item .wk-menu-icon-prestashop:before {
            background-position: -393px -112px
        }

        header .wk-menu-item .wk-menu-icon-big-commerce:before {
            background-position: -338px -168px
        }

        header .wk-menu-item .wk-menu-icon-shopify:before {
            background-position: -393px -168px
        }

        header .wk-menu-item .wk-menu-icon-wix:before {
            background-position: -225px -224px
        }

        header .wk-menu-item .wk-menu-icon-sap:before {
            background-position: -278px -224px
        }

        header .wk-menu-item .wk-menu-icon-customer:before {
            background-position: -392px 0
        }

        header .wk-menu-item .wk-menu-icon-top-locations:before {
            background-position: -392px -56px
        }

        header .wk-menu-item .wk-menu-icon-case-studies:before {
            background-position: -393px -224px
        }

        header .wk-menu-item .wk-menu-icon-customer-testimonials:before {
            background-position: -338px -224px
        }

        header .wk-menu-item .wk-menu-icon-top-product:before {
            background-position: 0 -279px
        }

        header .wk-menu-item .wk-menu-icon-docs:before {
            background-position: -56px -279px
        }

        header .wk-menu-item .wk-menu-icon-article:before {
            background-position: -223px -279px
        }

        header .wk-menu-item .wk-menu-icon-design:before {
            background-position: -167px -279px
        }

        header .wk-menu-item .wk-menu-icon-dev:before {
            background-position: -111px -280px
        }

        header .wk-menu-item .wk-menu-icon-aureuserp::before {
            background-position: -393px -335px
        }

    header #wk-super-menu li a {
        padding: 10px 0;
        line-height: 2;
        cursor: pointer;

    }

    header #wk-super-menu li .wk-drop {
        padding: 0;
        line-height: 2;
        cursor: pointer
    }

    header #wk-super-menu li.flank-rt {
        float: right;
        margin: 0 0 0 12px
    }

    header #wk-super-menu .wk-submenu-off {
        top: 67px;
        left: 0;
        position: absolute;
        background: #fff;
        display: grid;
        box-shadow: 0 24px 24px 0 rgba(0,0,0,.08),0 8px 8px 0 rgba(0,0,0,.04);
        grid-template-columns: 63% minmax(auto,379px);
        justify-content: space-between;
        width: 100%;
        border-top: 1px solid #d7dfe2;
        transition: .3s;
        opacity: 0;
        visibility: hidden;
        overflow: hidden
    }

        header #wk-super-menu .wk-submenu-off a {
            padding: 0;
            line-height: normal
        }

        header #wk-super-menu .wk-submenu-off .tip {
            display: inline-block;
            border-top: solid 7px transparent;
            border-right: solid 7px transparent;
            border-bottom: solid 7px #fff;
            border-left: solid 7px transparent;
            position: absolute;
            left: 0;
            top: -14px;
            display: none
        }

        header #wk-super-menu .wk-submenu-off.menu-open {
            opacity: 1;
            visibility: visible
        }

            header #wk-super-menu .wk-submenu-off.menu-open .wk-multilevel-submenu-wrap, header #wk-super-menu .wk-submenu-off.menu-open .wk-submenu-board, header #wk-super-menu .wk-submenu-off.menu-open .wk-submenu-callout, header #wk-super-menu .wk-submenu-off.menu-open .wk-submenu-list {
                transform: translate(0,0)
            }

    header #wk-super-menu .wk-submenu-board, header #wk-super-menu .wk-submenu-callout, header #wk-super-menu .wk-submenu-list {
        padding: 30px;
        transition: .3s;
        transform: translate(0,-20%)
    }

    header #wk-super-menu .wk-multilevel-submenu-wrap {
        transition: .3s;
        transform: translate(0,-20%)
    }

    header #wk-super-menu .wk-submenu-list {
        min-height: 370px;
        height: 100%;
        column-count: 3
    }

    header #wk-super-menu .wk-submenu-board {
        grid-row: span 2;
        border-left: 1px solid #d7dfe2;
        display: grid;
        grid-gap: 0;
        align-content: space-evenly;
        height: 100%
    }

        header #wk-super-menu .wk-submenu-board p {
            margin: 0 0 20px 0;
            font-weight: 600
        }

            header #wk-super-menu .wk-submenu-board p + picture img {
                width: 318px;
                height: 378px
            }

        header #wk-super-menu .wk-submenu-board .card {
            display: grid;
            grid-template-columns: auto auto;
            grid-gap: 0 16px;
            align-items: center;
            justify-content: start
        }

            header #wk-super-menu .wk-submenu-board .card picture {
                grid-row: span 2;
                border-radius: 4px
            }

            header #wk-super-menu .wk-submenu-board .card img {
                border-radius: 4px;
                width: 72px;
                height: 72px
            }

            header #wk-super-menu .wk-submenu-board .card .txt-top {
                align-self: end
            }

            header #wk-super-menu .wk-submenu-board .card .txt-bottom {
                align-self: start
            }

        header #wk-super-menu .wk-submenu-board .saying.wk-quote {
            margin-top: 25px;
            padding-left: 0
        }

            header #wk-super-menu .wk-submenu-board .saying.wk-quote:before {
                font-size: 65px;
                line-height: 10px
            }

            header #wk-super-menu .wk-submenu-board .saying.wk-quote + div img {
                width: 320px;
                height: 80px
            }

        header #wk-super-menu .wk-submenu-board .saying .card {
            margin-top: 12px
        }

            header #wk-super-menu .wk-submenu-board .saying .card img {
                border-radius: 8px;
                width: 56px;
                height: 56px
            }

            header #wk-super-menu .wk-submenu-board .saying .card .name {
                color: #2c3145;
                font-size: 14px;
                font-weight: 600
            }

        header #wk-super-menu .wk-submenu-board .wk-section-link.sub-header a {
            color: #2149f3
        }

        header #wk-super-menu .wk-submenu-board .wk-blog-card a {
            font-size: 16px;
            font-weight: 500;
            display: block;
            margin-bottom: 2px
        }

        header #wk-super-menu .wk-submenu-board .wk-blog-card span {
            font-size: 14px;
            font-weight: 400;
            color: #64687a
        }

    header #wk-super-menu .wk-submenu-callout {
        padding-top: 0;
        margin-top: -22px
    }

        header #wk-super-menu .wk-submenu-callout .callout-brick {
            border-radius: 4px;
            background-color: #ebf3f5;
            padding: 16px;
            display: grid;
            grid-template-columns: 70px auto
        }

            header #wk-super-menu .wk-submenu-callout .callout-brick:before {
                content: '';
                width: 57px;
                height: 52px;
                display: block;
                background-image: url(images/icon-ChatBubbles.png);
                grid-row-end: span 2
            }

            header #wk-super-menu .wk-submenu-callout .callout-brick p {
                margin: 0;
                font-size: 16px;
                color: #2c3145
            }

            header #wk-super-menu .wk-submenu-callout .callout-brick a {
                padding: 0;
                margin: 0;
                font-size: 16px;
                color: #2149f3
            }

    header #wk-super-menu .technologies .wk-submenu-off {
        grid-template-columns: 70% minmax(auto,379px)
    }

        header #wk-super-menu .technologies .wk-submenu-off .wk-menu-item {
            margin: 0 40px 18px 0;
            word-break: break-all
        }

            header #wk-super-menu .technologies .wk-submenu-off .wk-menu-item .wk-menu-icon:not(.wk-menu-icon-) {
                grid-gap: 6px
            }

                header #wk-super-menu .technologies .wk-submenu-off .wk-menu-item .wk-menu-icon:not(.wk-menu-icon-):before {
                    transform: scale(.85)
                }

    header #wk-super-menu .technologies .wk-submenu-list {
        column-count: 4;
        padding: 30px 10px
    }

    header #wk-super-menu .about .wk-submenu-list {
        column-count: 4;
        padding: 30px 10px
    }

    header #wk-super-menu .blogs .wk-submenu-board p {
        margin-bottom: 0
    }

    header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 {
        align-items: flex-start;
        height: 520px;
        grid-template-columns: 330px calc(100% - 710px) minmax(auto,379px)
    }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-submenu-callout {
            display: none
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-multilevel-submenu-wrap {
            padding: 32px;
            height: 500px
        }

            header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-multilevel-submenu-wrap .wk-submenu-list {
                display: grid;
                grid-template-columns: repeat(auto-fill,minmax(auto,390px));
                align-items: flex-start;
                grid-gap: 10px 40px;
                padding: 0;
                min-height: unset;
                height: unset
            }

                header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-multilevel-submenu-wrap .wk-submenu-list .wk-menu-item {
                    word-break: break-word
                }

                    header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-multilevel-submenu-wrap .wk-submenu-list .wk-menu-item a {
                        border-bottom: 1px solid transparent
                    }

                        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-multilevel-submenu-wrap .wk-submenu-list .wk-menu-item a:hover {
                            border-bottom: 1px solid currentColor
                        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item:has(>.wk-submenu-off) .wk-menu-link.wk-active:after, header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item:has(>.wk-submenu-off) .wk-menu-link:hover:after {
            content: '';
            display: inline-block;
            vertical-align: middle;
            margin-left: auto;
            transition: transform .3s ease-in;
            background-image: url(images/webkul-main-sprite8ea7.svg?v=4.9);
            background-repeat: no-repeat;
            width: 14px;
            height: 14px;
            background-position: -130px -180px;
            grid-area: 1/3;
            transform: rotate(275deg)
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-link {
            border-radius: 4px;
            border: 1px solid transparent;
            transition: .3s ease-in-out;
            word-break: break-word;
            grid-gap: 16px;
            grid-template-columns: 48px auto;
            padding: 6px
        }

            header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-link.wk-active, header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-link:hover {
                color: #2c3145;
                border-color: #d7dfe2
            }

            header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-link:not(.wk-menu-icon) {
                display: flex;
                align-items: center;
                justify-content: space-between
            }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon:not(.wk-menu-icon-):before {
            transform: unset;
            width: 48px;
            height: 48px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-bagisto::before {
            background-position: -6px -228px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-magento:before {
            background-position: -3px -118px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-odoo:before {
            background-position: -116px -116px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-symfony:before {
            background-position: -285px -115px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-opencart:before {
            background-position: -59px -117px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-salesforce:before {
            background-position: -171px -116px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-laravel:before {
            background-position: -227px -115px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-woocommerce:before {
            background-position: -4px -171px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-akeneo:before {
            background-position: -117px -173px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-apple:before {
            background-position: -230px -172px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-shopware:before {
            background-position: -60px -171px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-pimcore:before {
            background-position: -172px -171px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-android:before {
            background-position: -284px -170px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-cs-cart:before {
            background-position: -343px -116px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-prestashop:before {
            background-position: -396px -115px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-big-commerce:before {
            background-position: -341px -171px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-shopify:before {
            background-position: -397px -171px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-wix:before {
            background-position: -228px -227px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-sap:before {
            background-position: -284px -227px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-marketplace:before {
            background-position: -284px -285px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-mobile-apps:before {
            background-position: -397px -285px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-crm:before {
            background-position: -3px -341px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-erp:before {
            background-position: -59px -341px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-genai:before {
            background-position: -116px -341px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-pim:before {
            background-position: -340px -285px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-blockchain:before {
            background-position: -172px -341px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-ecommerce:before {
            background-position: -285px -341px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item .wk-menu-icon-devops:before {
            background-position: -229px -339px
        }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 > .wk-submenu-list {
            display: grid;
            padding: 20px 30px;
            max-width: 330px;
            border-right: 1px solid #d8d8d8
        }

            header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 > .wk-submenu-list.active {
                height: 500px;
                overflow-y: auto;
                overflow-x: hidden
            }

                header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 > .wk-submenu-list.active::-webkit-scrollbar {
                    width: 4px;
                    background-color: #f0f0f0
                }

                header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 > .wk-submenu-list.active::-webkit-scrollbar-thumb {
                    background-color: #2c314550;
                    border-radius: 16px
                }

                header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 > .wk-submenu-list.active::-webkit-scrollbar-track {
                    background-color: #f0f0f0
                }

                header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 > .wk-submenu-list.active .wk-menu-item:not(.wk-load-menu-items) {
                    display: block !important
                }

                header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 > .wk-submenu-list.active .wk-load-menu-items a, header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 > .wk-submenu-list.active .wk-load-menu-items div {
                    display: none
                }

                header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 > .wk-submenu-list.active .wk-load-menu-items span {
                    margin-left: 0
                }

            header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 > .wk-submenu-list .wk-load-menu-items {
                display: flex;
                align-items: center;
                overflow: hidden;
                cursor: pointer;
                height: 58px
            }

                header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 > .wk-submenu-list .wk-load-menu-items .wk-menu-link:not(.wk-menu-icon) {
                    display: none
                }

                    header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 > .wk-submenu-list .wk-load-menu-items .wk-menu-link:not(.wk-menu-icon) + .wk-drop {
                        margin-left: 0
                    }

                header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 > .wk-submenu-list .wk-load-menu-items .wk-menu-icon {
                    font-size: 0;
                    width: 48px;
                    height: 48px;
                    pointer-events: none;
                    user-select: none;
                    padding: 0
                }

                    header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 > .wk-submenu-list .wk-load-menu-items .wk-menu-icon:not(:first-child) {
                        margin-left: -8%;
                        border: 2px solid #fff
                    }

                    header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 > .wk-submenu-list .wk-load-menu-items .wk-menu-icon:before {
                        background-color: #ebf3f5
                    }

                header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 > .wk-submenu-list .wk-load-menu-items span {
                    margin-left: auto;
                    pointer-events: none;
                    user-select: none
                }

                    header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 > .wk-submenu-list .wk-load-menu-items span.active:after {
                        transform: rotateZ(180deg)
                    }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-menu-item {
            margin: 0 0 5px
        }

    header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-1 {
        left: 362px;
        top: 32px;
        grid-template-columns: auto;
        border-top: 0;
        box-shadow: none
    }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-1 .wk-submenu-list {
            column-count: 2;
            column-gap: 50px;
            padding: 0
        }

            header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-1 .wk-submenu-list .wk-menu-item {
                margin: 0 0 22px
            }

    header .wk-sap-mobile {
        display: none
    }

    header #wk-mobi-menu {
        display: none;
        justify-self: end
    }

        header #wk-mobi-menu #wk-hamburger-toggler {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            cursor: pointer;
            margin: 18px 0 18px 0;
            transition: transform .2s ease
        }

            header #wk-mobi-menu #wk-hamburger-toggler:before {
                content: '';
                display: block;
                width: 26px;
                height: 24px;
                background-image: url(images/webkul-main-sprite8ea7.svg?v=4.9);
                background-position: -165px -291px
            }

        header #wk-mobi-menu [class=wk-menu-item] {
            margin: 15px 0
        }

        header #wk-mobi-menu .mobi-nav-wrapper {
            box-shadow: inset rgba(0,0,0,.1) 0 0 0 0,inset rgba(0,0,0,.06) 0 5px 11px 0;
            display: none;
            padding: 15px
        }

            header #wk-mobi-menu .mobi-nav-wrapper .float-text, header #wk-mobi-menu .mobi-nav-wrapper .link-back {
                opacity: 0;
                font-size: 18px;
                color: #2149f3
            }

            header #wk-mobi-menu .mobi-nav-wrapper .float-text {
                display: block;
                position: relative;
                visibility: hidden;
                transition: all 250ms ease;
                transform: translate3d(50%,0,0);
                top: -60px;
                left: 34px
            }

                header #wk-mobi-menu .mobi-nav-wrapper .float-text.ease-float {
                    width: 72%;
                    visibility: visible;
                    transform: translate3d(0,0,0)
                }

            header #wk-mobi-menu .mobi-nav-wrapper .wk-mobi-actions-menu {
                display: none;
                position: fixed;
                bottom: 0;
                left: 15px;
                right: 15px;
                padding: 20px 0;
                border-top: 1px solid #d7dfe2
            }

                header #wk-mobi-menu .mobi-nav-wrapper .wk-mobi-actions-menu li.flank-rt-wrap {
                    text-align: center;
                    width: 100%
                }

                    header #wk-mobi-menu .mobi-nav-wrapper .wk-mobi-actions-menu li.flank-rt-wrap .wk-button {
                        padding: 9px 14px 10px;
                        margin: 0;
                        color: #fff;
                        min-width: auto
                    }

                header #wk-mobi-menu .mobi-nav-wrapper .wk-mobi-actions-menu li a {
                    display: block
                }

                    header #wk-mobi-menu .mobi-nav-wrapper .wk-mobi-actions-menu li a.wk-tertiary-button {
                        color: #fff;
                        border-radius: 3px;
                        padding: 9px 25px 10px 15px !important;
                        background-color: #cd3614;
                        transition: .2s
                    }

            header #wk-mobi-menu .mobi-nav-wrapper #__parentMenuHolder {
                overflow: auto;
                display: block
            }

                header #wk-mobi-menu .mobi-nav-wrapper #__parentMenuHolder a.wk-tertiary-button {
                    color: #fff;
                    border-radius: 3px;
                    padding: 9px 25px 10px 15px !important;
                    background-color: #cd3614;
                    transition: .2s
                }

                header #wk-mobi-menu .mobi-nav-wrapper #__parentMenuHolder li {
                    display: block;
                    margin: 15px 0;
                    grid-column: 1/end
                }

                    header #wk-mobi-menu .mobi-nav-wrapper #__parentMenuHolder li a {
                        display: block;
                        color: #2c3145;
                        font-weight: 600;
                        font-size: 14px;
                        padding: 10px 0;
                        text-decoration: none
                    }

                        header #wk-mobi-menu .mobi-nav-wrapper #__parentMenuHolder li a.wk-mobi-drop:after {
                            float: right;
                            transform: rotate(-90deg);
                            margin-right: 10px
                        }

                        header #wk-mobi-menu .mobi-nav-wrapper #__parentMenuHolder li a.wk-floating-pin:after {
                            margin-left: 4px;
                            margin-top: -2px
                        }

                    header #wk-mobi-menu .mobi-nav-wrapper #__parentMenuHolder li:first-child {
                        margin-top: 0
                    }

                    header #wk-mobi-menu .mobi-nav-wrapper #__parentMenuHolder li.flank-rt-wrap {
                        display: none
                    }

            header #wk-mobi-menu .mobi-nav-wrapper #__childMenuFan {
                display: block;
                background: #fff;
                position: fixed;
                overflow-y: auto;
                left: 0;
                top: 75px;
                width: 100%;
                height: 88%;
                z-index: 1000;
                padding: 0 15px 15px;
                transition: all 250ms ease
            }

                header #wk-mobi-menu .mobi-nav-wrapper #__childMenuFan.fan-inactive {
                    visibility: hidden;
                    transform: translate3d(100%,0,0)
                }

                header #wk-mobi-menu .mobi-nav-wrapper #__childMenuFan.fan-active {
                    visibility: visible;
                    transform: translate3d(0,0,0)
                }

                header #wk-mobi-menu .mobi-nav-wrapper #__childMenuFan li a.wk-mobi-drop-2:after {
                    transform: rotate(-90deg);
                    margin-right: 10px;
                    margin-left: auto;
                    grid-column-start: 3
                }

            header #wk-mobi-menu .mobi-nav-wrapper #__subChildMenuFan {
                display: block;
                background: #fff;
                position: fixed;
                overflow-y: auto;
                left: 0;
                top: 75px;
                width: 100%;
                height: 88%;
                z-index: 1000;
                padding: 0 15px 15px;
                transition: all 250ms ease
            }

                header #wk-mobi-menu .mobi-nav-wrapper #__subChildMenuFan.fan-inactive {
                    visibility: hidden;
                    transform: translate3d(100%,0,0)
                }

                header #wk-mobi-menu .mobi-nav-wrapper #__subChildMenuFan.fan-active {
                    visibility: visible;
                    transform: translate3d(0,0,0)
                }

        header #wk-mobi-menu.mobi-nav-active #wk-hamburger-toggler::before {
            background-position: -217px -293px
        }

        header #wk-mobi-menu.mobi-nav-active .link-back {
            background-image: url(images/webkul-main-sprite8ea7.svg?v=4.9);
            width: 26px;
            height: 20px;
            background-position: -217px -293px;
            display: inline-block;
            cursor: pointer;
            position: absolute;
            top: -43px
        }

        header #wk-mobi-menu.mobi-nav-active .mobi-nav-wrapper {
            display: block;
            position: fixed;
            width: 100%;
            height: 100%;
            background: #fff;
            left: 0;
            top: 68px
        }

        header #wk-mobi-menu.mobi-nav-active .wk-mobi-actions-menu {
            display: flex
        }

    header .wk-drop, header .wk-mobi-drop, header .wk-mobi-drop-2 {
        position: relative
    }

        header .wk-drop:after, header .wk-mobi-drop-2:after, header .wk-mobi-drop:after {
            content: '';
            display: inline-block;
            vertical-align: middle;
            margin-left: 5px;
            transition: transform .3s ease-in;
            background-image: url(images/webkul-main-sprite8ea7.svg?v=4.9);
            width: 14px;
            height: 14px;
            background-position: -130px -180px
        }

        header .wk-drop.wk-active:after, header .wk-mobi-drop-2.wk-active:after, header .wk-mobi-drop.wk-active:after {
            transform: rotateX(180deg)
        }

.playground .wk-site-hero-b {
    max-width: 1020px;
    margin: 0 auto;
    text-align: center;
    padding: 40px 15px 0
}

.playground .wk-site-hero-content-b {
    margin-top: 60px
}

    .playground .wk-site-hero-content-b p {
        font-size: 24px;
        margin: 0 0 16px
    }

        .playground .wk-site-hero-content-b p.p-x2 {
            color: #64687a;
            margin: 0;
            font-size: 18px
        }

    .playground .wk-site-hero-content-b .wk-site-tagline-b {
        font-size: 72px
    }

    .playground .wk-site-hero-content-b .wk-button {
        border-radius: 8px;
        padding: 20px 48px 21px;
        margin: 8px 0 24px 0;
        font-size: 24px;
        font-weight: 600
    }

.wk-site-hero {
    padding: 80px 50px 0;
    margin-top: 40px;
    display: grid;
    grid-template-columns: minmax(auto,625px) minmax(auto,380px);
    align-items: center;
    justify-content: space-around;
    justify-items: center;
    position: relative
}

    .wk-site-hero .wk-site-hero-content p {
        margin-bottom: 20px
    }

    .wk-site-hero .team-profile {
        z-index: 2;
        box-shadow: 0 48px 48px 0 rgba(0,0,0,.16),0 0 48px 0 rgba(0,0,0,.04);
        position: absolute;
        border-radius: 50%
    }

        .wk-site-hero .team-profile.thumb-1 {
            right: 70px;
            top: -60px;
            width: 120px;
            height: 120px
        }

        .wk-site-hero .team-profile.thumb-2 {
            right: -45px;
            top: 21px;
            width: 90px;
            height: 90px
        }

        .wk-site-hero .team-profile.thumb-3 {
            right: 48px;
            top: 99px;
            width: 76px;
            height: 76px
        }

    .wk-site-hero .wk-hero-box-wrap {
        position: relative;
        max-width: 380px;
        width: 100%
    }

        .wk-site-hero .wk-hero-box-wrap:after, .wk-site-hero .wk-hero-box-wrap:before {
            content: '';
            position: absolute;
            background-image: url(images/wk-sprite-picca.svg);
            width: 205px;
            height: 126px;
            background-position: 0 -252px;
            z-index: -1
        }

        .wk-site-hero .wk-hero-box-wrap:before {
            top: 0;
            left: -68px
        }

        .wk-site-hero .wk-hero-box-wrap:after {
            bottom: 40px;
            right: -30px;
            width: 115px;
            height: 71px;
            background-position: bottom;
            background-size: cover
        }

    .wk-site-hero .wk-hero-box {
        max-width: 380px;
        width: 100%;
        height: 410px;
        border-radius: 8px;
        box-shadow: 0 24px 56px 0 rgba(0,0,0,.16),0 0 24px 0 rgba(0,0,0,.04);
        background-color: #fff;
        padding: 25px;
        position: relative;
        overflow: hidden;
        display: grid;
        align-content: end
    }

        .wk-site-hero .wk-hero-box:after, .wk-site-hero .wk-hero-box:before {
            content: '';
            position: absolute;
            background-image: url(images/wk-sprite-picca.svg);
            width: 205px;
            background-position: 0 -126px;
            width: 140px;
            height: 126px;
            background-position: -66px -126px
        }

        .wk-site-hero .wk-hero-box:before {
            top: 0;
            left: 0
        }

        .wk-site-hero .wk-hero-box:after {
            bottom: 40px;
            right: -30px;
            width: 115px;
            height: 71px;
            background-position: center;
            background-size: cover
        }

        .wk-site-hero .wk-hero-box .wk-hero-box-title {
            font-weight: 800;
            font-size: 28px;
            margin-top: 10px;
            line-height: normal
        }

        .wk-site-hero .wk-hero-box .wk-button {
            justify-self: left
        }

.wk-customers-section .logo {
    min-width: 80px
}

.wk-page-services-section .wk-section-grid, .wk-services-section .wk-section-grid {
    grid-template-columns: repeat(3,1fr);
    grid-gap: 40px
}

.wk-page-services-section .wk-tile, .wk-services-section .wk-tile {
    padding: 20px 30px 30px;
    background-color: #ebf3f5;
    border-radius: 8px;
    place-items: start;
    display: grid
}

    .wk-page-services-section .wk-tile .tile-title, .wk-services-section .wk-tile .tile-title {
        font-size: 24px;
        margin: 13px 0 6px
    }

    .wk-page-services-section .wk-tile p, .wk-services-section .wk-tile p {
        margin: 0
    }

    .wk-page-services-section .wk-tile .wk-button, .wk-services-section .wk-tile .wk-button {
        align-self: end;
        margin: 24px 0 0
    }

        .wk-page-services-section .wk-tile .wk-button span, .wk-services-section .wk-tile .wk-button span {
            display: none
        }

    .wk-page-services-section .wk-tile .icon, .wk-services-section .wk-tile .icon {
        background-image: url(images/wk-sprite-icons6da2.png?v=2.2);
        width: 96px;
        height: 96px;
        display: block
    }

        .wk-page-services-section .wk-tile .icon.mobile, .wk-services-section .wk-tile .icon.mobile {
            background-position: 0 0
        }

        .wk-page-services-section .wk-tile .icon.cms, .wk-services-section .wk-tile .icon.cms {
            background-position: -96px 0
        }

        .wk-page-services-section .wk-tile .icon.web, .wk-services-section .wk-tile .icon.web {
            background-position: -192px 0
        }

        .wk-page-services-section .wk-tile .icon.ecom, .wk-services-section .wk-tile .icon.ecom {
            background-position: 0 -96px
        }

        .wk-page-services-section .wk-tile .icon.crm, .wk-services-section .wk-tile .icon.crm {
            background-position: -96px -96px
        }

        .wk-page-services-section .wk-tile .icon.saas, .wk-services-section .wk-tile .icon.saas {
            background-position: -192px -96px
        }

        .wk-page-services-section .wk-tile .icon.social-commerce, .wk-services-section .wk-tile .icon.social-commerce {
            background-position: 0 -195px
        }

        .wk-page-services-section .wk-tile .icon.adobe-commerce, .wk-services-section .wk-tile .icon.adobe-commerce {
            background-position: -96px -191px
        }

    .wk-page-services-section .wk-tile:hover, .wk-services-section .wk-tile:hover {
        text-decoration: none;
        color: initial
    }

.wk-page-services-section .wk-section-link, .wk-services-section .wk-section-link {
    margin-top: 20px
}

.wk-page-services-section .wk-tile {
    background-color: #d9efff;
    transition: all .2s ease-in-out
}

    .wk-page-services-section .wk-tile:hover {
        background-color: #d9efff80
    }

    .wk-page-services-section .wk-tile .icon {
        background-image: url(images/wk-sprite-service-iconsffaf.png?v=1.4);
        background-repeat: no-repeat;
        width: 96px;
        height: 96px;
        display: block
    }

        .wk-page-services-section .wk-tile .icon.web {
            background-position: 0 0
        }

        .wk-page-services-section .wk-tile .icon.mob-dev {
            background-position: -96px 0
        }

        .wk-page-services-section .wk-tile .icon.cms-dev {
            background-position: -192px 0
        }

        .wk-page-services-section .wk-tile .icon.mp-dev {
            background-position: 0 -96px
        }

        .wk-page-services-section .wk-tile .icon.crm-dev {
            background-position: -96px -96px
        }

        .wk-page-services-section .wk-tile .icon.pos-dev {
            background-position: -192px -96px
        }

        .wk-page-services-section .wk-tile .icon.socialc-dev {
            background-position: 0 -193px
        }

        .wk-page-services-section .wk-tile .icon.pim-dev {
            background-position: -96px -190px
        }

        .wk-page-services-section .wk-tile .icon.api-dev {
            background-position: -192px -190px
        }

        .wk-page-services-section .wk-tile .icon.pwa-amp-dev {
            background-position: 0 -288px
        }

        .wk-page-services-section .wk-tile .icon.pwa-scan-dev {
            background-position: -96px -288px
        }

        .wk-page-services-section .wk-tile .icon.saas-dev {
            background-position: -192px -288px
        }

        .wk-page-services-section .wk-tile .icon.cloud-dev {
            background-position: 0 -384px
        }

        .wk-page-services-section .wk-tile .icon.open-dev {
            background-position: -96px -384px
        }

        .wk-page-services-section .wk-tile .icon.ml-dev {
            background-position: -191px -384px
        }

        .wk-page-services-section .wk-tile .icon.ui-dev {
            background-position: 0 -480px
        }

        .wk-page-services-section .wk-tile .icon.digital {
            background-position: -96px -480px
        }

        .wk-page-services-section .wk-tile .icon.ar-dev {
            background-position: -191px -480px
        }

        .wk-page-services-section .wk-tile .icon.adobe-dev {
            background-position: 0 -576px
        }

        .wk-page-services-section .wk-tile .icon.odoo-dev {
            background-position: -96px -576px
        }

        .wk-page-services-section .wk-tile .icon.salesforce-dev {
            background-position: -192px -576px
        }

        .wk-page-services-section .wk-tile .icon.blockchain-dev {
            background-position: 0 -671px
        }

        .wk-page-services-section .wk-tile .icon.gen-ai {
            background-position: 0 -769px
        }

        .wk-page-services-section .wk-tile .icon.chatgpt {
            background-position: -96px -769px
        }

        .wk-page-services-section .wk-tile .icon.virtiual-makeup {
            background-position: 0 -865px
        }

        .wk-page-services-section .wk-tile .icon.sunglasses-vitual {
            background-position: -192px -865px
        }

        .wk-page-services-section .wk-tile .icon.nft-mp {
            background-position: -192px -672px
        }

        .wk-page-services-section .wk-tile .icon.headless-com {
            background-position: -96px -672px
        }

        .wk-page-services-section .wk-tile .icon.bagisto-dev {
            background-position: -96px -865px
        }

.wk-page-services-section .wk-not-found {
    text-align: center;
    left: 0;
    right: 0;
    font-size: 24px;
    color: #64687a
}

.wk-technology-section .wk-section-grid {
    grid-template-columns: repeat(auto-fill,minmax(auto,160px));
    grid-gap: 32px
}

.wk-technology-section .wk-tech-brick {
    border-radius: 8px;
    background-color: #ebf3f5;
    display: grid;
    place-items: center;
    padding: 30px 20px;
    border: solid 2px transparent
}

    .wk-technology-section .wk-tech-brick p {
        margin: 8px 0 0;
        text-align: center
    }

    .wk-technology-section .wk-tech-brick:hover {
        text-decoration: none;
        background: #fff;
        border-color: #2c3145
    }

#contact-modal {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.72);
    width: 100%;
    height: 100%;
    z-index: 100000;
    align-items: center;
    justify-content: center;
    grid-template-columns: minmax(30px,auto) auto minmax(30px,auto);
    grid-template-rows: minmax(30px,auto) minmax(84.636%,650px) minmax(30px,auto);
    display: none
}

    #contact-modal:has(>.contact-modal-inner>.contact-modal-form>.contact-modal-form-inner>.modal-type>.wk-modal-form-wpcf7) {
        grid-template-rows: minmax(30px,auto) minmax(62.636%,650px) minmax(30px,auto)
    }

    #contact-modal[modal=on] {
        display: grid;
        animation: on-fade .35s
    }

    #contact-modal[modal=off] {
        display: none;
        animation: on-fade-off .2s
    }

    #contact-modal[modal=off] {
        display: none;
        animation: on-fade-off .2s
    }

    #contact-modal .contact-modal-inner {
        display: grid;
        grid-template-columns: auto;
        border-radius: 16px;
        height: 100%;
        grid-column: 2;
        grid-row: 2;
        position: relative;
        width: 506px;
        overflow: hidden
    }

        #contact-modal .contact-modal-inner #modal-close {
            position: absolute;
            right: 20px;
            top: 15px;
            background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
            background-repeat: no-repeat;
            background-position: -171px -99px;
            width: 18px;
            height: 18px;
            cursor: pointer;
            z-index: 2
        }

        #contact-modal .contact-modal-inner .contact-modal-info {
            background-color: #d9efff;
            padding: 31px;
            border-radius: 16px 0 0 16px;
            display: grid;
            grid-gap: 30px;
            align-content: space-between;
            overflow-y: auto
        }

            #contact-modal .contact-modal-inner .contact-modal-info a {
                text-decoration: none
            }

            #contact-modal .contact-modal-inner .contact-modal-info .wk-saying-block .profile-thumb {
                width: 86px;
                height: 86px;
                background-color: #adc9dd
            }

            #contact-modal .contact-modal-inner .contact-modal-info .talk-to-sales {
                display: grid;
                grid-gap: 14px
            }

                #contact-modal .contact-modal-inner .contact-modal-info .talk-to-sales p {
                    margin: 0
                }

                #contact-modal .contact-modal-inner .contact-modal-info .talk-to-sales .item .icon:before {
                    content: '';
                    background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
                    background-repeat: no-repeat;
                    background-position: -168px -122px;
                    width: 24px;
                    height: 20px;
                    display: inline-block;
                    vertical-align: middle;
                    margin: 0 6px 2px
                }

                #contact-modal .contact-modal-inner .contact-modal-info .talk-to-sales .item .ind:before {
                    background-position-x: -144px
                }

                #contact-modal .contact-modal-inner .contact-modal-info .talk-to-sales .item .skype:before {
                    background-position-x: -193px
                }

                #contact-modal .contact-modal-inner .contact-modal-info .talk-to-sales .item .chatwhizz:before {
                    background-position: -104px -153px;
                    height: 24px
                }

                #contact-modal .contact-modal-inner .contact-modal-info .talk-to-sales .item a {
                    font-size: 16px;
                    color: #2c3145;
                    font-weight: 400
                }

                    #contact-modal .contact-modal-inner .contact-modal-info .talk-to-sales .item a:hover {
                        text-decoration: underline
                    }

            #contact-modal .contact-modal-inner .contact-modal-info .social-links {
                display: none
            }

                #contact-modal .contact-modal-inner .contact-modal-info .social-links a {
                    color: #64687a;
                    font-size: 14px;
                    font-weight: 400;
                    display: block;
                    margin: 14px 0
                }

            #contact-modal .contact-modal-inner .contact-modal-info.layout-2 .wk-saying-block {
                display: none
            }

            #contact-modal .contact-modal-inner .contact-modal-info.layout-2 .social-links {
                display: block
            }

        #contact-modal .contact-modal-inner .contact-modal-form {
            background-color: #fff;
            height: 100%;
            overflow-y: auto;
            padding: 0 40px 40px 40px;
            border-radius: 16px;
            position: relative
        }

            #contact-modal .contact-modal-inner .contact-modal-form[data-view=form] .contact-modal-success {
                display: none
            }

            #contact-modal .contact-modal-inner .contact-modal-form[data-view=form] .contact-modal-form-inner {
                display: block
            }

            #contact-modal .contact-modal-inner .contact-modal-form[data-view=message] {
                overflow: hidden
            }

                #contact-modal .contact-modal-inner .contact-modal-form[data-view=message] .contact-modal-success {
                    display: grid
                }

                #contact-modal .contact-modal-inner .contact-modal-form[data-view=message] .contact-modal-form-inner {
                    display: none
                }

            #contact-modal .contact-modal-inner .contact-modal-form:before {
                content: "";
                background: #fff;
                position: sticky;
                width: 100%;
                top: 0;
                display: block;
                left: 0;
                z-index: 1;
                height: 60px
            }

            #contact-modal .contact-modal-inner .contact-modal-form .screen-reader-response {
                display: none
            }

            #contact-modal .contact-modal-inner .contact-modal-form .contact-modal-success {
                display: grid;
                grid-gap: 15px;
                position: absolute;
                top: 0;
                left: 0;
                background: #fff;
                text-align: center;
                height: 100%;
                padding: 40px;
                vertical-align: middle;
                align-content: center;
                justify-items: center
            }

                #contact-modal .contact-modal-inner .contact-modal-form .contact-modal-success * {
                    margin: 0
                }

.wk-story-section .wk-story-box {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 447px;
    display: none;
    border-radius: 8px
}

    .wk-story-section .wk-story-box.active {
        display: grid;
        animation: on-fade .5s
    }

    .wk-story-section .wk-story-box .story-cover img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px
    }

    .wk-story-section .wk-story-box .wk-story-content {
        padding: 30px;
        display: grid;
        align-items: center;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        height: 100%
    }

        .wk-story-section .wk-story-box .wk-story-content .wk-name-card {
            display: grid;
            grid-template-columns: auto auto;
            justify-content: start;
            grid-gap: 4px 16px
        }

            .wk-story-section .wk-story-box .wk-story-content .wk-name-card > img, .wk-story-section .wk-story-box .wk-story-content .wk-name-card > picture {
                grid-row-end: span 2
            }

            .wk-story-section .wk-story-box .wk-story-content .wk-name-card .thumb {
                width: 72px;
                height: 72px;
                display: inline-block;
                border-radius: 8px;
                background-color: #b2b5c4;
                grid-row-end: span 2
            }

            .wk-story-section .wk-story-box .wk-story-content .wk-name-card .name {
                align-self: end;
                font-size: 16px;
                font-weight: 600
            }

            .wk-story-section .wk-story-box .wk-story-content .wk-name-card .location {
                color: #64687a
            }

            .wk-story-section .wk-story-box .wk-story-content .wk-name-card .social-loc-wrap {
                display: grid
            }

                .wk-story-section .wk-story-box .wk-story-content .wk-name-card .social-loc-wrap .social-icon:before {
                    opacity: 1;
                    transition: all .3s ease-in-out
                }

                .wk-story-section .wk-story-box .wk-story-content .wk-name-card .social-loc-wrap .social-icon:hover:before {
                    opacity: .8
                }

.wk-story-section .wk-story-toggler {
    display: grid;
    align-items: start;
    grid-template-columns: repeat(auto-fit,minmax(200px,auto));
    grid-column-gap: 20px;
    margin-top: 30px;
    justify-content: center
}

    .wk-story-section .wk-story-toggler .story-dir-nav {
        display: none;
        min-width: auto;
        margin: 0
    }

    .wk-story-section .wk-story-toggler .wk-story-nav {
        border-radius: 4px;
        background-color: #fff;
        border: 2px solid transparent;
        cursor: pointer;
        text-align: center;
        min-height: 75px
    }

        .wk-story-section .wk-story-toggler .wk-story-nav.active {
            border-color: #b2b5c4
        }

        .wk-story-section .wk-story-toggler .wk-story-nav:hover {
            border-color: #2c3145
        }

.block-cards-section .block-cards-wrapper, .block-cards-section .wk-section-grid, .wk-awards-section .block-cards-wrapper, .wk-awards-section .wk-section-grid {
    grid-template-columns: repeat(auto-fill,minmax(auto,280px));
    grid-gap: 31px;
    display: grid
}

.block-cards-section .wk-badges-section, .wk-awards-section .wk-badges-section {
    grid-column: 1/-1
}

.block-cards-section .award-lateral-view, .wk-awards-section .award-lateral-view {
    grid-column: 1/-1;
    padding: 32px;
    background-color: #ebf3f5;
    border-radius: 8px;
    display: grid;
    justify-content: space-between;
    grid-template-columns: auto auto;
    grid-gap: 20px
}

    .block-cards-section .award-lateral-view img, .block-cards-section .award-lateral-view picture, .wk-awards-section .award-lateral-view img, .wk-awards-section .award-lateral-view picture {
        order: 1
    }

    .block-cards-section .award-lateral-view .award-lateral-content *, .wk-awards-section .award-lateral-view .award-lateral-content * {
        margin: 0
    }

    .block-cards-section .award-lateral-view .award-lateral-content h3, .wk-awards-section .award-lateral-view .award-lateral-content h3 {
        margin-bottom: 8px
    }

.block-card, .shaded-image-link {
    border-radius: 8px;
    display: grid;
    place-items: center;
    overflow: hidden;
    position: relative;
    height: 380px;
    font-weight: 800;
    min-width: 282px;
    transition: .35s cubic-bezier(.39,.58,.57,1)
}

    .block-card picture, .shaded-image-link picture {
        max-width: 100%;
        position: absolute;
        height: 100%;
        object-fit: contain
    }

    .block-card .link-title, .shaded-image-link .link-title {
        align-self: end;
        z-index: 2;
        font-size: 20px;
        color: #fff;
        display: block;
        background-image: linear-gradient(to bottom,rgba(0,0,0,0),#000 89%);
        padding: 20px 40px 23px 20px;
        width: 100%;
        transition: .35s cubic-bezier(.39,.58,.57,1);
        position: absolute;
        bottom: 0
    }

        .block-card .link-title[data-label]:before, .shaded-image-link .link-title[data-label]:before {
            content: attr(data-label);
            display: block;
            font-size: 16px;
            font-weight: 600;
            color: rgba(255,255,255,.72);
            margin-bottom: 2px
        }

        .block-card .link-title .card-label, .shaded-image-link .link-title .card-label {
            white-space: pre-wrap
        }

    .block-card:not(.no-link):after, .shaded-image-link:not(.no-link):after {
        content: "";
        display: block;
        background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        position: absolute;
        z-index: 3;
        right: 20px;
        bottom: 20px;
        background-position: -25px -32px;
        transition: .35s cubic-bezier(.39,.58,.57,1)
    }

    .block-card:not(.no-link):hover, .shaded-image-link:not(.no-link):hover {
        text-decoration: none;
        transform: translateY(-8px)
    }

        .block-card:not(.no-link):hover .link-title, .shaded-image-link:not(.no-link):hover .link-title {
            padding-bottom: 28px
        }

        .block-card:not(.no-link):hover:after, .shaded-image-link:not(.no-link):hover:after {
            transform: translateY(-8px)
        }

.block-cards-section .block-cards-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: -20px;
    justify-content: center
}

    .block-cards-section .block-cards-wrapper .block-card {
        flex-basis: 0;
        flex-grow: 1;
        min-width: 280px;
        max-width: 594px
    }

        .block-cards-section .block-cards-wrapper .block-card img {
            width: 100%;
            max-width: 100%;
            position: absolute;
            height: 100%;
            object-fit: cover
        }

        .block-cards-section .block-cards-wrapper .block-card .link-caption {
            display: block;
            font-size: 16px;
            font-weight: 600;
            color: rgba(255,255,255,.72)
        }

    .block-cards-section .block-cards-wrapper.card-lg {
        grid-gap: 40px
    }

        .block-cards-section .block-cards-wrapper.card-lg .block-card {
            height: 440px
        }

    .block-cards-section .block-cards-wrapper:not(.card-lg) .block-card {
        max-width: 280px
    }

    .block-cards-section .block-cards-wrapper.card-link-social:not(.no-link) .block-card:after {
        width: 48px;
        height: 48px;
        background-position: center
    }

    .block-cards-section .block-cards-wrapper.card-link-social:not(.no-link) .block-card:nth-child(1):after {
        background-image: url(images/orphan/icon-facebook6654.png?v1)
    }

    .block-cards-section .block-cards-wrapper.card-link-social:not(.no-link) .block-card:nth-child(2):after {
        background-image: url(images/orphan/icon-linkedin.png)
    }

.block-badges-section .block-badges-wrapper, .block-badges-section .wk-section-grid, .wk-badges-section .block-badges-wrapper, .wk-badges-section .wk-section-grid {
    grid-template-columns: repeat(auto-fit,minmax(auto,379px));
    grid-gap: 40px
}

    .block-badges-section .block-badges-wrapper.badge-box-view, .block-badges-section .wk-section-grid.badge-box-view, .wk-badges-section .block-badges-wrapper.badge-box-view, .wk-badges-section .wk-section-grid.badge-box-view {
        grid-template-columns: repeat(auto-fit,minmax(auto,275px))
    }

        .block-badges-section .block-badges-wrapper.badge-box-view .wk-badge, .block-badges-section .wk-section-grid.badge-box-view .wk-badge, .wk-badges-section .block-badges-wrapper.badge-box-view .wk-badge, .wk-badges-section .wk-section-grid.badge-box-view .wk-badge {
            grid-template-columns: auto
        }

.wk-badge {
    display: grid;
    grid-template-columns: 120px auto;
    background-color: #ebf3f5;
    align-items: center;
    border-radius: 8px;
    padding: 8px 20px;
    border: 2px solid transparent
}

    .wk-badge .badge-icon {
        background-image: url(images/wk-sprite-persuasionf9e3.png?v=1.1);
        background-repeat: no-repeat;
        width: 110px;
        height: 95px;
        background-position: 0 0
    }

        .wk-badge .badge-icon.mg {
            background-position: 0 0
        }

        .wk-badge .badge-icon.ps {
            background-position: -110px 0;
            width: 88px
        }

        .wk-badge .badge-icon.oc {
            background-position: -196px 0;
            width: 92px
        }

        .wk-badge .badge-icon.sh {
            background-position: -288px 0;
            width: 80px
        }

    .wk-badge .badge-icon-usa {
        background-image: url(images/usa-page/usa-sprite.png);
        background-repeat: no-repeat;
        width: 50px;
        height: 60px;
        background-position: 0 0
    }

        .wk-badge .badge-icon-usa.person {
            background-position: -10px 0
        }

        .wk-badge .badge-icon-usa.mobile {
            background-position: -70px 0
        }

        .wk-badge .badge-icon-usa.plugin {
            background-position: -133px 0
        }

        .wk-badge .badge-icon-usa.setting {
            background-position: -183px 0
        }

    .wk-badge .badge-label {
        font-size: 20px;
        font-weight: 600;
        color: #2c3145;
        text-decoration: none;
        margin: 0 12px 0 0
    }

.block-badges-wrapper, .caption-wide-view, .wk-fancy-links {
    grid-template-columns: repeat(3,1fr) !important
}

.wk-home-client .wk-section-grid {
    grid-gap: 40px
}

.wk-home-client .wk-quote {
    padding-right: 40px
}

.wk-home-client span {
    color: #1d9bf0
}

.wk-home-client p {
    margin: 12px 0 0;
    font-size: 24px;
    line-height: 34px
}

    .wk-home-client p span {
        font-weight: 600
    }

.wk-events-section {
    box-shadow: inset 0 2px 40px -7px rgba(0,0,0,.1);
    text-align: center;
    position: relative
}

    .wk-events-section .switchers {
        position: absolute;
        top: 0;
        height: 100%;
        padding: 15px;
        background-color: #ddd;
        cursor: pointer
    }

        .wk-events-section .switchers:after {
            content: "";
            display: inline-block;
            background: url(images/events/arrow.svg) no-repeat;
            width: 22px;
            height: 39px;
            opacity: .3;
            position: relative;
            top: 43%
        }

        .wk-events-section .switchers.remove {
            transition: .2s;
            opacity: 0;
            visibility: hidden
        }

        .wk-events-section .switchers.next {
            right: 0
        }

        .wk-events-section .switchers.prev {
            left: 0
        }

            .wk-events-section .switchers.prev:after {
                transform: rotatey(180deg)
            }

    .wk-events-section .event-blocks-wrapper {
        max-width: 1100px;
        width: 86%;
        margin: auto;
        overflow: hidden
    }

        .wk-events-section .event-blocks-wrapper .event-slider-wrap {
            display: table;
            transition: .8s cubic-bezier(.4,0,.2,1)
        }

            .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks {
                padding: 30px 0;
                float: left;
                max-width: 100% !important;
                display: none
            }

                .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks.active {
                    display: block
                }

                .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks .__profile, .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks .__saying {
                    display: inline-block;
                    vertical-align: middle
                }

                .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks .__profile {
                    width: 200px;
                    position: relative
                }

                    .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks .__profile img {
                        border-radius: 50%;
                        max-width: 100%
                    }

                    .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks .__profile .__linkd:after, .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks .__profile .__tw:after {
                        content: '';
                        width: 48px;
                        height: 48px;
                        display: inline-block;
                        position: absolute;
                        top: 0;
                        right: 0;
                        border-radius: 24px
                    }

                    .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks .__profile .__tw:after {
                        background: url(images/events/icon-tw.svg) no-repeat
                    }

                    .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks .__profile .__linkd:after {
                        background: url(images/events/icon-in.svg) no-repeat
                    }

                .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks .__saying {
                    text-align: left;
                    width: 64%;
                    margin-left: 45px
                }

                    .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks .__saying p {
                        color: #2c3145;
                        margin-bottom: 8px
                    }

                    .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks .__saying a.button-ghost {
                        padding: 12px 42px 13px 42px;
                        margin-left: 12px
                    }

.wk-partner-section .wk-partner-wrap {
    padding: 15px 0;
    background: #ebf3f5;
    border-radius: 8px
}

.wk-partner-section .wk-section {
    max-width: 1024px;
    margin: auto
}

.wk-partner-section .wk-section-link {
    margin-top: 20px
}

.wk-partner-section img {
    border-radius: 8px
}

.wk-footer li a {
    color: #64687a;
    font-size: 14px;
    font-weight: 400
}

.wk-footer .dark-text a {
    color: #000
}

.wk-footer .footer-title {
    font-size: 14px;
    color: #2c3145;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600
}

.wk-footer .wk-mega-footer {
    display: grid;
    justify-content: space-evenly;
    grid-template-columns: repeat(auto-fit,minmax(150px,auto));
    grid-gap: 30px
}

.wk-footer .wk-mini-footer {
    padding: 50px 0 60px
}

    .wk-footer .wk-mini-footer .footer-entity {
        display: grid;
        grid-template-columns: auto auto;
        grid-gap: 0 5px;
        font-size: 16px;
        justify-content: center;
        color: #000;
        font-weight: 400
    }

        .wk-footer .wk-mini-footer .footer-entity:hover {
            text-decoration: none
        }

        .wk-footer .wk-mini-footer .footer-entity.google, .wk-footer .wk-mini-footer .footer-entity.trustpilot {
            display: grid !important
        }

            .wk-footer .wk-mini-footer .footer-entity.google .logo, .wk-footer .wk-mini-footer .footer-entity.trustpilot .logo {
                background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
                background-repeat: no-repeat;
                width: 58px;
                height: 58px;
                grid-row: span 2
            }

            .wk-footer .wk-mini-footer .footer-entity.google .rating, .wk-footer .wk-mini-footer .footer-entity.trustpilot .rating {
                font-weight: 800;
                display: grid;
                grid-auto-flow: column;
                align-items: center
            }

                .wk-footer .wk-mini-footer .footer-entity.google .rating span, .wk-footer .wk-mini-footer .footer-entity.trustpilot .rating span {
                    display: inline-block;
                    background-image: url(images/wk-sprite-rating.png);
                    width: 20px;
                    height: 20px
                }

            .wk-footer .wk-mini-footer .footer-entity.google .logo {
                background-position: 0 -96px
            }

            .wk-footer .wk-mini-footer .footer-entity.google .rating span {
                background-position: 0 0
            }

            .wk-footer .wk-mini-footer .footer-entity.trustpilot .logo {
                background-position: -58px -96px
            }

            .wk-footer .wk-mini-footer .footer-entity.trustpilot .rating span {
                background-position: 0 -20px
            }

        .wk-footer .wk-mini-footer .footer-entity:last-of-type {
            text-align: center;
            display: block;
            grid-column: 1/end;
            justify-self: center
        }

            .wk-footer .wk-mini-footer .footer-entity:last-of-type p {
                font-size: 14px;
                color: #64687a
            }

                .wk-footer .wk-mini-footer .footer-entity:last-of-type p:last-child {
                    margin: 0
                }

        .wk-footer .wk-mini-footer .footer-entity.footer-badges .logo {
            display: inline-block;
            background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
            background-repeat: no-repeat
        }

            .wk-footer .wk-mini-footer .footer-entity.footer-badges .logo.norton-seal {
                width: 122px;
                height: 66px;
                background-position: 0 -473px
            }

            .wk-footer .wk-mini-footer .footer-entity.footer-badges .logo.salesforce-badge {
                width: 190px;
                height: 60px;
                background-position: 0 -407px
            }

            .wk-footer .wk-mini-footer .footer-entity.footer-badges .logo.adobe-badge {
                width: 79px;
                height: 79px;
                background-position: -139px -323px
            }

            .wk-footer .wk-mini-footer .footer-entity.footer-badges .logo.iso-badge {
                width: 135px;
                height: 76px;
                background-position: 1px -325px
            }

            .wk-footer .wk-mini-footer .footer-entity.footer-badges .logo.cmmi {
                width: 216px;
                height: 78px;
                background-position: 0 -242px
            }

.wk-footer .wk-footer-social {
    padding: 15px 0;
    border-top: 1px solid #d7dfe2;
    border-bottom: 1px solid #d7dfe2;
    margin-top: 30px
}

    .wk-footer .wk-footer-social ul {
        display: flex;
        flex-wrap: wrap;
        grid-gap: 10px 19px;
        place-content: center;
        margin: 0
    }

        .wk-footer .wk-footer-social ul li {
            margin: 0
        }

.wk-metainfo-box {
    background-color: #fafafa;
    padding: 35px;
    margin: 35px auto;
    max-width: 765px
}

    .wk-metainfo-box p {
        margin: 5px 0 15px;
        color: #64687a
    }

        .wk-metainfo-box p:empty {
            display: none
        }

    .wk-metainfo-box a {
        margin: 0
    }

#bigcommerce-service-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1001;
    overflow: auto;
    display: none
}

    #bigcommerce-service-modal body {
        overflow: hidden
    }

    #bigcommerce-service-modal[board=open] {
        display: block;
        animation-name: on-fade;
        animation-duration: .3s
    }

    #bigcommerce-service-modal[board=close] {
        display: none
    }

    #bigcommerce-service-modal .bigcommerce-form-container {
        padding: 0 15px;
        max-width: 425px;
        margin: 0 auto
    }

    #bigcommerce-service-modal .bigcommerce-form-wrapper .bigcommerce-service-head {
        border-bottom: 1px solid #dcdcdc;
        position: fixed;
        background: #fff;
        z-index: 10;
        width: 100%;
        top: 0
    }

        #bigcommerce-service-modal .bigcommerce-form-wrapper .bigcommerce-service-head .bigcommerce-back-link {
            padding: 16px 0 15px;
            line-height: 1;
            font-size: 18px;
            color: #2c3145;
            cursor: pointer;
            display: inline-block
        }

            #bigcommerce-service-modal .bigcommerce-form-wrapper .bigcommerce-service-head .bigcommerce-back-link:before {
                content: '';
                background-image: url(images/wk-sprite-global.png);
                width: 26px;
                height: 24px;
                background-position: -47px -32px;
                display: inline-block;
                cursor: pointer;
                vertical-align: middle;
                margin-right: 5px;
                transform: rotate(180deg)
            }

    #bigcommerce-service-modal .bigcommerce-form-body {
        margin: 90px 0 40px
    }

.wk-india-location, .wk-italy-location, .wk-usa-location {
    color: #64687a;
    font-size: 14px;
    font-weight: 400;
    margin: 20px 0
}

    .wk-india-location p, .wk-italy-location p, .wk-usa-location p {
        color: #64687a;
        font-size: 14px;
        font-weight: 400;
        margin: 10px 0 0 0;
        line-height: 22px
    }

    .wk-india-location span, .wk-italy-location span, .wk-usa-location span {
        font-weight: 600
    }

        .wk-india-location span::before, .wk-italy-location span::before, .wk-usa-location span::before {
            content: "";
            display: inline-block;
            background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
            background-repeat: no-repeat;
            width: 25px;
            height: 17px;
            vertical-align: middle;
            margin-right: 10px
        }

    .wk-india-location:last-of-type, .wk-italy-location:last-of-type, .wk-usa-location:last-of-type {
        margin-bottom: 0
    }

    .wk-usa-location span {
        font-weight: 600
    }

        .wk-usa-location span::before {
            background-position: -168px -124px
        }

    .wk-india-location span {
        font-weight: 600
    }

        .wk-india-location span::before {
            background-position: -143px -124px
        }

    .wk-italy-location span {
        font-weight: 600
    }

        .wk-italy-location span::before {
            background-position: -115px -128px
        }

.wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-content {
    text-align: center
}

    .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-content .wk-openc-title {
        font-size: 34px
    }

    .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-content .wk-openc-desc {
        margin-bottom: 10px;
        max-width: 728px;
        margin: 0 auto
    }

.wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
    margin-top: 30px
}

    .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card .wk-openc-single-card {
        flex: 1 0 calc(50% - 30px);
        padding: 36px;
        border-radius: 16px;
        text-decoration: none;
        transition: .35s cubic-bezier(.39,.58,.57,1)
    }

        .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card .wk-openc-single-card:hover .openc-card-desc a {
            text-decoration: underline
        }

        .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card .wk-openc-single-card a {
            color: #fff;
            font-weight: 400
        }

        .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card .wk-openc-single-card .openc-project-logo {
            width: 60px;
            height: 60px;
            background-color: #fff;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            border-radius: 8px;
            margin-right: 10px
        }

        .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card .wk-openc-single-card .openc-name {
            display: inline-block;
            font-size: 24px;
            color: #fff;
            font-weight: 700;
            margin-top: 0
        }

        .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card .wk-openc-single-card .openc-card-desc {
            color: #fff;
            margin: 10px 0 0 0;
            font-size: 16px
        }

        .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card .wk-openc-single-card .openc-bottom-wrap {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 30px
        }

            .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card .wk-openc-single-card .openc-bottom-wrap .openc-git-star:before {
                content: '';
                display: inline-block;
                background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
                background-repeat: no-repeat;
                width: 24px;
                height: 16px;
                background-position: -233px -33px;
                margin-right: 4px
            }

            .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card .wk-openc-single-card .openc-bottom-wrap .openc-arrow {
                transition: .35s cubic-bezier(.39,.58,.57,1);
                display: inline-block;
                vertical-align: middle;
                background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
                background-repeat: no-repeat;
                width: 24px;
                height: 16px;
                background-position: -23px -36px
            }

            .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card .wk-openc-single-card .openc-bottom-wrap:hover .openc-arrow {
                transform: translateX(5px)
            }

            .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card .wk-openc-single-card .openc-bottom-wrap p {
                margin: 0;
                color: #fff
            }

    .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card .openc-bagisto {
        background-color: #0041ff
    }

    .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card .openc-qlo {
        background-color: #000
    }

    .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card .openc-krayin {
        background-color: #0078bd
    }

    .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card .openc-uvdesk {
        background-color: #6552dd
    }

    .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card .openc-unopim {
        background-color: #414361
    }

    .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card .openc-aureus {
        background-color: #9041bf
    }

.wk-opensource-contribution-section .wk-openc-wrapper .wk-section-link {
    margin-top: 30px;
    text-align: center
}

.wk-jumbotron-wrap {
    display: flex;
    padding: 0 90px;
    background-color: #d7dfe2;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-radius: 20px;
    position: relative;
    z-index: 1
}

    .wk-jumbotron-wrap .wk-jumbo-content h2 {
        max-width: 540px
    }

    .wk-jumbotron-wrap:after, .wk-jumbotron-wrap:before {
        content: '';
        position: absolute;
        background-image: url(images/wk-sprite-picca.svg);
        background-repeat: no-repeat;
        z-index: -1;
        border-radius: 20px
    }

    .wk-jumbotron-wrap:before {
        width: 205px;
        height: 126px;
        background-position: -65px -126px;
        top: 0;
        left: 0
    }

    .wk-jumbotron-wrap:after {
        right: 0;
        bottom: 0;
        width: 122px;
        height: 75px;
        background-position: 32px -124px
    }

.page-notice-board .notice-board-body {
    display: grid;
    grid-template-columns: minmax(111px,max-content) auto;
    grid-gap: 4px 16px;
    padding: 8px 16px;
    border: 2px solid #adc9dd;
    border-radius: 16px;
    align-items: center;
    margin-top: 40px
}

    .page-notice-board .notice-board-body .notice-img {
        grid-row: span 2;
        min-height: 80px;
        min-width: 110px
    }

    .page-notice-board .notice-board-body .notice-detail, .page-notice-board .notice-board-body .notice-title {
        margin: 0
    }

    .page-notice-board .notice-board-body .notice-title {
        font-weight: 600;
        font-size: 20px;
        align-self: end
    }

    .page-notice-board .notice-board-body .notice-detail {
        align-self: start;
        font-size: 16px
    }

.component--page-header, .wk-page-header {
    padding: 80px 0;
    text-align: center
}

    .component--page-header .header-wrap, .wk-page-header .header-wrap {
        display: grid;
        text-align: center;
        grid-gap: 40px
    }

        .component--page-header .header-wrap.header--view-alter, .wk-page-header .header-wrap.header--view-alter {
            text-align: left;
            grid-template-columns: 1fr 1fr
        }

            .component--page-header .header-wrap.header--view-alter .header-img img, .wk-page-header .header-wrap.header--view-alter .header-img img {
                border-radius: 24px
            }

    .component--page-header .header-tagline, .component--page-header .page-tagline, .wk-page-header .header-tagline, .wk-page-header .page-tagline {
        max-width: 920px;
        margin: auto
    }

        .component--page-header .header-tagline .title, .component--page-header .header-tagline h1, .component--page-header .page-tagline .title, .component--page-header .page-tagline h1, .wk-page-header .header-tagline .title, .wk-page-header .header-tagline h1, .wk-page-header .page-tagline .title, .wk-page-header .page-tagline h1 {
            color: #2c3145;
            font-size: 60px
        }

        .component--page-header .header-tagline .subtitle, .component--page-header .header-tagline h2, .component--page-header .page-tagline .subtitle, .component--page-header .page-tagline h2, .wk-page-header .header-tagline .subtitle, .wk-page-header .header-tagline h2, .wk-page-header .page-tagline .subtitle, .wk-page-header .page-tagline h2 {
            font-size: 40px
        }

        .component--page-header .header-tagline .description, .component--page-header .header-tagline p, .component--page-header .page-tagline .description, .component--page-header .page-tagline p, .wk-page-header .header-tagline .description, .wk-page-header .header-tagline p, .wk-page-header .page-tagline .description, .wk-page-header .page-tagline p {
            font-size: 24px;
            margin-bottom: 0;
            line-height: 34px
        }

        .component--page-header .header-tagline .wk-button, .component--page-header .header-tagline .wp-block-button__link, .component--page-header .page-tagline .wk-button, .component--page-header .page-tagline .wp-block-button__link, .wk-page-header .header-tagline .wk-button, .wk-page-header .header-tagline .wp-block-button__link, .wk-page-header .page-tagline .wk-button, .wk-page-header .page-tagline .wp-block-button__link {
            padding: 20px 45px 21px 45px;
            border-radius: 8px;
            margin: 24px 0 0
        }

.wk-page-content [_wkgrid=wide] {
    max-width: 1280px;
    width: 100%
}

.wk-page-content [_wkgrid=squeezy] {
    max-width: 920px;
    width: 100%
}

    .wk-page-content [_wkgrid=squeezy] .wk-page-content .caption-icons-pallete.view-variant--lateral {
        grid-template-columns: repeat(auto-fit,minmax(auto,410px))
    }

.wk-page-content [_wkgrid=full], .wk-page-content [_wkgrid=squeezy], .wk-page-content [_wkgrid=wide] {
    padding: 0 30px
}

.wk-page-content [_bgcolor=primary] {
    background-color: #2149f3
}

.wk-page-content [_bgcolor=secondary] {
    background-color: #2149f3
}

.wk-page-content [_bgcolor=dark] {
    background-color: #2c3145
}

.wk-page-content [_bgcolor=gray] {
    background-color: #d9efff
}

.wk-page-content [_bgcolor=default] {
    background-color: #fff
}

.wk-page-content [_bgcolor=blue] {
    background-color: #ebf3f5
}

.wk-page-content [_bgcolor] {
    margin: 80px 0 0
}

    .wk-page-content [_bgcolor]:first-child {
        margin: 0
    }

.wk-page-content [_wkgrid] > [_bgcolor]:not([_bgcolor=default]) {
    overflow: hidden;
    margin: 0 0 0;
    padding: 90px 30px
}

.wk-page-content [_wkgrid] > [_bgcolor][_bgcolor=default] {
    padding: 0
}

.wk-page-content .wp-block-separator {
    border-top: 1px solid #d7dfe2;
    border-bottom: none
}

.wk-page-content .wp-block-button__link {
    transition: none
}

    .wk-page-content .wp-block-button__link.has-dark-background-color {
        background-color: #2c3145
    }

        .wk-page-content .wp-block-button__link.has-dark-background-color:hover {
            transform: none;
            box-shadow: none;
            background-color: #64687a
        }

    .wk-page-content .wp-block-button__link.has-gray-background-color {
        background-color: #fff;
        color: #64687a
    }

        .wk-page-content .wp-block-button__link.has-gray-background-color:hover {
            transform: none;
            box-shadow: none;
            color: #2c3145;
            background-color: #ebf3f5
        }

.wk-page-content .block-fancy-list-section .block-fancy-list-wrapper {
    column-count: 3;
    column-fill: initial;
    column-gap: 40px
}

.wk-page-content .block-fancy-list {
    border-radius: 16px !important;
    border: solid 1px #d7dfe2;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 40px;
    padding: 24px
}

    .wk-page-content .block-fancy-list .fancy-list-img {
        display: block;
        margin: 0;
        min-height: 40px;
        border-radius: 0 !important
    }

    .wk-page-content .block-fancy-list .wk-fancy-title {
        margin: 16px 0 0 0;
        font-size: 18px;
        font-weight: 600
    }

    .wk-page-content .block-fancy-list ul {
        margin: 10px 0 0;
        padding: 0
    }

        .wk-page-content .block-fancy-list ul a, .wk-page-content .block-fancy-list ul li {
            margin: 0 0 4px;
            list-style: none;
            font-size: 16px;
            color: #2c3145;
            font-weight: 400
        }

            .wk-page-content .block-fancy-list ul a:last-child, .wk-page-content .block-fancy-list ul li:last-child {
                margin-bottom: 0
            }

            .wk-page-content .block-fancy-list ul a .wpel-icon.wpel-image {
                display: inline-block;
                vertical-align: middle;
                background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
                background-repeat: no-repeat;
                background-position: -195px -98px;
                height: 19px;
                width: 19px;
                transform: scale(.9);
                transform-origin: center;
                position: relative;
                top: -3px;
                left: 3px
            }

.wk-page-content .wk-component {
    padding: 80px 0 0;
    margin: 0 0
}

    .wk-page-content .wk-component [_wkgrid] > h2 + div, .wk-page-content .wk-component [_wkgrid] > p:not(.wk-builder-block-tooltip) + div {
        margin-top: 50px !important
    }

        .wk-page-content .wk-component [_wkgrid] > h2 + div .wkColumnGrid:first-of-type, .wk-page-content .wk-component [_wkgrid] > p:not(.wk-builder-block-tooltip) + div .wkColumnGrid:first-of-type {
            margin-top: 50px
        }

    .wk-page-content .wk-component.space-0 {
        margin: 0
    }

    .wk-page-content .wk-component .title {
        margin-bottom: 30px
    }

    .wk-page-content .wk-component p {
        margin: 16px 0;
        font-size: 18px
    }

        .wk-page-content .wk-component p:empty {
            display: none
        }

    .wk-page-content .wk-component figure {
        margin: 0 auto 0
    }

        .wk-page-content .wk-component figure.border-lg img {
            border-radius: 16px
        }

    .wk-page-content .wk-component img.border-lg {
        border-radius: 16px
    }

    .wk-page-content .wk-component[_bgcolor=dark]:not(.no-sync) .title, .wk-page-content .wk-component[_bgcolor=dark]:not(.no-sync) div, .wk-page-content .wk-component[_bgcolor=dark]:not(.no-sync) h1, .wk-page-content .wk-component[_bgcolor=dark]:not(.no-sync) h2, .wk-page-content .wk-component[_bgcolor=dark]:not(.no-sync) h3, .wk-page-content .wk-component[_bgcolor=dark]:not(.no-sync) h4, .wk-page-content .wk-component[_bgcolor=dark]:not(.no-sync) h5, .wk-page-content .wk-component[_bgcolor=dark]:not(.no-sync) h6, .wk-page-content .wk-component[_bgcolor=dark]:not(.no-sync) p, .wk-page-content .wk-component[_bgcolor=dark]:not(.no-sync) span, .wk-page-content .wk-component[_bgcolor=primary]:not(.no-sync) .title, .wk-page-content .wk-component[_bgcolor=primary]:not(.no-sync) div, .wk-page-content .wk-component[_bgcolor=primary]:not(.no-sync) h1, .wk-page-content .wk-component[_bgcolor=primary]:not(.no-sync) h2, .wk-page-content .wk-component[_bgcolor=primary]:not(.no-sync) h3, .wk-page-content .wk-component[_bgcolor=primary]:not(.no-sync) h4, .wk-page-content .wk-component[_bgcolor=primary]:not(.no-sync) h5, .wk-page-content .wk-component[_bgcolor=primary]:not(.no-sync) h6, .wk-page-content .wk-component[_bgcolor=primary]:not(.no-sync) p, .wk-page-content .wk-component[_bgcolor=primary]:not(.no-sync) span, .wk-page-content .wk-component[_bgcolor=secondary]:not(.no-sync) .title, .wk-page-content .wk-component[_bgcolor=secondary]:not(.no-sync) div, .wk-page-content .wk-component[_bgcolor=secondary]:not(.no-sync) h1, .wk-page-content .wk-component[_bgcolor=secondary]:not(.no-sync) h2, .wk-page-content .wk-component[_bgcolor=secondary]:not(.no-sync) h3, .wk-page-content .wk-component[_bgcolor=secondary]:not(.no-sync) h4, .wk-page-content .wk-component[_bgcolor=secondary]:not(.no-sync) h5, .wk-page-content .wk-component[_bgcolor=secondary]:not(.no-sync) h6, .wk-page-content .wk-component[_bgcolor=secondary]:not(.no-sync) p, .wk-page-content .wk-component[_bgcolor=secondary]:not(.no-sync) span {
        color: #fff
    }

    .wk-page-content .wk-component[_bgcolor=dark]:not(.no-sync) .wk-button, .wk-page-content .wk-component[_bgcolor=primary]:not(.no-sync) .wk-button, .wk-page-content .wk-component[_bgcolor=secondary]:not(.no-sync) .wk-button {
        border: 2px solid #fff
    }

    .wk-page-content .wk-component[_bgcolor=dark].no-sync .title, .wk-page-content .wk-component[_bgcolor=primary].no-sync .title, .wk-page-content .wk-component[_bgcolor=secondary].no-sync .title {
        color: #fff
    }

    .wk-page-content .wk-component .wp-block-column:not(:first-child) {
        margin-left: 0
    }

    .wk-page-content .wk-component [_bgcolor=gray] .block-jumbotron-wrap:before {
        background-position: -65px -252px
    }

    .wk-page-content .wk-component [_bgcolor=gray] .block-jumbotron-wrap:after {
        background-position: 30px -150px
    }

    .wk-page-content .wk-component [_bgcolor=blue] .block-jumbotron-wrap:before {
        background-position: -65px -126px
    }

    .wk-page-content .wk-component [_bgcolor=blue] .block-jumbotron-wrap:after {
        background-position: 30px -74px
    }

.wk-page-content .wk-row .wk-row-grid [_wkgrid] > h2 + div, .wk-page-content .wk-row .wk-row-grid [_wkgrid] > p + div {
    margin-top: 50px !important
}

    .wk-page-content .wk-row .wk-row-grid [_wkgrid] > h2 + div .wkColumnGrid:first-of-type, .wk-page-content .wk-row .wk-row-grid [_wkgrid] > p + div .wkColumnGrid:first-of-type {
        margin-top: 50px
    }

.wk-page-content .wk-row .wk-row-grid.space-0 {
    margin: 0
}

.wk-page-content .wk-row .wk-row-grid .title {
    margin-bottom: 30px
}

.wk-page-content .wk-row .wk-row-grid p {
    margin: 16px 0;
    font-size: 18px
}

    .wk-page-content .wk-row .wk-row-grid p:empty {
        display: none
    }

    .wk-page-content .wk-row .wk-row-grid p:last-child {
        margin-bottom: 0
    }

.wk-page-content .wk-row .wk-row-grid figure {
    margin: 0 auto 0
}

    .wk-page-content .wk-row .wk-row-grid figure.border-lg img {
        border-radius: 16px
    }

.wk-page-content .wk-row .wk-row-grid [_bgcolor=gray] .block-jumbotron-wrap:before {
    background-position: -65px -252px
}

.wk-page-content .wk-row .wk-row-grid [_bgcolor=gray] .block-jumbotron-wrap:after {
    background-position: 30px -150px
}

.wk-page-content .wk-row .wk-row-grid [_bgcolor=blue] .block-jumbotron-wrap:before {
    background-position: -65px -126px
}

.wk-page-content .wk-row .wk-row-grid [_bgcolor=blue] .block-jumbotron-wrap:after {
    background-position: 30px -74px
}

.wk-page-content .wkColumnGrid {
    margin: 80px 0 0
}

    .wk-page-content .wkColumnGrid:first-of-type {
        margin-top: 0
    }

    .wk-page-content .wkColumnGrid img[class^=wp-image-] {
        border-radius: 16px
    }

.wk-page-content .component--page-header {
    padding: 80px 0 0
}

.wk-page-content .header-tagline, .wk-page-content .page-tagline {
    max-width: 920px;
    margin: auto
}

    .wk-page-content .header-tagline .title, .wk-page-content .header-tagline h1, .wk-page-content .page-tagline .title, .wk-page-content .page-tagline h1 {
        color: #2c3145;
        font-size: 60px
    }

    .wk-page-content .header-tagline .subtitle, .wk-page-content .header-tagline h2, .wk-page-content .page-tagline .subtitle, .wk-page-content .page-tagline h2 {
        font-size: 40px
    }

    .wk-page-content .header-tagline .description, .wk-page-content .header-tagline p, .wk-page-content .page-tagline .description, .wk-page-content .page-tagline p {
        font-size: 24px;
        margin-bottom: 0
    }

.wk-page-content .block-badges-section {
    padding: 80px 0 0
}

.wk-page-content .block-jumbotron-wrap {
    position: relative
}

    .wk-page-content .block-jumbotron-wrap p {
        font-size: 24px
    }

    .wk-page-content .block-jumbotron-wrap:after, .wk-page-content .block-jumbotron-wrap:before {
        content: '';
        position: absolute;
        background-image: url(images/wk-sprite-picca.svg);
        width: 205px;
        height: 126px;
        background-position: 32px 1px;
        background-repeat: no-repeat
    }

    .wk-page-content .block-jumbotron-wrap:before {
        content: '';
        position: absolute;
        background-image: url(images/wk-sprite-picca.svg);
        width: 205px;
        height: 126px;
        background-position: -65px 0;
        top: -106px;
        left: -30px
    }

    .wk-page-content .block-jumbotron-wrap:after {
        bottom: -60px;
        right: -37px;
        width: 122px;
        height: 75px;
        background-size: cover
    }

    .wk-page-content .block-jumbotron-wrap .wp-block-button__link {
        padding: 20px 40px 21px
    }

.wk-page-content .wk-testimonial-wrap {
    text-align: center
}

    .wk-page-content .wk-testimonial-wrap * {
        margin: 0 auto
    }

    .wk-page-content .wk-testimonial-wrap p {
        font-size: 24px;
        color: #2c3145;
        line-height: 34px;
        margin-bottom: 0;
        margin: 0 auto
    }

        .wk-page-content .wk-testimonial-wrap p:before {
            content: "";
            background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
            background-repeat: no-repeat;
            background-position: -67px -158px;
            width: 35px;
            height: 28px;
            display: block;
            margin: auto
        }

        .wk-page-content .wk-testimonial-wrap p:after {
            content: "";
            display: block;
            width: 50px;
            height: 2px;
            background-color: #adc9dd;
            margin: 20px auto 25px
        }

    .wk-page-content .wk-testimonial-wrap img {
        margin-bottom: 18px
    }

    .wk-page-content .wk-testimonial-wrap h5 {
        font-size: 18px
    }

    .wk-page-content .wk-testimonial-wrap span {
        display: block;
        font-size: 16px
    }

.wk-page-content .schema-faq .schema-faq-section {
    margin: 0 0 16px;
    border-radius: 8px;
    border: solid 1px #b2b5c4;
    padding: 0 16px 0
}

    .wk-page-content .schema-faq .schema-faq-section:last-child {
        margin: 0
    }

    .wk-page-content .schema-faq .schema-faq-section .schema-faq-question {
        font-size: 16px;
        font-weight: 600;
        position: relative;
        display: block;
        padding: 16px 45px 16px 0;
        cursor: pointer
    }

        .wk-page-content .schema-faq .schema-faq-section .schema-faq-question:before {
            content: '';
            display: block;
            position: absolute;
            width: 36px;
            height: 36px;
            background-color: #2c3145;
            border-radius: 50%;
            top: 7px;
            right: 0
        }

        .wk-page-content .schema-faq .schema-faq-section .schema-faq-question:after {
            content: "";
            background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
            background-position: 0 -153px;
            display: block;
            position: absolute;
            top: 16px;
            right: 10px
        }

    .wk-page-content .schema-faq .schema-faq-section .schema-faq-answer {
        font-size: 16px;
        margin: 0;
        height: 0;
        overflow: hidden;
        transition: .3s ease
    }

    .wk-page-content .schema-faq .schema-faq-section.schema-open {
        padding-bottom: 16px
    }

        .wk-page-content .schema-faq .schema-faq-section.schema-open .schema-faq-question:after {
            background-position: -16px -153px
        }

        .wk-page-content .schema-faq .schema-faq-section.schema-open .schema-faq-answer {
            height: auto
        }

    .wk-page-content .schema-faq .schema-faq-section:hover {
        border-color: #64687a
    }

.wk-page-content .wk-video-grid .wk-videos-wrapper .wk-image-wrapper img {
    border-radius: 8px;
    min-height: 250px;
    object-fit: cover
}

.wk-page-content .wk-customers-section p {
    margin-top: 0
}

.wk-page-content figure {
    margin: 40px 0 0
}

.wk-page-content p {
    color: #2c3145;
    margin-bottom: 34px;
    font-size: 16px
}

    .wk-page-content p:last-child {
        margin-bottom: 0
    }

    .wk-page-content p:first-child {
        margin-top: 0
    }

.wk-page-content h2, .wk-page-content h3, .wk-page-content h4, .wk-page-content h5, .wk-page-content h6 {
    margin: 0 0 16px 0
}

    .wk-page-content h2:not(.has-text-align-center) {
        max-width: 760px
    }

        .wk-page-content h2:not(.has-text-align-center):not(.text-center) {
            max-width: 760px
        }

.wk-page-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
    border-radius: 8px
}

.wk-page-content blockquote {
    margin: 30px 0;
    border-left: 3px solid #2149f3;
    padding: 3px 0 3px 20px;
    font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif
}

    .wk-page-content blockquote p {
        margin: 3px 0;
        color: #64687a;
        font-style: italic;
        font-size: 22px;
        font-weight: 100
    }

.wk-page-content video {
    width: 100%;
    height: auto
}

.wk-page-content ol, .wk-page-content ul {
    margin: 0 0 34px;
    padding-left: 20px
}

    .wk-page-content ol li, .wk-page-content ul li {
        margin: 0 0 1rem;
        padding: 0;
        font-size: 18px
    }

    .wk-page-content ul li {
        list-style-type: disc
    }

.wk-page-content .block-icon-gallery-section .block-icon-gallery-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit,220px);
    grid-gap: 40px 30px;
    justify-content: center
}

.wk-page-content .block-icon-gallery-section.hire-is-brand-section .block-icon-gallery-wrapper {
    grid-template-columns: repeat(6,1fr);
    grid-gap: 15px
}

.wk-page-content .block-icon-gallery-widget {
    margin: 0
}

.wk-page-content .wk-toggle-load-items .block-icon-gallery-widget {
    display: none;
    transition: .3s ease-in-out;
    animation: on-fade .5s;
    -webkit-animation: on-fade .5s
}

.wk-page-content .wk-toggle-load-items .block-icon-gallery-image {
    height: 80px
}

.wk-page-content .block-column-layout .block-icon-gallery-widget {
    display: inline-block;
    vertical-align: top;
    margin: 8px 8px 8px 0
}

    .wk-page-content .block-column-layout .block-icon-gallery-widget .block-icon-gallery-image {
        width: 56px;
        height: 56px;
        border-radius: 8px;
        border: solid 1px #d7dfe2
    }

.wk-page-content .caption-icons-pallete {
    margin: 0;
    padding: 0;
    text-align: left;
    grid-gap: 20px 40px;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(auto,260px));
    justify-content: center
}

    .wk-page-content .caption-icons-pallete a.brick {
        opacity: .85;
        transition: .25s;
        text-decoration: none
    }

        .wk-page-content .caption-icons-pallete a.brick:hover {
            opacity: 1
        }

    .wk-page-content .caption-icons-pallete .brick {
        text-align: center;
        width: auto;
        margin: 0
    }

        .wk-page-content .caption-icons-pallete .brick img {
            width: auto;
            max-width: 100%
        }

        .wk-page-content .caption-icons-pallete .brick .caption {
            margin-top: 10px;
            font-size: 16px;
            color: #64687a;
            line-height: 1.3em
        }

        .wk-page-content .caption-icons-pallete .brick .wk-caption-title {
            margin: 18px 0 0;
            font-size: 16px
        }

    .wk-page-content .caption-icons-pallete.block-with-bg .brick img {
        background-color: #ebf3f5;
        border-radius: 16px
    }

    .wk-page-content .caption-icons-pallete.caption-wide-view {
        grid-template-columns: repeat(auto-fill,minmax(auto,379px));
        grid-gap: 40px
    }

        .wk-page-content .caption-icons-pallete.caption-wide-view .brick {
            text-align: left
        }

            .wk-page-content .caption-icons-pallete.caption-wide-view .brick img {
                margin: 0
            }

            .wk-page-content .caption-icons-pallete.caption-wide-view .brick .wk-caption-title {
                font-size: 24px
            }

            .wk-page-content .caption-icons-pallete.caption-wide-view .brick .wk-caption-info {
                font-size: 18px;
                color: #2c3145
            }

    .wk-page-content .caption-icons-pallete.caption-stick-view {
        grid-template-columns: repeat(auto-fill,minmax(auto,160px));
        grid-gap: 20px 0;
        max-width: 960px;
        margin: auto !important
    }

        .wk-page-content .caption-icons-pallete.caption-stick-view .wk-caption-title {
            font-weight: 400;
            font-size: 16px
        }

    .wk-page-content .caption-icons-pallete.view-variant--lateral {
        grid-template-columns: repeat(auto-fit,minmax(auto,380px));
        align-items: start
    }

        .wk-page-content .caption-icons-pallete.view-variant--lateral .brick {
            display: grid;
            grid-template-columns: minmax(120px,auto) auto;
            text-align: left;
            align-items: start;
            grid-gap: 5px 10px
        }

            .wk-page-content .caption-icons-pallete.view-variant--lateral .brick .caption-img, .wk-page-content .caption-icons-pallete.view-variant--lateral .brick .wk-caption-info, .wk-page-content .caption-icons-pallete.view-variant--lateral .brick .wk-caption-title {
                margin: 0
            }

            .wk-page-content .caption-icons-pallete.view-variant--lateral .brick .caption-img {
                grid-row: span 2;
                justify-self: center
            }

            .wk-page-content .caption-icons-pallete.view-variant--lateral .brick .wk-caption-title {
                align-self: end
            }

            .wk-page-content .caption-icons-pallete.view-variant--lateral .brick .wk-caption-info {
                align-self: start
            }

.wk-page-content .gallery-pallete {
    margin: 10px 0;
    padding: 15px 0
}

    .wk-page-content .gallery-pallete .brick {
        display: inline-block;
        vertical-align: middle;
        margin: 0 9px 15px
    }

        .wk-page-content .gallery-pallete .brick img {
            width: auto;
            max-width: 100%
        }

        .wk-page-content .gallery-pallete .brick .caption {
            margin-top: 17px;
            font-size: 16px;
            color: #64687a
        }

    .wk-page-content .gallery-pallete a {
        display: inline-block;
        vertical-align: top
    }

.wk-page-content .card-pallete {
    padding: 25px 0
}

    .wk-page-content .card-pallete .card-content, .wk-page-content .card-pallete .card-image {
        display: inline-block;
        vertical-align: middle;
        width: 48%
    }

    .wk-page-content .card-pallete .card-image {
        max-width: 360px
    }

        .wk-page-content .card-pallete .card-image img {
            height: auto;
            width: 100%
        }

    .wk-page-content .card-pallete .card-content {
        margin-left: 24px
    }

        .wk-page-content .card-pallete .card-content p {
            margin: 20px 0
        }

.wk-page-content .special-link-pallete {
    display: grid;
    margin: 0;
    grid-template-columns: repeat(auto-fill,243px);
    justify-content: center;
    grid-gap: 22px
}

.wk-page-content .brick-wrap {
    background-color: #d9efff;
    background-image: url(images/bottom-flap-primary.svg);
    width: 243px;
    height: 110px;
    background-position-x: right;
    background-position-y: bottom;
    background-repeat: no-repeat;
    text-align: left;
    margin: 0;
    transition: .35s cubic-bezier(.39,.58,.57,1)
}

    .wk-page-content .brick-wrap a {
        font-size: 18px;
        color: #2c3145;
        line-height: 1.3;
        display: table;
        width: 100%;
        height: 100%;
        transition: .35s cubic-bezier(.39,.58,.57,1)
    }

        .wk-page-content .brick-wrap a .brick {
            display: table-cell;
            vertical-align: middle;
            padding: 18px
        }

    .wk-page-content .brick-wrap:hover {
        text-decoration: none;
        transform: translateY(-3px)
    }

.wk-page-content .wk-fancy-links {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(auto,360px));
    justify-content: center;
    grid-gap: 30px
}

.wk-page-content .link-component {
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.08),0 0 8px 0 rgba(0,0,0,.04);
    text-align: left;
    background-color: #fff;
    padding: 10px;
    width: 100%;
    max-width: 100%;
    margin: 0;
    text-decoration: none;
    transition: .4s
}

    .wk-page-content .link-component * {
        display: inline-block;
        vertical-align: middle
    }

    .wk-page-content .link-component img {
        max-width: 120px;
        width: 36%
    }

    .wk-page-content .link-component .fancy-title {
        font-size: 16px;
        width: 59%;
        font-weight: 600;
        margin: 0 0 0 10px;
        color: #2c3145
    }

    .wk-page-content .link-component:hover {
        transform: translatey(-3px)
    }

.wk-page-content .wk-success-story .wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 60px 40px;
    justify-content: center
}

.wk-page-content .wk-success-story[_bgcolor=dark] .story-block .story-content .about, .wk-page-content .wk-success-story[_bgcolor=dark] .story-block .story-content .read-more, .wk-page-content .wk-success-story[_bgcolor=primary] .story-block .story-content .about, .wk-page-content .wk-success-story[_bgcolor=primary] .story-block .story-content .read-more, .wk-page-content .wk-success-story[_bgcolor=secondary] .story-block .story-content .about, .wk-page-content .wk-success-story[_bgcolor=secondary] .story-block .story-content .read-more {
    color: #fff
}

.wk-page-content .story-block {
    box-shadow: none;
    max-width: 100%;
    margin: 0;
    text-align: left;
    position: relative
}

    .wk-page-content .story-block .story-image {
        height: 260px;
        background: #e8e8e8;
        border-radius: 16px;
        overflow: hidden
    }

        .wk-page-content .story-block .story-image img {
            width: 100%;
            border-radius: 16px;
            height: 260px;
            object-fit: cover;
            transition: transform .25s ease-out
        }

            .wk-page-content .story-block .story-image img:hover {
                transform: scale(1.1)
            }

        .wk-page-content .story-block .story-image:hover + .story-content .title a {
            text-decoration: underline
        }

            .wk-page-content .story-block .story-image:hover + .story-content .title a .wpel-icon.wpel-image {
                opacity: 1
            }

    .wk-page-content .story-block .story-content {
        padding: 0;
        margin-top: 16px
    }

        .wk-page-content .story-block .story-content .title {
            font-size: 24px;
            color: #2c3145;
            font-weight: 800;
            margin: 0
        }

            .wk-page-content .story-block .story-content .title a {
                font-size: 24px;
                color: #2c3145;
                font-weight: 800
            }

                .wk-page-content .story-block .story-content .title a .wpel-icon.wpel-image {
                    display: inline-block;
                    vertical-align: middle;
                    background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
                    background-repeat: no-repeat;
                    background-position: -195px -98px;
                    width: 19px;
                    height: 19px;
                    transform: scale(.9);
                    transform-origin: center;
                    position: relative;
                    top: -3px;
                    left: 3px;
                    opacity: 0
                }

                .wk-page-content .story-block .story-content .title a:hover .wpel-icon.wpel-image {
                    opacity: 1
                }

        .wk-page-content .story-block .story-content .label {
            font-size: 16px;
            color: #64687a;
            margin: 5px 0
        }

        .wk-page-content .story-block .story-content .about {
            font-size: 16px;
            color: #2c3145;
            margin: 4px 0;
            line-height: 22px;
            font-weight: 400
        }

        .wk-page-content .story-block .story-content .read-more {
            min-width: 160px;
            font-weight: 600;
            background-color: #2c3145;
            text-align: center;
            color: #fff;
            border-radius: 4px;
            padding: 12px 15px 13px 15px;
            font-size: 16px;
            display: inline-block;
            vertical-align: middle;
            margin: 15px 0;
            outline: 0;
            border: none;
            text-decoration: none;
            text-transform: none;
            position: unset
        }

            .wk-page-content .story-block .story-content .read-more:empty {
                display: none
            }

            .wk-page-content .story-block .story-content .read-more:hover {
                text-decoration: none;
                background-color: #64687a
            }

            .wk-page-content .story-block .story-content .read-more span {
                display: none
            }

        .wk-page-content .story-block .story-content .wpel-icon {
            display: inline-block;
            margin: 0
        }

.wk-page-content .wk-reviews-carousel .review-box {
    max-width: 875px;
    position: relative;
    width: 100%;
    margin: auto
}

    .wk-page-content .wk-reviews-carousel .review-box .review-wrap {
        display: table;
        width: 100%;
        max-width: 733px;
        min-height: 390px;
        position: relative;
        box-shadow: 0 5px 18px 2px rgba(0,0,0,.05),0 2px 20px 0 rgba(0,0,0,.1);
        margin: auto;
        background: #fff
    }

        .wk-page-content .wk-reviews-carousel .review-box .review-wrap .qoute {
            position: absolute;
            top: 0;
            left: 0;
            height: 75px;
            width: 75px;
            background-color: #0cf
        }

            .wk-page-content .wk-reviews-carousel .review-box .review-wrap .qoute:after {
                content: "";
                display: block;
                margin: 20px auto;
                background-image: url(images/webkul-main-sprite8ea7.svg?v=4.9);
                height: 33px;
                width: 33px;
                background-position: -98px -160px
            }

        .wk-page-content .wk-reviews-carousel .review-box .review-wrap .data {
            display: table-cell;
            vertical-align: middle;
            padding: 30px 90px;
            display: none
        }

            .wk-page-content .wk-reviews-carousel .review-box .review-wrap .data.active-paper {
                display: table-cell;
                transition: .3s ease-in-out;
                animation: on-fade .5s;
                -webkit-animation: on-fade .5s
            }

            .wk-page-content .wk-reviews-carousel .review-box .review-wrap .data p {
                margin: 0;
                color: #2c3145
            }

            .wk-page-content .wk-reviews-carousel .review-box .review-wrap .data .speak {
                margin: 20px 0 15px;
                font-size: 18px
            }

            .wk-page-content .wk-reviews-carousel .review-box .review-wrap .data .customer-bio .pic {
                display: inline-block;
                width: 100px;
                height: 100px;
                border-radius: 50%;
                box-shadow: 0 12px 24px 0 rgba(0,0,0,.08),0 0 8px 0 rgba(0,0,0,.04)
            }

            .wk-page-content .wk-reviews-carousel .review-box .review-wrap .data .customer-bio .info {
                display: inline-block;
                vertical-align: middle;
                margin-left: 8px;
                width: 56%
            }

                .wk-page-content .wk-reviews-carousel .review-box .review-wrap .data .customer-bio .info p {
                    font-size: 15px;
                    margin: 2px 0
                }

    .wk-page-content .wk-reviews-carousel .review-box .nav-reviews {
        height: 75px;
        width: 150px
    }

        .wk-page-content .wk-reviews-carousel .review-box .nav-reviews .arrows {
            display: inline-block;
            vertical-align: middle;
            margin: 0 0;
            padding: 0 19px;
            cursor: pointer;
            background: #0e1b51;
            transition: .25s;
            position: absolute;
            top: 50%;
            margin-top: -32px
        }

            .wk-page-content .wk-reviews-carousel .review-box .nav-reviews .arrows:before {
                content: "";
                display: block;
                margin: 20px auto;
                background-image: url(images/webkul-main-sprite8ea7.svg?v=4.9);
                height: 33px;
                width: 33px
            }

            .wk-page-content .wk-reviews-carousel .review-box .nav-reviews .arrows.prev {
                left: 0
            }

                .wk-page-content .wk-reviews-carousel .review-box .nav-reviews .arrows.prev:before {
                    background-position: 0 -160px;
                    transition: .25s
                }

                .wk-page-content .wk-reviews-carousel .review-box .nav-reviews .arrows.prev:hover:before {
                    transform: translateX(-3px)
                }

            .wk-page-content .wk-reviews-carousel .review-box .nav-reviews .arrows.next {
                right: 0
            }

                .wk-page-content .wk-reviews-carousel .review-box .nav-reviews .arrows.next:before {
                    background-position: -33px -160px;
                    transition: .25s
                }

                .wk-page-content .wk-reviews-carousel .review-box .nav-reviews .arrows.next:hover:before {
                    transform: translateX(3px)
                }

.wk-page-content .wk-award-page-bricks {
    display: grid;
    grid-template-columns: repeat(auto-fit,215px);
    grid-gap: 30px;
    justify-content: center;
    margin-top: 40px
}

    .wk-page-content .wk-award-page-bricks .award-brick {
        display: grid;
        grid-template-rows: minmax(auto,105px);
        padding: 24px;
        background-color: #ebf3f5;
        border-radius: 8px;
        height: 255px
    }

        .wk-page-content .wk-award-page-bricks .award-brick * {
            margin: 0
        }

        .wk-page-content .wk-award-page-bricks .award-brick .award-title {
            font-size: 24px;
            font-weight: 800
        }

        .wk-page-content .wk-award-page-bricks .award-brick .award-desc {
            font-size: 16px
        }

            .wk-page-content .wk-award-page-bricks .award-brick .award-desc:after {
                content: '';
                display: inline-block;
                vertical-align: middle;
                background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
                background-repeat: no-repeat;
                width: 24px;
                height: 24px;
                background-position: -48px -32px;
                transform: scale(.708);
                margin-left: 8px;
                transition: .2s cubic-bezier(.39,.58,.57,1)
            }

        .wk-page-content .wk-award-page-bricks .award-brick:hover {
            text-decoration: none
        }

            .wk-page-content .wk-award-page-bricks .award-brick:hover .award-desc:after {
                margin-left: 10px
            }

.wk-page-content .wk-content-partition {
    font-size: 0;
    padding: 0;
    margin-bottom: 45px
}

    .wk-page-content .wk-content-partition.space-0 {
        padding: 30px 0;
        margin: 0
    }

    .wk-page-content .wk-content-partition .wk-button {
        margin-top: 0
    }

.wk-page-content .wk-link-bar .wk-link-group a:hover:after {
    background-position: 0 0
}

.wk-page-content .wk-link-bar .wk-link-group .wk-link-block:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-image: url(images/wk-sprite-chevron.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: 0 -80px;
    transform: rotate(-90deg);
    position: absolute;
    top: calc(50% - 20px);
    right: 0
}

.wk-page-content .fancy-list-extended-block {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fill,minmax(auto,380px));
    grid-gap: 40px
}

    .wk-page-content .fancy-list-extended-block a:hover {
        text-decoration: none;
        border-color: #2c3145;
        background-color: #fff
    }

    .wk-page-content .fancy-list-extended-block .block-fancy-list {
        background-color: #ebf3f5;
        border-radius: 16px;
        padding: 24px;
        margin: 0;
        border: 2px solid transparent
    }

        .wk-page-content .fancy-list-extended-block .block-fancy-list .wk-fancy-title {
            font-size: 15px;
            font-weight: 400;
            color: #64687a;
            margin: 14px 0 0 0;
            line-height: 22px
        }

        .wk-page-content .fancy-list-extended-block .block-fancy-list ul li {
            font-size: 14px;
            font-weight: 400;
            color: #2149f3;
            margin: 8px 0 0 0;
            line-height: 21.43px
        }

.wk-page-content .wk-jumbotron-image-layout [_bgcolor=gray], .wk-page-content .wk-jumbotron-image-layout [_bgcolor=shadeTint], .wk-page-content .wk-jumbotron-image-layout div[_bgcolor=dark] {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.wk-page-content .wk-jumbotron-image-layout [_bgcolor=gray] {
    background-color: #d7dfe2
}

    .wk-page-content .wk-jumbotron-image-layout [_bgcolor=gray] .block-jumbotron-wrap:before {
        background-position: -65px -126px
    }

    .wk-page-content .wk-jumbotron-image-layout [_bgcolor=gray] .block-jumbotron-wrap:after {
        background-position: 30px -75px
    }

.wk-page-content .wk-jumbotron-image-layout .block-jumbotron-wrap {
    direction: rtl;
    padding: 0 60px 0 95px;
    grid-template-columns: auto 2fr;
    align-items: unset
}

    .wk-page-content .wk-jumbotron-image-layout .block-jumbotron-wrap::before {
        top: -15px;
        z-index: 0
    }

    .wk-page-content .wk-jumbotron-image-layout .block-jumbotron-wrap::after {
        bottom: 25px;
        z-index: 0
    }

    .wk-page-content .wk-jumbotron-image-layout .block-jumbotron-wrap .jumbotron-image {
        align-self: end
    }

    .wk-page-content .wk-jumbotron-image-layout .block-jumbotron-wrap .jumbotron-content {
        align-self: center;
        direction: ltr
    }

.wk-page-content .hireus-icon-pallet-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(320px,auto))
}

    .wk-page-content .hireus-icon-pallet-grid .wp-block-column {
        border-radius: 8px
    }

    .wk-page-content .hireus-icon-pallet-grid .brick {
        padding: 24px;
        border-radius: 8px;
        margin: 0 !important
    }

    .wk-page-content .hireus-icon-pallet-grid [_bgcolor=default] {
        background-color: unset
    }

.wk-page-content .wk-4-card-view {
    grid-template-columns: repeat(auto-fit,minmax(275px,auto))
}

.wk-page-content .wk-hire-us-rating-border {
    border: 1px solid #d7dfe2;
    border-radius: 8px;
    padding: 18px 22px;
    max-width: max-content;
    margin: 0 auto !important
}

.wk-page-content .list-pallet-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 26px;
    justify-content: center
}

    .wk-page-content .list-pallet-grid .wp-block-column {
        padding: 38px;
        border-radius: 16px
    }

        .wk-page-content .list-pallet-grid .wp-block-column h3 {
            font-size: 24px
        }

        .wk-page-content .list-pallet-grid .wp-block-column ul {
            padding-left: 30px
        }

.wk-page-content .wk-certificate-card-wrapper {
    grid-template-columns: repeat(3,1fr)
}

    .wk-page-content .wk-certificate-card-wrapper [_bgcolor] {
        margin: 0
    }

    .wk-page-content .wk-certificate-card-wrapper .brick.certificate .user-img {
        margin: 0;
        display: inline-block
    }

    .wk-page-content .wk-certificate-card-wrapper .brick.certificate .certificate-img {
        margin-top: 8px
    }

    .wk-page-content .wk-certificate-card-wrapper .brick.certificate .wk-caption-title {
        font-size: 24px;
        margin: 14px 0 8px 0
    }

    .wk-page-content .wk-certificate-card-wrapper .brick.certificate .wk-caption-info {
        margin-bottom: 14px
    }

    .wk-page-content .wk-certificate-card-wrapper .brick.certificate ul {
        margin: 0
    }

        .wk-page-content .wk-certificate-card-wrapper .brick.certificate ul li {
            font-size: 12px;
            padding: 6px 8px;
            margin: 0;
            margin-bottom: 6px
        }

            .wk-page-content .wk-certificate-card-wrapper .brick.certificate ul li.star:before {
                margin-right: 6px
            }

    .wk-page-content .wk-certificate-card-wrapper .brick.certificate .wp-block-button a.wp-block-button__link {
        min-width: max-content;
        margin-bottom: 0;
        font-size: 14px
    }

.wk-page-content .wk-component [_wkgrid] > p + div.wp-block-button {
    margin-top: 0 !important
}

.wk-page-content .wk-arrow-btn-style .wp-block-button__link {
    padding-left: 0;
    text-align: left
}

.wk-page-content .hire-us-badges-section {
    background-color: #2c3145;
    border-radius: 16px;
    padding: 32px;
    display: grid;
    grid-template-columns: repeat(auto-fit,250px);
    grid-gap: 40px 52px;
    justify-content: center
}

    .wk-page-content .hire-us-badges-section .wk-badge {
        background-color: transparent;
        display: flex;
        gap: 8px;
        align-items: center;
        padding: 0
    }

        .wk-page-content .hire-us-badges-section .wk-badge .badge-image {
            width: auto;
            height: auto;
            margin: 0
        }

        .wk-page-content .hire-us-badges-section .wk-badge .badge-label {
            margin: 0;
            font-size: 14px;
            font-weight: 400;
            color: #fff
        }

            .wk-page-content .hire-us-badges-section .wk-badge .badge-label b, .wk-page-content .hire-us-badges-section .wk-badge .badge-label strong {
                font-weight: 600
            }

.wk-page-content .wk-review-badge {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 0 6px;
    font-size: 16px;
    justify-content: center;
    color: #fff;
    font-weight: 400;
    margin-right: auto
}

    .wk-page-content .wk-review-badge:hover {
        text-decoration: none
    }

        .wk-page-content .wk-review-badge:hover > span {
            text-decoration: underline
        }

        .wk-page-content .wk-review-badge:hover .logo, .wk-page-content .wk-review-badge:hover .rating {
            text-decoration: none
        }

    .wk-page-content .wk-review-badge.clutch .logo, .wk-page-content .wk-review-badge.google .logo, .wk-page-content .wk-review-badge.trust-pilot .logo {
        background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
        background-repeat: no-repeat;
        grid-row: span 2;
        place-self: center
    }

    .wk-page-content .wk-review-badge.clutch .rating, .wk-page-content .wk-review-badge.google .rating, .wk-page-content .wk-review-badge.trust-pilot .rating {
        font-size: 18px;
        font-weight: 600;
        display: grid;
        grid-auto-flow: column;
        align-items: center;
        margin-bottom: -4px;
        gap: 2px
    }

        .wk-page-content .wk-review-badge.clutch .rating span, .wk-page-content .wk-review-badge.google .rating span, .wk-page-content .wk-review-badge.trust-pilot .rating span {
            font-size: 24px;
            display: inline-block;
            width: 20px
        }

    .wk-page-content .wk-review-badge.clutch .wpel-icon, .wk-page-content .wk-review-badge.google .wpel-icon, .wk-page-content .wk-review-badge.trust-pilot .wpel-icon {
        display: none
    }

    .wk-page-content .wk-review-badge.clutch .logo {
        background-position: -91px -193px;
        width: 40px;
        height: 46px
    }

    .wk-page-content .wk-review-badge.clutch .rating span {
        color: #ff3d2f
    }

    .wk-page-content .wk-review-badge.google .logo {
        background-position: -46px -193px;
        width: 44px;
        height: 46px
    }

    .wk-page-content .wk-review-badge.google .rating span {
        color: #eab308
    }

    .wk-page-content .wk-review-badge.trust-pilot .logo {
        background-position: 0 -194px;
        width: 46px;
        height: 46px
    }

    .wk-page-content .wk-review-badge.trust-pilot .rating span {
        color: #00b67a
    }

.wk-page-content .wk-certificate-card-wrapper .brick a {
    color: #2c3145;
    font-weight: 800
}

    .wk-page-content .wk-certificate-card-wrapper .brick a .wpel-icon {
        display: none
    }

.wk-page-content .wk-component.component--logo .wk-items-inlined {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 15px
}

.wk-press-section .press-slab {
    padding: 30px 0 25px;
    border-bottom: 1px solid #ddd
}

    .wk-press-section .press-slab:last-of-type {
        border: none
    }

    .wk-press-section .press-slab:first-of-type {
        margin-top: 25px
    }

    .wk-press-section .press-slab .name {
        margin: 20px 0 5px;
        color: #64687a;
        font-size: 16px
    }

    .wk-press-section .press-slab .press-link {
        font-size: 18px
    }

    .wk-press-section .press-slab img {
        max-width: 200px
    }

.wk-openjobs-tabs {
    margin: 15px auto;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    gap: 19px;
    flex-wrap: wrap;
    position: sticky;
    top: 68px;
    background-color: #fff;
    z-index: 99
}

    .wk-openjobs-tabs .job-group {
        background-color: #fff;
        padding: 12px 18px;
        border-radius: 30px;
        border: 3px solid #ebf3f5;
        cursor: pointer;
        transition: .2s
    }

        .wk-openjobs-tabs .job-group.active, .wk-openjobs-tabs .job-group:hover {
            background-color: #ebf3f6
        }

.wk-follow-us {
    display: flex;
    align-items: center;
    max-width: 710px;
    text-align: left;
    justify-content: center;
    margin: 20px auto 50px;
    flex-wrap: wrap
}

    .wk-follow-us p {
        max-width: 400px;
        font-size: 24px !important
    }

    .wk-follow-us .wp-block-button__link {
        margin: 0 !important;
        padding: 22px 30px 21px !important
    }

        .wk-follow-us .wp-block-button__link:hover {
            padding: 22px 30px 21px !important
        }

.wk-open-position .op-group {
    margin-bottom: 60px;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(auto,415px));
    gap: 30px
}

    .wk-open-position .op-group:last-of-type {
        margin-bottom: 60px
    }

    .wk-open-position .op-group .op-group-title {
        cursor: pointer;
        position: relative;
        user-select: none;
        margin-bottom: 0;
        grid-column: 1/3
    }

        .wk-open-position .op-group .op-group-title:before {
            display: inline-block;
            content: '';
            position: absolute;
            top: 6px;
            left: -26px;
            width: 18px;
            height: 18px;
            background-image: url(images/link.png);
            background-size: contain;
            background-repeat: no-repeat;
            visibility: hidden
        }

        .wk-open-position .op-group .op-group-title:hover::before {
            visibility: visible
        }

        .wk-open-position .op-group .op-group-title.clipboard-msg:after {
            content: "Copied to clipboard";
            position: absolute;
            font-size: 12px;
            top: -33px;
            left: 0;
            padding: 5px 8px;
            border-radius: 4px;
            background-color: rgba(0,0,0,.6);
            color: #fff;
            animation-name: menu-slide-up;
            animation-duration: .5s;
            display: block
        }

    .wk-open-position .op-group .op-block {
        display: block;
        max-width: 860px;
        background-color: #ebf3f5;
        border-radius: 8px;
        position: relative;
        cursor: pointer;
        padding: 18px 14px;
        border: 2px solid #ebf3f5
    }

        .wk-open-position .op-group .op-block .op-name {
            display: inline-block;
            vertical-align: middle;
            color: #2c3145;
            font-weight: 600;
            font-size: 18px;
            margin: 0;
            width: 91%
        }

        .wk-open-position .op-group .op-block .op-info {
            font-size: 16px;
            color: #64687a;
            font-weight: 400;
            margin-top: 6px;
            display: grid
        }

            .wk-open-position .op-group .op-block .op-info span {
                margin-right: 25px
            }

        .wk-open-position .op-group .op-block:after {
            content: '';
            display: inline-block;
            vertical-align: middle;
            background-image: url(images/wk-sprite-chevron.svg);
            background-repeat: no-repeat;
            width: 40px;
            height: 40px;
            background-position: 0 -80px;
            transform: rotate(-90deg);
            position: absolute;
            top: calc(50% - 20px);
            right: 0
        }

        .wk-open-position .op-group .op-block:hover {
            border: 2px solid #2c3145;
            background-color: #fff;
            text-decoration: none;
            color: inherit
        }

            .wk-open-position .op-group .op-block:hover:after {
                background-position: 0 0
            }

.wk-infrastructure .wk-section-grid {
    grid-gap: 30px;
    grid-template-columns: repeat(auto-fill,minmax(auto,361px))
}

.wk-infrastructure .gallery {
    max-width: 361px;
    width: 361px;
    height: 270px;
    transition: .25s;
    position: relative;
    background-color: #f3f3f3
}

    .wk-infrastructure .gallery .map-mark {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 45px 0 3px 0;
        background-image: linear-gradient(0deg,rgba(0,0,0,.25) 10%,rgba(250,176,7,0) 90%)
    }

        .wk-infrastructure .gallery .map-mark:after {
            content: attr(data-region);
            display: inline-block;
            vertical-align: middle;
            text-transform: uppercase;
            font-size: 12px;
            color: #fff;
            padding: 0 21px 0 0
        }

        .wk-infrastructure .gallery .map-mark:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            background-image: url(images/webkul-main-sprite8ea7.svg?v=4.9);
            width: 35px;
            height: 35px;
            background-position: 70px -159px;
            border-radius: 20px;
            transform: scale(.6)
        }

.team-page-header .team-banner {
    display: block;
    width: 100%;
    margin: 0 0 35px
}

.team-page-header p {
    margin: 30px 0
}

.wk-team-members-section .wk-section-grid {
    grid-template-columns: repeat(auto-fit,210px);
    grid-gap: 35px
}

.wk-team-members-section .seperator {
    padding: 30px 0 5px;
    border-bottom: 3px solid #2149f3
}

    .wk-team-members-section .seperator h2 {
        color: #2149f3
    }

    .wk-team-members-section .seperator:nth-of-type(1) + .group-block {
        border-bottom: none
    }

.wk-team-members-section .group-block {
    padding: 35px 0;
    border-bottom: 1px solid #ddd
}

    .wk-team-members-section .group-block:last-of-type {
        border: none
    }

    .wk-team-members-section .group-block h3 {
        font-weight: 400;
        margin-bottom: 24px
    }

    .wk-team-members-section .group-block .member-tile {
        width: 210px;
        text-align: left;
        font-size: 15px
    }

        .wk-team-members-section .group-block .member-tile .surface {
            height: 142px;
            width: 100%;
            background-repeat: no-repeat;
            border-radius: 8px
        }

            .wk-team-members-section .group-block .member-tile .surface.hover, .wk-team-members-section .group-block .member-tile .surface:hover {
                background-position: center bottom
            }

        .wk-team-members-section .group-block .member-tile .name {
            color: #2149f3;
            margin-top: 10px
        }

.wk-contact-section {
    padding-bottom: 20px
}

    .wk-contact-section .link-panel {
        margin: 25px 0 15px;
        position: relative;
        z-index: 2
    }

        .wk-contact-section .link-panel .link-tabs {
            padding: 12px 15px;
            background-color: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: flex-start;
            grid-gap: 16px;
            vertical-align: middle;
            box-shadow: 0 12px 24px 0 rgba(0,0,0,.08),0 0 8px 0 rgba(0,0,0,.04);
            font-size: 16px;
            min-width: 235px;
            margin: 15px 0;
            color: #2c3145;
            position: relative
        }

            .wk-contact-section .link-panel .link-tabs:nth-child(even) {
                margin: 15px 25px
            }

            .wk-contact-section .link-panel .link-tabs:hover {
                text-decoration: none
            }

            .wk-contact-section .link-panel .link-tabs .link-tab-icon {
                width: 50px;
                height: 50px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                background-color: #2c3145
            }

                .wk-contact-section .link-panel .link-tabs .link-tab-icon:before {
                    content: '';
                    width: 24px;
                    height: 24px;
                    background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
                    background-repeat: no-repeat;
                    background-position: -165px -198px
                }

                .wk-contact-section .link-panel .link-tabs .link-tab-icon.support:before {
                    width: 36px;
                    height: 35px;
                    background-position: -193px -193px
                }

                .wk-contact-section .link-panel .link-tabs .link-tab-icon.story:before {
                    width: 27px;
                    height: 33px;
                    background-position: -233px -193px
                }

    .wk-contact-section .contact-srs-wrapper {
        position: relative
    }

    .wk-contact-section .contact-details.info-full {
        display: block
    }

        .wk-contact-section .contact-details.info-full .cards {
            width: 100%
        }

            .wk-contact-section .contact-details.info-full .cards .phone .phone-drops {
                margin-right: 10px;
                display: block;
                margin: 15px 0 4px
            }

                .wk-contact-section .contact-details.info-full .cards .phone .phone-drops:nth-child(2) {
                    float: none
                }

            .wk-contact-section .contact-details.info-full .cards .wk-email-phone {
                width: 56%;
                display: inline-block
            }

            .wk-contact-section .contact-details.info-full .cards .wk-phone-address {
                width: 40%;
                display: inline-block
            }

    .wk-contact-section .contact-details .cards {
        display: inline-block;
        vertical-align: middle;
        width: 48%;
        min-width: 350px;
        padding: 20px 30px;
        background-color: #fff
    }

        .wk-contact-section .contact-details .cards:nth-child(2) {
            float: right;
            margin-top: 77px
        }

        .wk-contact-section .contact-details .cards p {
            margin: 0
        }

        .wk-contact-section .contact-details .cards .elements {
            margin-bottom: 27px
        }

            .wk-contact-section .contact-details .cards .elements p {
                font-size: 16px;
                margin: 15px 0 4px;
                line-height: 23px
            }

            .wk-contact-section .contact-details .cards .elements a {
                font-size: 16px
            }

        .wk-contact-section .contact-details .cards .phone p {
            font-size: 16px;
            margin: 0 0 4px
        }

        .wk-contact-section .contact-details .cards .phone a {
            font-size: 16px
        }

        .wk-contact-section .contact-details .cards .phone .phone-drops {
            display: inline-block;
            vertical-align: middle
        }

            .wk-contact-section .contact-details .cards .phone .phone-drops:nth-child(2) {
                float: right
            }

            .wk-contact-section .contact-details .cards .phone .phone-drops p:after {
                content: '';
                background: url(images/flag.png) no-repeat;
                display: inline-block;
                vertical-align: middle;
                width: 14px;
                height: 12px;
                margin: 0 6px 2px
            }

            .wk-contact-section .contact-details .cards .phone .phone-drops p.home:after {
                background-position-x: -14px
            }

            .wk-contact-section .contact-details .cards .phone .phone-drops p.italy::after {
                background-position-x: -28px
            }

        .wk-contact-section .contact-details .cards.address .country {
            font-weight: 400;
            margin: 20px 0 0
        }

            .wk-contact-section .contact-details .cards.address .country:first-child {
                margin: 0
            }

        .wk-contact-section .contact-details .cards.address .elements p:first-of-type {
            color: #64687a;
            margin-bottom: -12px
        }

    .wk-contact-section .reach-us {
        width: 500px;
        display: block
    }

        .wk-contact-section .reach-us:before {
            content: "";
            display: block;
            height: 120px;
            margin: -120px 0 0;
            position: relative;
            z-index: -1
        }

        .wk-contact-section .reach-us h3 {
            font-weight: 400
        }

        .wk-contact-section .reach-us .form-skull {
            margin: 40px auto;
            width: 100%;
            max-width: 530px;
            position: relative;
            padding: 30px;
            margin-top: unset;
            box-shadow: 0 12px 24px 0 rgba(0,0,0,.08),0 0 8px 0 rgba(0,0,0,.04)
        }

            .wk-contact-section .reach-us .form-skull p {
                margin: 0
            }

            .wk-contact-section .reach-us .form-skull form {
                padding: 40px 0 20px
            }

            .wk-contact-section .reach-us .form-skull .uv_form-group {
                text-align: left;
                position: relative;
                margin-bottom: 50px
            }

                .wk-contact-section .reach-us .form-skull .uv_form-group .uv_selectpicker, .wk-contact-section .reach-us .form-skull .uv_form-group label[for=type] {
                    display: none
                }

                .wk-contact-section .reach-us .form-skull .uv_form-group .uv_required, .wk-contact-section .reach-us .form-skull .uv_form-group label {
                    color: #64687a;
                    font-size: 18px;
                    display: block;
                    width: 100%;
                    transition: .2s ease-out;
                    transform-origin: left center;
                    transform: translateY(0) scale(1);
                    position: absolute;
                    z-index: 2;
                    text-transform: capitalize
                }

                    .wk-contact-section .reach-us .form-skull .uv_form-group label.wk-label-active {
                        color: #64687a;
                        transform: translateY(-20px) scale(.9)
                    }

                .wk-contact-section .reach-us .form-skull .uv_form-group .uv_form-control, .wk-contact-section .reach-us .form-skull .uv_form-group input[type=email], .wk-contact-section .reach-us .form-skull .uv_form-group input[type=number], .wk-contact-section .reach-us .form-skull .uv_form-group input[type=password], .wk-contact-section .reach-us .form-skull .uv_form-group input[type=text], .wk-contact-section .reach-us .form-skull .uv_form-group textarea {
                    position: relative;
                    z-index: 3;
                    color: #0e1b51;
                    background-color: transparent;
                    font-size: 16px;
                    width: 100%;
                    display: block;
                    border-top: none;
                    border-left: none;
                    border-right: none;
                    border-bottom: solid 3px #64687a;
                    padding: 5px 0 5px 0;
                    transition: .2s ease-out;
                    border-radius: 0
                }

                    .wk-contact-section .reach-us .form-skull .uv_form-group .uv_form-control:focus, .wk-contact-section .reach-us .form-skull .uv_form-group input[type=email]:focus, .wk-contact-section .reach-us .form-skull .uv_form-group input[type=number]:focus, .wk-contact-section .reach-us .form-skull .uv_form-group input[type=password]:focus, .wk-contact-section .reach-us .form-skull .uv_form-group input[type=text]:focus, .wk-contact-section .reach-us .form-skull .uv_form-group textarea:focus {
                        border-bottom-color: #2149f3
                    }

                .wk-contact-section .reach-us .form-skull .uv_form-group textarea {
                    height: 100px;
                    padding-top: 23px !important
                }

                .wk-contact-section .reach-us .form-skull .uv_form-group input[readonly=true] {
                    color: rgba(0,0,0,.45);
                    border-bottom-color: rgba(0,0,0,.45);
                    pointer-events: none
                }

                .wk-contact-section .reach-us .form-skull .uv_form-group .uv_show-error {
                    color: #ff6565;
                    transform: translateY(5px)
                }

            .wk-contact-section .reach-us .form-skull .uv_flash.success {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                padding: 20px 45px;
                background: #33cd83;
                box-shadow: 0 3px 10px 0 rgba(0,0,0,.2);
                color: #fff;
                font-size: 16px;
                z-index: 6000;
                text-align: center
            }

                .wk-contact-section .reach-us .form-skull .uv_flash.success .close {
                    font-size: 0;
                    background-image: url(images/webkul-main-sprite8ea7.svg?v=4.9);
                    cursor: pointer;
                    width: 23px;
                    height: 23px;
                    background-position: 112px 0;
                    position: absolute;
                    right: 20px;
                    transform: rotate(45deg);
                    margin: 0 !important;
                    top: 27%
                }

    .wk-contact-section .wk-srs {
        vertical-align: top;
        width: 37%;
        margin-left: 30px;
        padding: 26px;
        margin-bottom: 40px;
        background: #2149f3;
        position: relative;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 120px;
        height: calc(100% - 120px)
    }

        .wk-contact-section .wk-srs a, .wk-contact-section .wk-srs h3, .wk-contact-section .wk-srs p {
            color: #fff
        }

        .wk-contact-section .wk-srs a {
            text-decoration: underline
        }

        .wk-contact-section .wk-srs .srs-builder {
            border-color: #fff;
            padding: 9px 15px;
            color: #fff;
            text-decoration: none;
            font-size: 15px;
            margin-top: 40px
        }

            .wk-contact-section .wk-srs .srs-builder:hover {
                box-shadow: 0 2px 24px 0 rgba(0,0,0,.1),0 10px 24px 0 rgba(0,0,0,.18);
                transform: translateY(-2px)
            }

        .wk-contact-section .wk-srs .wk-srs-bg {
            height: 212px;
            box-sizing: border-box;
            width: 214px;
            right: 0;
            bottom: 0;
            position: absolute;
            background-image: url(images/srs-image.png);
            background-repeat: no-repeat;
            background-position: -10px 0
        }

    .wk-contact-section .wk-faq-suggestion-wrapper {
        position: absolute;
        display: none;
        margin-top: 5px;
        z-index: 7
    }

        .wk-contact-section .wk-faq-suggestion-wrapper .wk-faq-suggestion {
            box-shadow: 0 0 0 0 rgba(0,0,0,.15),0 1px 10px 0 rgba(0,0,0,.1);
            position: relative;
            background-color: #fff
        }

            .wk-contact-section .wk-faq-suggestion-wrapper .wk-faq-suggestion .wk-faq-head-wrap {
                padding: 15px 20px;
                border-bottom: 1px solid #ddd
            }

                .wk-contact-section .wk-faq-suggestion-wrapper .wk-faq-suggestion .wk-faq-head-wrap .wk-faq-header {
                    width: 90%;
                    display: -webkit-inline-box;
                    color: #64687a;
                    font-size: 14px
                }

                .wk-contact-section .wk-faq-suggestion-wrapper .wk-faq-suggestion .wk-faq-head-wrap .wk-faq-header-dismiss {
                    display: inline-block;
                    cursor: pointer;
                    float: right;
                    height: 20px;
                    width: 16px
                }

                    .wk-contact-section .wk-faq-suggestion-wrapper .wk-faq-suggestion .wk-faq-head-wrap .wk-faq-header-dismiss::before {
                        content: ' ';
                        background-image: url(images/meetup/webkul-meetup-spirte.svg);
                        background-position: 49px 0;
                        position: absolute;
                        width: 24px;
                        height: 24px;
                        top: 8px;
                        transform: scale(.8);
                        opacity: .5
                    }

            .wk-contact-section .wk-faq-suggestion-wrapper .wk-faq-suggestion .wk-faq-suggest-list {
                max-height: 200px;
                overflow: auto
            }

                .wk-contact-section .wk-faq-suggestion-wrapper .wk-faq-suggestion .wk-faq-suggest-list li {
                    list-style-type: none;
                    padding: 10px 20px;
                    cursor: pointer;
                    color: #2149f3
                }

                    .wk-contact-section .wk-faq-suggestion-wrapper .wk-faq-suggestion .wk-faq-suggest-list li:hover {
                        background-color: rgba(215,223,226,.2)
                    }

                    .wk-contact-section .wk-faq-suggestion-wrapper .wk-faq-suggestion .wk-faq-suggest-list li a {
                        text-decoration: none;
                        font-size: 15px
                    }

                        .wk-contact-section .wk-faq-suggestion-wrapper .wk-faq-suggestion .wk-faq-suggest-list li a .highlight-match {
                            color: #000
                        }

                .wk-contact-section .wk-faq-suggestion-wrapper .wk-faq-suggestion .wk-faq-suggest-list::-webkit-scrollbar {
                    width: 4px;
                    background-color: #f0f0f0
                }

                .wk-contact-section .wk-faq-suggestion-wrapper .wk-faq-suggestion .wk-faq-suggest-list::-webkit-scrollbar-thumb {
                    background-color: #b8b8b8;
                    border-radius: 16px
                }

                .wk-contact-section .wk-faq-suggestion-wrapper .wk-faq-suggestion .wk-faq-suggest-list::-webkit-scrollbar-track {
                    background-color: #f0f0f0
                }

.wk-gdpr-section {
    padding-bottom: 20px
}

    .wk-gdpr-section .link-panel {
        margin: 25px 0 15px
    }

        .wk-gdpr-section .link-panel .link-tabs {
            padding: 18px 18px 19px;
            background-color: #fff;
            display: inline-block;
            vertical-align: middle;
            box-shadow: 0 12px 24px 0 rgba(0,0,0,.08),0 0 8px 0 rgba(0,0,0,.04);
            font-size: 16px;
            min-width: 235px;
            margin: 15px 0;
            color: #2c3145
        }

            .wk-gdpr-section .link-panel .link-tabs:nth-child(even) {
                margin: 15px 25px
            }

            .wk-gdpr-section .link-panel .link-tabs:hover {
                text-decoration: none
            }

            .wk-gdpr-section .link-panel .link-tabs:before {
                content: '';
                display: inline-block;
                vertical-align: middle;
                background-image: url(images/webkul-main-sprite8ea7.svg?v=4.9);
                background-position: 139px -253px;
                width: 37px;
                height: 37px;
                margin-right: 10px
            }

            .wk-gdpr-section .link-panel .link-tabs.sale:before {
                background-position-x: 101px
            }

            .wk-gdpr-section .link-panel .link-tabs.story:before {
                background-position-x: 64px
            }

    .wk-gdpr-section .contact-details {
        display: table
    }

        .wk-gdpr-section .contact-details.info-full {
            display: block
        }

            .wk-gdpr-section .contact-details.info-full .cards {
                width: 100%
            }

                .wk-gdpr-section .contact-details.info-full .cards .phone .phone-drops {
                    margin-right: 10px
                }

                    .wk-gdpr-section .contact-details.info-full .cards .phone .phone-drops:nth-child(2) {
                        float: none
                    }

        .wk-gdpr-section .contact-details .cards {
            display: inline-block;
            vertical-align: middle;
            width: 48%;
            min-width: 350px;
            padding: 20px 30px;
            background-color: #fff
        }

            .wk-gdpr-section .contact-details .cards:nth-child(2) {
                float: right;
                margin-top: 46px
            }

            .wk-gdpr-section .contact-details .cards p {
                margin: 0
            }

            .wk-gdpr-section .contact-details .cards .elements p {
                font-size: 16px;
                margin: 15px 0 4px
            }

            .wk-gdpr-section .contact-details .cards .elements a {
                font-size: 16px
            }

            .wk-gdpr-section .contact-details .cards .phone {
                margin-top: 30px;
                padding-top: 28px
            }

                .wk-gdpr-section .contact-details .cards .phone p {
                    font-size: 16px;
                    margin: 0 0 4px
                }

                .wk-gdpr-section .contact-details .cards .phone a {
                    font-size: 16px
                }

                .wk-gdpr-section .contact-details .cards .phone .phone-drops {
                    display: inline-block;
                    vertical-align: middle
                }

                    .wk-gdpr-section .contact-details .cards .phone .phone-drops:nth-child(2) {
                        float: right
                    }

                    .wk-gdpr-section .contact-details .cards .phone .phone-drops p:after {
                        content: '';
                        background: url(images/flag.png) no-repeat;
                        display: inline-block;
                        vertical-align: middle;
                        width: 14px;
                        height: 12px;
                        margin: 0 6px 2px
                    }

                    .wk-gdpr-section .contact-details .cards .phone .phone-drops p.home:after {
                        background-position-x: -14px
                    }

                    .wk-gdpr-section .contact-details .cards .phone .phone-drops p.italy::after {
                        background-position-x: -28px
                    }

            .wk-gdpr-section .contact-details .cards.address .country {
                font-weight: 400;
                margin: 20px 0 0
            }

                .wk-gdpr-section .contact-details .cards.address .country:first-child {
                    margin: 0
                }

            .wk-gdpr-section .contact-details .cards.address .elements p:first-of-type {
                color: #64687a
            }

    .wk-gdpr-section .reach-us {
        margin: 40px 0
    }

        .wk-gdpr-section .reach-us:before {
            content: "";
            display: block;
            height: 100px;
            margin: -90px 0 0
        }

        .wk-gdpr-section .reach-us h3 {
            font-weight: 400
        }

        .wk-gdpr-section .reach-us .form-skull {
            margin: 40px auto;
            width: 100%;
            max-width: 530px;
            padding: 30px;
            box-shadow: 0 12px 24px 0 rgba(0,0,0,.08),0 0 8px 0 rgba(0,0,0,.04)
        }

            .wk-gdpr-section .reach-us .form-skull form {
                padding: 40px 0 20px
            }

            .wk-gdpr-section .reach-us .form-skull .uv_form-group {
                text-align: left;
                position: relative;
                margin-bottom: 50px
            }

                .wk-gdpr-section .reach-us .form-skull .uv_form-group .uv_selectpicker, .wk-gdpr-section .reach-us .form-skull .uv_form-group label[for=type] {
                    display: none
                }

                .wk-gdpr-section .reach-us .form-skull .uv_form-group .uv_required, .wk-gdpr-section .reach-us .form-skull .uv_form-group label {
                    color: #64687a;
                    font-size: 18px;
                    display: block;
                    width: 100%;
                    transition: .2s ease-out;
                    transform-origin: left center;
                    transform: translateY(0) scale(1);
                    position: absolute;
                    z-index: 2;
                    text-transform: capitalize
                }

                    .wk-gdpr-section .reach-us .form-skull .uv_form-group label.wk-label-active {
                        color: #64687a;
                        transform: translateY(-20px) scale(.9)
                    }

                .wk-gdpr-section .reach-us .form-skull .uv_form-group .uv_form-control, .wk-gdpr-section .reach-us .form-skull .uv_form-group input[type=email], .wk-gdpr-section .reach-us .form-skull .uv_form-group input[type=number], .wk-gdpr-section .reach-us .form-skull .uv_form-group input[type=password], .wk-gdpr-section .reach-us .form-skull .uv_form-group input[type=text], .wk-gdpr-section .reach-us .form-skull .uv_form-group textarea {
                    position: relative;
                    z-index: 3;
                    color: #0e1b51;
                    background-color: transparent;
                    font-size: 16px;
                    width: 100%;
                    display: block;
                    border-top: none;
                    border-left: none;
                    border-right: none;
                    border-bottom: solid 3px #64687a;
                    padding: 5px 0 5px 0;
                    transition: .2s ease-out;
                    border-radius: 0
                }

                    .wk-gdpr-section .reach-us .form-skull .uv_form-group .uv_form-control:focus, .wk-gdpr-section .reach-us .form-skull .uv_form-group input[type=email]:focus, .wk-gdpr-section .reach-us .form-skull .uv_form-group input[type=number]:focus, .wk-gdpr-section .reach-us .form-skull .uv_form-group input[type=password]:focus, .wk-gdpr-section .reach-us .form-skull .uv_form-group input[type=text]:focus, .wk-gdpr-section .reach-us .form-skull .uv_form-group textarea:focus {
                        border-bottom-color: #2149f3
                    }

                .wk-gdpr-section .reach-us .form-skull .uv_form-group textarea {
                    height: 100px;
                    padding-top: 23px !important
                }

                .wk-gdpr-section .reach-us .form-skull .uv_form-group input[readonly=true] {
                    color: rgba(0,0,0,.45);
                    border-bottom-color: rgba(0,0,0,.45);
                    pointer-events: none
                }

                .wk-gdpr-section .reach-us .form-skull .uv_form-group .uv_show-error {
                    color: #ff6565;
                    transform: translateY(5px)
                }

            .wk-gdpr-section .reach-us .form-skull .uv_flash.success {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                padding: 20px 45px;
                background: #33cd83;
                box-shadow: 0 3px 10px 0 rgba(0,0,0,.2);
                color: #fff;
                font-size: 16px;
                z-index: 6000;
                text-align: center
            }

                .wk-gdpr-section .reach-us .form-skull .uv_flash.success .close {
                    font-size: 0;
                    background-image: url(images/webkul-main-sprite8ea7.svg?v=4.9);
                    cursor: pointer;
                    width: 23px;
                    height: 23px;
                    background-position: 112px 0;
                    position: absolute;
                    right: 20px;
                    transform: rotate(45deg);
                    margin: 0 !important;
                    top: 27%
                }

            .wk-gdpr-section .reach-us .form-skull .wk-control.wk-dropdown {
                margin-top: 0
            }

.customer-hero-paper {
    position: relative;
    width: 578px;
    height: 538px
}

    .customer-hero-paper .brick {
        text-align: initial
    }

.dt {
    color: #2c3145;
    display: inline-block;
    vertical-align: middle;
    padding-left: 8px;
    opacity: 0;
    transition: cubic-bezier(0,.2,.4,1) .1s
}

    .dt:before {
        content: attr(data-name);
        font-size: 18px
    }

    .dt:after {
        content: attr(data-company);
        font-size: 16px
    }

.ctr1c1 {
    position: absolute;
    left: 32px;
    top: 66px
}

.r1c1 {
    width: 110px;
    height: 110px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10
}

    .r1c1 .pic {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        background-color: #fff;
        border-radius: 50%;
        width: 110px;
        height: 110px;
        background-position: 0 -255px;
        box-shadow: 0 16px 32px 0 rgba(0,0,0,.08),0 36px 36px 0 rgba(0,0,0,.12)
    }

    .r1c1 .flg {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        background-color: #fff;
        border-radius: 50%;
        border: 2px solid #fff;
        width: 36px;
        height: 36px;
        background-position: -32px -397px;
        box-shadow: 0 8px 12px 0 rgba(0,0,0,.24);
        right: -8px;
        top: 10px
    }

.ctr1c2 {
    position: absolute;
    left: 179px;
    top: 0
}

.r1c2 {
    width: 129px;
    height: 129px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10
}

    .r1c2 .pic {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        width: 129px;
        height: 129px;
        background-position: -135px 0;
        box-shadow: 0 16px 32px 0 rgba(0,0,0,.04),0 24px 48px 0 rgba(0,0,0,.08)
    }

    .r1c2 .flg {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        border: 2px solid #fff;
        width: 36px;
        height: 36px;
        background-position: 0 -365px;
        box-shadow: 0 8px 12px 0 rgba(0,0,0,.24);
        right: -8px;
        top: 12px
    }

.ctr1c3 {
    position: absolute;
    left: 354px;
    top: 19px
}

.r1c3 {
    width: 72px;
    height: 72px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10
}

    .r1c3 .pic {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        width: 72px;
        height: 72px;
        background-position: -335px -365px;
        box-shadow: 0 16px 32px 0 rgba(0,0,0,.08),0 24px 24px 0 rgba(0,0,0,.16)
    }

    .r1c3 .flg {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        border: 2px solid #fff;
        width: 24px;
        height: 24px;
        background-position: 0 -429px;
        box-shadow: 0 8px 12px 0 rgba(0,0,0,.24);
        left: -10px;
        bottom: 16px
    }

.ctr1c4 {
    position: absolute;
    left: 324px;
    top: 75px;
    direction: rtl
}

.r1c4 {
    width: 120px;
    height: 120px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10
}

    .r1c4 .pic {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        width: 120px;
        height: 120px;
        background-position: -264px 0;
        box-shadow: 0 20px 32px 0 rgba(0,0,0,.04),0 36px 48px 0 rgba(0,0,0,.12)
    }

    .r1c4 .flg {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        border: 2px solid #fff;
        width: 36px;
        height: 36px;
        background-position: -64px -365px;
        box-shadow: 0 8px 12px 0 rgba(0,0,0,.24);
        right: -12px;
        top: 20px
    }

.ctr2c1 {
    position: absolute;
    left: 0;
    top: 200px
}

.r2c1 {
    width: 120px;
    height: 120px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10
}

    .r2c1 .pic {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        width: 120px;
        height: 120px;
        background-position: -240px -135px;
        box-shadow: 0 16px 32px 0 rgba(0,0,0,.08),0 24px 24px 0 rgba(0,0,0,.12)
    }

    .r2c1 .flg {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        border: 2px solid #fff;
        width: 36px;
        height: 36px;
        background-position: -32px -365px;
        box-shadow: 0 8px 12px 0 rgba(0,0,0,.24);
        right: -14px;
        bottom: 24px
    }

.ctr2c2 {
    position: absolute;
    left: 158px;
    top: 152px
}

.r2c2 {
    width: 83px;
    height: 83px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 11
}

    .r2c2 .pic {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        width: 83px;
        height: 83px;
        background-position: -97px -365px;
        box-shadow: 0 16px 32px 0 rgba(0,0,0,.08),0 36px 36px 0 rgba(0,0,0,.12)
    }

    .r2c2 .flg {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        border: 2px solid #fff;
        width: 24px;
        height: 24px;
        background-position: -40px -429px;
        box-shadow: 0 8px 12px 0 rgba(0,0,0,.24);
        right: -8px;
        top: 12px
    }

.ctr2c3 {
    position: absolute;
    left: 288px;
    top: 128px
}

.r2c3 {
    width: 120px;
    height: 120px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10
}

    .r2c3 .pic {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        width: 120px;
        height: 120px;
        background-position: 0 -135px;
        box-shadow: 0 16px 32px 0 rgba(0,0,0,.08),0 36px 36px 0 rgba(0,0,0,.12)
    }

    .r2c3 .flg {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        border: 2px solid #fff;
        width: 34px;
        height: 34px;
        background-position: -64px -397px;
        box-shadow: 0 8px 12px 0 rgba(0,0,0,.24);
        right: -10px;
        bottom: 24px
    }

.ctr2c4 {
    position: absolute;
    left: 320px;
    top: 219px;
    direction: rtl
}

.r2c4 {
    width: 96px;
    height: 96px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10
}

    .r2c4 .pic {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        width: 96px;
        height: 96px;
        background-position: -318px -255px;
        box-shadow: 0 16px 32px 0 rgba(0,0,0,.08),0 36px 36px 0 rgba(0,0,0,.12)
    }

    .r2c4 .flg {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        border: 2px solid #fff;
        width: 24px;
        height: 24px;
        background-position: 0 -449px;
        box-shadow: 0 8px 12px 0 rgba(0,0,0,.24);
        left: -4px;
        top: 16px
    }

.ctr3c1 {
    position: absolute;
    left: 40px;
    top: 344px
}

.r3c1 {
    width: 120px;
    height: 120px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10
}

    .r3c1 .pic {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        width: 120px;
        height: 120px;
        background-position: -120px -135px;
        box-shadow: 0 16px 32px 0 rgba(0,0,0,.04),0 24px 48px 0 rgba(0,0,0,.08)
    }

    .r3c1 .flg {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        border: 2px solid #fff;
        width: 34px;
        height: 34px;
        background-position: -32px -397px;
        box-shadow: 0 8px 12px 0 rgba(0,0,0,.24);
        left: -4px;
        top: 8px
    }

.ctr3c2 {
    position: absolute;
    left: 184px;
    top: 262px
}

.r3c2 {
    width: 135px;
    height: 135px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10
}

    .r3c2 .pic {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        width: 135px;
        height: 135px;
        background-position: 0 0;
        box-shadow: 0 16px 32px 0 rgba(0,0,0,.04),0 36px 48px 0 rgba(0,0,0,.08)
    }

    .r3c2 .flg {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        border: 2px solid #fff;
        width: 36px;
        height: 36px;
        background-position: -64px -365px;
        box-shadow: 0 8px 12px 0 rgba(0,0,0,.24);
        left: -8px;
        top: 16px
    }

.ctr3c3 {
    position: absolute;
    left: 354px;
    top: 291px
}

.r3c3 {
    width: 72px;
    height: 72px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 12
}

    .r3c3 .pic {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        width: 72px;
        height: 72px;
        background-position: -263px -365px;
        box-shadow: 0 16px 32px 0 rgba(0,0,0,.08),0 24px 24px 0 rgba(0,0,0,.16)
    }

    .r3c3 .flg {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        border: 2px solid #fff;
        width: 24px;
        height: 24px;
        background-position: -40px -449px;
        box-shadow: 0 8px 12px 0 rgba(0,0,0,.24);
        right: -4px;
        bottom: 24px
    }

.ctr3c4 {
    position: absolute;
    left: 300px;
    top: 368px;
    direction: rtl
}

.r3c4 {
    width: 83px;
    height: 83px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10
}

    .r3c4 .pic {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        width: 83px;
        height: 83px;
        background-position: -180px -365px;
        box-shadow: 0 16px 32px 0 rgba(0,0,0,.08),0 36px 36px 0 rgba(0,0,0,.12)
    }

    .r3c4 .flg {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        border: 2px solid #fff;
        width: 24px;
        height: 24px;
        background-position: -20px -429px;
        box-shadow: 0 8px 12px 0 rgba(0,0,0,.24);
        left: -8px;
        top: 10px
    }

.ctr4c1 {
    position: absolute;
    left: 40px;
    top: 430px;
    direction: rtl
}

.r4c1 {
    width: 101px;
    height: 101px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10
}

    .r4c1 .pic {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        width: 101px;
        height: 101px;
        background-position: -217px -255px;
        box-shadow: 0 16px 32px 0 rgba(0,0,0,.08),0 36px 36px 0 rgba(0,0,0,.12)
    }

    .r4c1 .flg {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        border: 2px solid #fff;
        width: 24px;
        height: 24px;
        background-position: -20px -449px;
        box-shadow: 0 8px 12px 0 rgba(0,0,0,.24);
        right: -8px;
        top: 16px
    }

.ctr4c2 {
    position: absolute;
    left: 316px;
    top: 404px
}

.r4c2 {
    width: 107px;
    height: 107px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10
}

    .r4c2 .pic {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        width: 107px;
        height: 107px;
        background-position: -110px -255px;
        box-shadow: 0 16px 32px 0 rgba(0,0,0,.04),0 24px 48px 0 rgba(0,0,0,.08)
    }

    .r4c2 .flg {
        position: absolute;
        background-image: url(images/customer/wk-sprite-customersf9e3.png?v=1.1);
        background-repeat: no-repeat;
        border-radius: 50%;
        border: 2px solid #fff;
        width: 36px;
        height: 36px;
        background-position: 0 -397px;
        box-shadow: 0 8px 12px 0 rgba(0,0,0,.24);
        left: -8px;
        top: 16px
    }

.bg-blur {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0);
    backdrop-filter: blur(8px);
    transition: .34s cubic-bezier(0,.2,.4,1);
    margin: -30px
}

.bg-blur-active {
    z-index: 98;
    background-color: rgba(255,255,255,.48)
}

.bg-blur-inactive {
    animation: remove-blur 80ms forwards cubic-bezier(0,.2,.4,1)
}

@keyframes remove-blur {
    from {
        background-color: rgba(255,255,255,.48);
        backdrop-filter: blur(8px)
    }

    to {
        background-color: rgba(255,255,255,0);
        backdrop-filter: blur(0)
    }
}

.ctr-top {
    z-index: 99
}

.brick.ctr-top div:hover + .dt {
    opacity: 1
}

.wk-client-geo-wrap .customer-hero-mobile {
    display: none
}

.customer-logo-with-list-container {
    margin: 30px -15px
}

    .customer-logo-with-list-container .logo-list-wrap {
        box-shadow: 0 12px 24px 0 rgba(0,0,0,.08),0 0 8px 0 rgba(0,0,0,.04);
        display: inline-block;
        vertical-align: bottom;
        padding: 30px;
        margin: 15px;
        width: 45%;
        border-bottom: 3px solid #2149f3
    }

        .customer-logo-with-list-container .logo-list-wrap .logo img {
            width: auto;
            margin-left: 0
        }

        .customer-logo-with-list-container .logo-list-wrap .list {
            margin-top: 10px
        }

            .customer-logo-with-list-container .logo-list-wrap .list ul {
                margin: 0;
                position: relative;
                padding-left: 15px
            }

                .customer-logo-with-list-container .logo-list-wrap .list ul li {
                    margin: 5px 0;
                    font-size: 15px;
                    list-style-type: none
                }

                    .customer-logo-with-list-container .logo-list-wrap .list ul li:before {
                        content: '';
                        display: inline-block;
                        vertical-align: top;
                        width: 5px;
                        height: 5px;
                        border-radius: 50%;
                        background-color: #2149f3;
                        margin-top: 8px;
                        position: absolute;
                        left: 0
                    }

.customer-logo-gallery-container {
    font-size: 0;
    position: relative;
    margin: 35px auto
}

    .customer-logo-gallery-container .gallery {
        position: relative
    }

        .customer-logo-gallery-container .gallery:before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 1px;
            height: 100%;
            background: #fff
        }

        .customer-logo-gallery-container .gallery:after {
            content: "";
            display: inline-block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #fff
        }

        .customer-logo-gallery-container .gallery .logo-wrap {
            display: inline-block;
            vertical-align: middle;
            height: 250px;
            width: 250px;
            border: 1px solid #ddd;
            border-right: none;
            border-top: none
        }

            .customer-logo-gallery-container .gallery .logo-wrap img {
                width: auto
            }

            .customer-logo-gallery-container .gallery .logo-wrap:last-child {
                border-right: 1px solid #ddd
            }

.wr-404 {
    position: relative;
    height: 100%
}

    .wr-404 .wr-404-lt {
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0
    }

        .wr-404 .wr-404-lt .wr-otr-spc {
            width: 510px;
            height: 100%;
            background-image: url(images/outer-space3860.svg?v=1);
            background-position: left center
        }

    .wr-404 .wr-404-rt {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        padding-left: 510px;
        display: table
    }

    .wr-404 .wr-404-agn {
        display: table-cell;
        vertical-align: middle;
        padding: 0 120px
    }

        .wr-404 .wr-404-agn .wr-fixed {
            width: 620px;
            max-width: 100%
        }

        .wr-404 .wr-404-agn h1 {
            font-size: 96px;
            margin: 0 0 20px 0;
            color: #2149f3
        }

        .wr-404 .wr-404-agn h2 {
            font-size: 34px;
            margin: 0 0 15px 0;
            color: #0e1b51;
            text-transform: uppercase
        }

        .wr-404 .wr-404-agn p {
            font-size: 18px;
            margin: 0 0 30px 0;
            color: #64687a
        }

    .wr-404 .wr-404-accent {
        color: #2149f3
    }

    .wr-404 a.wr-404-back {
        font-size: 18px;
        text-transform: uppercase;
        color: #2149f3;
        vertical-align: middle;
        text-decoration: none
    }

        .wr-404 a.wr-404-back:after {
            content: "";
            display: inline-block;
            vertical-align: middle;
            background-image: url(images/webkul-main-sprite8ea7.svg?v=4.9);
            margin: -3px 0 0 8px;
            width: 24px;
            height: 24px;
            background-position: -242px -291px;
            transition: .15s ease-out
        }

        .wr-404 a.wr-404-back:hover:after {
            margin-left: 13px
        }

.video-play-wrapper .close-button:after {
    content: '';
    background-image: url(images/wk-sprite-globald28d.png?v=1.8);
    width: 26px;
    height: 20px;
    background-position: -720px -145px;
    margin-left: -12px;
    margin-top: 5px;
    position: absolute
}

.video-play-wrapper .close-button::before {
    content: '' !important
}

.wk-certifications-section .wk-section-grid {
    grid-gap: 40px
}

.wk-certifications-section .certification-slabs {
    grid-template-columns: minmax(auto,301px) auto;
    grid-gap: 40px;
    display: grid
}

    .wk-certifications-section .certification-slabs .c-content .title {
        font-size: 22px;
        color: #2149f3
    }

        .wk-certifications-section .certification-slabs .c-content .title a {
            font-size: 22px;
            color: #2149f3
        }

    .wk-certifications-section .certification-slabs .c-content .desc {
        color: #64687a;
        font-size: 16px;
        margin-top: 0
    }

    .wk-certifications-section .certification-slabs .c-content .more {
        margin-top: 5px;
        display: inline-block;
        font-size: 16px
    }

.wk-featured-products-section .project-content-box {
    border-radius: 5px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.08),0 0 8px 0 rgba(0,0,0,.04);
    margin: 40px auto 50px;
    max-width: 935px
}

.wk-featured-products-section .header {
    padding: 10px 50px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: left
}

    .wk-featured-products-section .header img {
        transition: .2s
    }

        .wk-featured-products-section .header img:hover {
            opacity: .8
        }

    .wk-featured-products-section .header.color-coolhue {
        background-color: #010f6b
    }

    .wk-featured-products-section .header.color-csspin {
        background-color: #02b5c8
    }

    .wk-featured-products-section .header.color-uvdesk {
        background-color: #8f7ef5
    }

    .wk-featured-products-section .header.color-wedgecommerce {
        background-color: #4f4397
    }

.wk-featured-products-section .followers {
    padding: 25px
}

    .wk-featured-products-section .followers .follower-items {
        display: inline-block;
        margin: 5px;
        max-width: 100%
    }

        .wk-featured-products-section .followers .follower-items img {
            max-width: 100%;
            height: auto;
            width: auto
        }

            .wk-featured-products-section .followers .follower-items img:hover {
                animation: .6s ease-in-out 0s normal none 1 shine;
                -webkit-animation: .6s ease-in-out 0s normal none 1 shine;
                -moz-animation: .6s ease-in-out 0s normal none 1 shine
            }

.wk-mp-user-guide .wk-mp-userguide-header {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(280px,auto));
    grid-gap: 50px
}

    .wk-mp-user-guide .wk-mp-userguide-header .page-banner {
        transform-style: preserve-3d;
        perspective: 35em
    }

        .wk-mp-user-guide .wk-mp-userguide-header .page-banner img {
            height: auto;
            max-width: 100%;
            box-shadow: 0 1px 34px 0 rgba(0,0,0,.12);
            transform-origin: left center;
            transition: .3s ease-in-out
        }

            .wk-mp-user-guide .wk-mp-userguide-header .page-banner img:hover {
                transform: rotateY(-5deg);
                box-shadow: 14px 0 34px 6px rgba(0,0,0,.05),1px 1px 0 0 rgba(0,0,0,.01),2px 1px 0 0 rgba(0,0,0,.01),3px 1px 0 0 rgba(0,0,0,.01),4px 1px 0 0 rgba(0,0,0,.01)
            }

    .wk-mp-user-guide .wk-mp-userguide-header .page-tagline ul li {
        font-size: 18px
    }

        .wk-mp-user-guide .wk-mp-userguide-header .page-tagline ul li::before {
            content: '';
            background-image: url(images/check-icon.png);
            display: inline-block;
            height: 11px;
            width: 25px;
            background-repeat: no-repeat
        }

        .wk-mp-user-guide .wk-mp-userguide-header .page-tagline ul li p {
            width: 90%;
            display: inline-block;
            vertical-align: top;
            margin: 0
        }

    .wk-mp-user-guide .wk-mp-userguide-header .page-tagline #mp-guide-btn {
        font-weight: 600;
        padding-left: 25px;
        padding-right: 25px;
        margin-right: 10px
    }

.wk-mp-user-guide .wk-mp-platform {
    overflow: hidden
}

    .wk-mp-user-guide .wk-mp-platform .platform-plank {
        text-align: center
    }

        .wk-mp-user-guide .wk-mp-platform .platform-plank h1 {
            margin-bottom: 40px;
            text-align: center;
            font-size: 34px
        }

        .wk-mp-user-guide .wk-mp-platform .platform-plank .wk-mp-platform-icon {
            width: 74px;
            height: 74px;
            background-image: url(images/marketplace-sprite.svg);
            display: inline-block;
            vertical-align: middle
        }

        .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-card {
            padding: 25px 25px 35px 25px;
            display: inline-block;
            vertical-align: top;
            min-height: 455px;
            border-radius: 10px;
            width: 320px;
            max-width: 100%;
            margin: 0 10px 23px;
            box-shadow: 0 0 51px 0 rgba(0,0,0,.15),0 6px 18px 0 rgba(0,0,0,.15);
            text-align: left;
            position: relative
        }

            .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-card h4 {
                display: inline-block;
                vertical-align: middle;
                margin: 0;
                padding-left: 10px;
                color: #fff;
                font-size: 18px;
                font-weight: 600;
                width: 67%
            }

            .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-card p {
                font-size: 16px;
                color: #fff;
                margin: 25px 0 45px 0
            }

            .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-card .wk-mp-btn {
                position: absolute;
                bottom: 30px;
                padding: 10px 12px;
                font-size: 15px;
                text-transform: uppercase;
                background-color: #fff;
                color: #8e81a6;
                border-radius: 3px;
                box-shadow: 0 2px 3px 0 rgba(0,0,0,.05),0 3px 19px 1px rgba(0,0,0,.15);
                display: inline-block
            }

                .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-card .wk-mp-btn:hover {
                    text-decoration: none;
                    box-shadow: 0 2px 3px 0 rgba(0,0,0,.05),0 15px 19px 1px rgba(0,0,0,.1);
                    color: #43355b
                }

        .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-magento {
            background-image: linear-gradient(135deg,#fd7b4c 0,#fd4c4c 100%)
        }

            .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-magento .wk-mp-platform-icon-magento {
                background-position: -75px -157px
            }

        .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-prestashop {
            background-image: linear-gradient(135deg,#1eb9de 0,#027a94 100%)
        }

            .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-prestashop .wk-mp-platform-icon-prestashop {
                background-position: -75px -232px
            }

        .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-opencart {
            background-image: linear-gradient(135deg,#23cafd 0,#125bf0 100%)
        }

            .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-opencart .wk-mp-platform-icon-opencart {
                background-position: -150px -307px
            }

        .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-cs-cart {
            background-image: linear-gradient(135deg,#2aa2ff 0,#3446bf 100%)
        }

            .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-cs-cart .wk-mp-platform-icon-cs-cart {
                background-position: -150px -157px
            }

        .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-shopify {
            background-image: linear-gradient(135deg,#22d78b 0,#08a65e 100%)
        }

            .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-shopify .wk-mp-platform-icon-shopify {
                background-position: -75px -307px
            }

        .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-wordpress {
            background-image: linear-gradient(135deg,#a7f 0,#4e12b0 100%)
        }

            .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-wordpress .wk-mp-platform-icon-woocommerce {
                background-position: -75px -382px
            }

        .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-joomla {
            background-image: linear-gradient(135deg,#4561e7 0,#213dc8 100%)
        }

            .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-joomla .wk-mp-platform-icon-joomla {
                background-position: -150px -232px
            }

        .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-odoo {
            background-image: linear-gradient(135deg,#d850b3 0,#b63c95 100%)
        }

            .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-odoo .wk-mp-platform-icon-odoo {
                background-position: -150px -382px
            }

        .wk-mp-user-guide .wk-mp-platform .platform-plank.more-height .platform-card {
            min-height: 440px
        }

.wk-meetup-section .meetup-wodge {
    margin: 50px 0 80px 0
}

    .wk-meetup-section .meetup-wodge .meetup-img-wrap {
        display: inline-block;
        vertical-align: top;
        width: 33.33%
    }

        .wk-meetup-section .meetup-wodge .meetup-img-wrap .meetup-img {
            max-width: 100%;
            width: 100%;
            height: auto;
            margin-bottom: 20px
        }

    .wk-meetup-section .meetup-wodge .meetup-content {
        display: inline-block;
        vertical-align: top;
        width: 66%;
        padding-left: 20px
    }

        .wk-meetup-section .meetup-wodge .meetup-content .meetup-attendess, .wk-meetup-section .meetup-wodge .meetup-content .meetup-date-time {
            margin: 20px 0 5px;
            color: #0e1b51;
            font-size: 16px
        }

        .wk-meetup-section .meetup-wodge .meetup-content .meetup-desc p {
            color: #64687a;
            word-break: break-word
        }

        .wk-meetup-section .meetup-wodge .meetup-content .meetup-desc .meetup-more {
            display: none
        }

            .wk-meetup-section .meetup-wodge .meetup-content .meetup-desc .meetup-more.meetup-active {
                display: inline-block
            }

        .wk-meetup-section .meetup-wodge .meetup-content .meetup-gallery {
            padding: 30px 65px;
            position: relative
        }

            .wk-meetup-section .meetup-wodge .meetup-content .meetup-gallery .meetup-gallery-carousel .item {
                height: 142px
            }

                .wk-meetup-section .meetup-wodge .meetup-content .meetup-gallery .meetup-gallery-carousel .item img {
                    height: 100%;
                    cursor: pointer;
                    object-fit: cover
                }

            .wk-meetup-section .meetup-wodge .meetup-content .meetup-gallery .meetup-gallery-carousel .owl-nav .owl-prev {
                position: absolute;
                top: 0;
                bottom: 0;
                right: 100%;
                margin-right: 15px
            }

                .wk-meetup-section .meetup-wodge .meetup-content .meetup-gallery .meetup-gallery-carousel .owl-nav .owl-prev span {
                    background: #0e1b51;
                    padding: 24px;
                    font-size: 0;
                    transition: .25s;
                    position: relative
                }

                    .wk-meetup-section .meetup-wodge .meetup-content .meetup-gallery .meetup-gallery-carousel .owl-nav .owl-prev span::before {
                        content: "";
                        display: block;
                        background-image: url(images/webkul-main-sprite8ea7.svg?v=4.9);
                        height: 33px;
                        width: 33px;
                        background-position: 0 -160px;
                        position: absolute;
                        left: 7px;
                        top: 0;
                        bottom: 0;
                        margin: auto;
                        transition: .25s
                    }

                    .wk-meetup-section .meetup-wodge .meetup-content .meetup-gallery .meetup-gallery-carousel .owl-nav .owl-prev span:hover {
                        background: #0cf
                    }

                        .wk-meetup-section .meetup-wodge .meetup-content .meetup-gallery .meetup-gallery-carousel .owl-nav .owl-prev span:hover::before {
                            transform: translateX(-3px);
                            transition: .25s
                        }

            .wk-meetup-section .meetup-wodge .meetup-content .meetup-gallery .meetup-gallery-carousel .owl-nav .owl-next {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 100%;
                margin-left: 15px
            }

                .wk-meetup-section .meetup-wodge .meetup-content .meetup-gallery .meetup-gallery-carousel .owl-nav .owl-next span {
                    background: #0e1b51;
                    padding: 24px;
                    font-size: 0;
                    position: relative
                }

                    .wk-meetup-section .meetup-wodge .meetup-content .meetup-gallery .meetup-gallery-carousel .owl-nav .owl-next span::before {
                        content: "";
                        display: block;
                        background-image: url(images/webkul-main-sprite8ea7.svg?v=4.9);
                        height: 33px;
                        width: 33px;
                        background-position: -33px -160px;
                        position: absolute;
                        right: 7px;
                        top: 0;
                        bottom: 0;
                        margin: auto;
                        transition: .25s
                    }

                    .wk-meetup-section .meetup-wodge .meetup-content .meetup-gallery .meetup-gallery-carousel .owl-nav .owl-next span:hover {
                        background: #0cf
                    }

                        .wk-meetup-section .meetup-wodge .meetup-content .meetup-gallery .meetup-gallery-carousel .owl-nav .owl-next span:hover::before {
                            transform: translateX(3px);
                            transition: .25s
                        }

            .wk-meetup-section .meetup-wodge .meetup-content .meetup-gallery .meetup-gallery-carousel .owl-dots {
                display: none
            }

.meetup-popup-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.97);
    z-index: 999
}

    .meetup-popup-wrapper .meetup-toolbar {
        background: #fff;
        box-shadow: 0 1px 0 0 rgba(0,0,0,.21);
        padding: 15px
    }

        .meetup-popup-wrapper .meetup-toolbar .meetup-leftbar {
            display: inline-block;
            vertical-align: top;
            width: 49%
        }

            .meetup-popup-wrapper .meetup-toolbar .meetup-leftbar .meetup-close::before {
                background-position: 48px 0
            }

        .meetup-popup-wrapper .meetup-toolbar .meetup-rightbar {
            display: inline-block;
            vertical-align: top;
            width: 49%;
            text-align: right
        }

            .meetup-popup-wrapper .meetup-toolbar .meetup-rightbar .meetup-prev {
                display: inline-block;
                vertical-align: top
            }

                .meetup-popup-wrapper .meetup-toolbar .meetup-rightbar .meetup-prev::before {
                    background-position: -1px 0
                }

            .meetup-popup-wrapper .meetup-toolbar .meetup-rightbar .meetup-next {
                display: inline-block;
                vertical-align: top;
                margin-left: 10px
            }

                .meetup-popup-wrapper .meetup-toolbar .meetup-rightbar .meetup-next::before {
                    background-position: -23px 0
                }

    .meetup-popup-wrapper .meetup-gallery-image {
        display: block;
        height: 90%;
        max-width: 100%;
        margin: auto;
        overflow: hidden;
        position: relative
    }

        .meetup-popup-wrapper .meetup-gallery-image img {
            max-width: 95%;
            max-height: 95%;
            margin: auto;
            box-shadow: 0 2px 6px rgba(0,0,0,.2);
            animation: on-fade 1s;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0
        }

    .meetup-popup-wrapper .meetup-sprite {
        position: relative;
        display: block;
        width: 45px;
        height: 45px;
        opacity: .4
    }

        .meetup-popup-wrapper .meetup-sprite::before {
            content: "";
            background-image: url(images/meetup/webkul-meetup-spirte.svg);
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 24px;
            height: 24px;
            margin: auto
        }

        .meetup-popup-wrapper .meetup-sprite:hover {
            background-color: rgba(0,0,0,.16);
            border-radius: 25px
        }

    .meetup-popup-wrapper .meetup-btm-toolbar {
        background: #fff;
        border-radius: 24px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.31);
        padding: 5px 10px;
        position: fixed;
        right: 25px;
        bottom: 25px
    }

        .meetup-popup-wrapper .meetup-btm-toolbar .meetup-sprite {
            display: inline-block;
            vertical-align: middle;
            width: 35px;
            height: 35px
        }

        .meetup-popup-wrapper .meetup-btm-toolbar .meetup-minus::before {
            background-position: 0 -24px;
            transform: rotate(90deg)
        }

        .meetup-popup-wrapper .meetup-btm-toolbar .meetup-full {
            margin-left: 5px
        }

            .meetup-popup-wrapper .meetup-btm-toolbar .meetup-full::before {
                background-position: -25px -24px
            }

        .meetup-popup-wrapper .meetup-btm-toolbar .meetup-plus {
            margin-left: 5px
        }

            .meetup-popup-wrapper .meetup-btm-toolbar .meetup-plus::before {
                background-position: -48px -24px
            }

    .meetup-popup-wrapper .btm-not-allowed, .meetup-popup-wrapper .not-allowed {
        opacity: .2;
        cursor: not-allowed
    }

.wk-waiting-loader {
    height: 3px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    background-color: #ddd
}

    .wk-waiting-loader::before {
        display: block;
        position: absolute;
        content: "";
        left: -200px;
        width: 200px;
        height: 3px;
        background-image: -webkit-linear-gradient(135deg,#4620c0 20%,#377eff 70%);
        animation: wait-loading .8s linear infinite
    }

.wk-events-listing .event-blocks {
    font-size: 18px;
    font-weight: 800;
    border-bottom: 1px solid #ddd;
    padding: 18px 0
}

    .wk-events-listing .event-blocks:last-of-type {
        border-bottom: none
    }

    .wk-events-listing .event-blocks .evt-info, .wk-events-listing .event-blocks .evt-thumbs {
        display: inline-block;
        vertical-align: middle
    }

    .wk-events-listing .event-blocks .evt-thumbs {
        max-width: 220px;
        height: auto;
        width: 100%
    }

    .wk-events-listing .event-blocks .evt-info {
        margin-left: 25px;
        width: 66%
    }

        .wk-events-listing .event-blocks .evt-info .evt-part, .wk-events-listing .event-blocks .evt-info .evt-type {
            color: #fff;
            font-size: 14px;
            text-transform: uppercase;
            background-color: #0e1b51;
            padding: 4px 7px 5px
        }

            .wk-events-listing .event-blocks .evt-info .evt-part.attn {
                background-color: #64687a
            }

            .wk-events-listing .event-blocks .evt-info .evt-part.org {
                background-color: #2149f3
            }

        .wk-events-listing .event-blocks .evt-info .evt-link {
            font-weight: 400;
            display: inline-block;
            margin-top: 18px
        }

        .wk-events-listing .event-blocks .evt-info .evt-meta {
            margin-top: 8px
        }

            .wk-events-listing .event-blocks .evt-info .evt-meta .place {
                color: #64687a;
                font-weight: 400;
                font-size: 16px;
                padding-right: 10px;
                border-right: 1px solid #c1c1c1
            }

            .wk-events-listing .event-blocks .evt-info .evt-meta .date {
                color: #2c3145;
                font-weight: 400;
                font-size: 16px;
                margin-left: 5px
            }

                .wk-events-listing .event-blocks .evt-info .evt-meta .date[event-status=true]:after {
                    content: 'UPCOMING';
                    display: inline-block;
                    vertical-align: middle;
                    font-weight: 400;
                    color: #63b563;
                    border: 1px solid #63b563;
                    padding: 3px 6px 2px;
                    font-size: 15px;
                    margin-left: 16px;
                    position: relative;
                    top: -2px;
                    background-color: #ecfeeb;
                    border-radius: 4px
                }

.wk-award-hero-section {
    position: relative
}

    .wk-award-hero-section .wk-award-placeholder {
        padding-bottom: 37.5%;
        position: relative;
        background-image: linear-gradient(135deg,#d0d0d0,#f9f9f9);
        background-size: 400%,400%;
        -webkit-animation: GradientFlow 2s ease infinite;
        -moz-animation: GradientFlow 2s ease infinite;
        -o-animation: GradientFlow 2s ease infinite;
        animation: GradientFlow 2s ease infinite
    }

        .wk-award-hero-section .wk-award-placeholder.gradflow-animate-off {
            -webkit-animation: none;
            -moz-animation: none;
            -o-animation: none;
            animation: none
        }

    .wk-award-hero-section .wk-award-slider {
        position: absolute;
        top: 0;
        left: 0;
        animation-name: on-fade;
        animation-duration: .5s
    }

        .wk-award-hero-section .wk-award-slider.owl-carousel .owl-nav button {
            position: absolute;
            top: 0;
            height: 100%;
            padding: 15px !important;
            cursor: pointer
        }

            .wk-award-hero-section .wk-award-slider.owl-carousel .owl-nav button span {
                font-size: 0;
                display: none
            }

            .wk-award-hero-section .wk-award-slider.owl-carousel .owl-nav button:after {
                content: "";
                background-image: url(images/webkul-main-sprite8ea7.svg?v=4.9);
                width: 25px;
                height: 38px;
                background-position: -131px -517px;
                display: inline-block;
                position: relative;
                top: 50%;
                transition: .2s;
                margin-top: -30px
            }

            .wk-award-hero-section .wk-award-slider.owl-carousel .owl-nav button:hover:after {
                opacity: .8
            }

            .wk-award-hero-section .wk-award-slider.owl-carousel .owl-nav button.remove {
                transition: .2s;
                opacity: 0;
                visibility: hidden
            }

            .wk-award-hero-section .wk-award-slider.owl-carousel .owl-nav button.next, .wk-award-hero-section .wk-award-slider.owl-carousel .owl-nav button.owl-next {
                right: 0;
                background-image: linear-gradient(to right,transparent,#000)
            }

                .wk-award-hero-section .wk-award-slider.owl-carousel .owl-nav button.next:after, .wk-award-hero-section .wk-award-slider.owl-carousel .owl-nav button.owl-next:after {
                    transform: rotatey(180deg)
                }

            .wk-award-hero-section .wk-award-slider.owl-carousel .owl-nav button.owl-prev, .wk-award-hero-section .wk-award-slider.owl-carousel .owl-nav button.prev {
                left: 0;
                background-image: linear-gradient(to right,#000,transparent)
            }

.wk-awards-page .awards-gallery-part img {
    margin: 15px 10px
}

.wk-awards-page .tweets-loader {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1240px;
    margin: auto;
    overflow: hidden
}

    .wk-awards-page .tweets-loader.off {
        animation-name: on-fade-off;
        animation-duration: .5s
    }

    .wk-awards-page .tweets-loader .loader-container {
        width: 1240px
    }

    .wk-awards-page .tweets-loader .wrapper {
        display: inline-block;
        vertical-align: top;
        text-align: left;
        width: 290px;
        height: 450px;
        margin: 0 12px 0 0;
        position: relative
    }

    .wk-awards-page .tweets-loader .lr {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: loaderShimmer;
        animation-name: loaderShimmer;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        background: #f6f7f8;
        background: #eee;
        background: -webkit-gradient(linear,left top,right top,color-stop(8%,#eee),color-stop(18%,#ddd),color-stop(33%,#eee));
        background: -webkit-linear-gradient(left,#eee 8%,#ddd 18%,#eee 33%);
        background: linear-gradient(to right,#eee 8%,#ddd 18%,#eee 33%);
        -webkit-background-size: 800px 104px;
        background-size: 800px 104px;
        opacity: .75
    }

    .wk-awards-page .tweets-loader .b-img {
        width: 100%;
        height: 173px;
        border-radius: 4px;
        background-color: #e5e5e5
    }

    .wk-awards-page .tweets-loader .b-parts {
        margin: 25px 0
    }

        .wk-awards-page .tweets-loader .b-parts wk-circle {
            display: inline-block;
            vertical-align: middle;
            width: 36px;
            height: 36px;
            border-radius: 50%
        }

        .wk-awards-page .tweets-loader .b-parts wk-bar {
            display: block;
            margin: 12px 0;
            width: 150px;
            height: 10px
        }

            .wk-awards-page .tweets-loader .b-parts wk-bar[l=full] {
                width: 100%
            }

            .wk-awards-page .tweets-loader .b-parts wk-bar[l=medium] {
                width: 150px
            }

            .wk-awards-page .tweets-loader .b-parts wk-bar[l=short] {
                width: 90px
            }

        .wk-awards-page .tweets-loader .b-parts .inline {
            display: inline-block;
            vertical-align: middle
        }

.wk-awards-page .twitter-feeds-part {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1440px;
    margin: auto;
    animation-name: on-fade;
    animation-duration: .5s
}

    .wk-awards-page .twitter-feeds-part .no-clicks {
        pointer-events: none !important
    }

    .wk-awards-page .twitter-feeds-part .twitter-card {
        display: inline-block;
        vertical-align: top;
        max-width: 310px;
        background-color: #ddd;
        border: 1px solid #d2d2d2;
        border-radius: 4px;
        max-height: 455px;
        overflow-y: auto
    }

        .wk-awards-page .twitter-feeds-part .twitter-card twitter-widget {
            margin: 0 !important
        }

        .wk-awards-page .twitter-feeds-part .twitter-card::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background: rgba(0,0,0,.2)
        }

        .wk-awards-page .twitter-feeds-part .twitter-card::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
            border-radius: 10px
        }

        .wk-awards-page .twitter-feeds-part .twitter-card::-webkit-scrollbar {
            border-radius: 10px;
            width: 4px
        }

.wk-awards-page .award-listing-part .year-block {
    color: #0e1b51;
    font-size: 26px;
    position: relative;
    padding: 20px 0 10px 25px;
    margin-top: 60px
}

    .wk-awards-page .award-listing-part .year-block:first-of-type {
        margin-top: 0
    }

    .wk-awards-page .award-listing-part .year-block:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 65px;
        background-color: #2149f3;
        display: inline-block;
        z-index: -1
    }

.wk-awards-page .award-listing-part .award-block {
    font-size: 18px;
    font-weight: 800;
    margin: 40px 0
}

    .wk-awards-page .award-listing-part .award-block .award-info, .wk-awards-page .award-listing-part .award-block .award-thumbs {
        display: inline-block;
        vertical-align: middle
    }

    .wk-awards-page .award-listing-part .award-block .award-thumbs {
        max-width: 220px;
        height: auto;
        width: 100%
    }

    .wk-awards-page .award-listing-part .award-block .award-info {
        margin-left: 25px;
        width: 66%
    }

        .wk-awards-page .award-listing-part .award-block .award-info .link {
            font-weight: 400;
            display: inline-block;
            font-size: 22px;
            margin: 0 0 5px 0
        }

        .wk-awards-page .award-listing-part .award-block .award-info p.link {
            color: #0e1b51
        }

        .wk-awards-page .award-listing-part .award-block .award-info .date {
            color: #64687a;
            font-weight: 400;
            font-size: 17px;
            margin: 0 0 12px
        }

        .wk-awards-page .award-listing-part .award-block .award-info .desc {
            margin: 0
        }

.wk-tech-jumbotron {
    padding: 55px 0
}

    .wk-tech-jumbotron.color-darker {
        background-color: #0e1b51
    }

    .wk-tech-jumbotron .jumbotron-content {
        padding: 0 75px
    }

    .wk-tech-jumbotron h1 {
        font-size: 45px
    }

    .wk-tech-jumbotron h1, .wk-tech-jumbotron p {
        color: #fff
    }

.wk-technology-body {
    padding-top: unset
}

    .wk-technology-body .wk-technology-row, .wk-technology-body .wk-technology-row-2 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 4px;
        justify-content: space-between
    }

        .wk-technology-body .wk-technology-row .wk-technology-col, .wk-technology-body .wk-technology-row-2 .wk-technology-col {
            -ms-flex: 30%;
            flex: 30%;
            max-width: 30%;
            padding: 0 4px
        }

            .wk-technology-body .wk-technology-row .wk-technology-col p, .wk-technology-body .wk-technology-row-2 .wk-technology-col p {
                color: #2149f3;
                font-size: 22px
            }

            .wk-technology-body .wk-technology-row .wk-technology-col .wk-tech-row-inner, .wk-technology-body .wk-technology-row-2 .wk-technology-col .wk-tech-row-inner {
                font-size: 18px;
                padding: 0 0 0 15px;
                margin: 20px 0 55px 0;
                border-left: 1px solid #ccc;
                position: relative;
                text-transform: capitalize
            }

                .wk-technology-body .wk-technology-row .wk-technology-col .wk-tech-row-inner:after, .wk-technology-body .wk-technology-row .wk-technology-col .wk-tech-row-inner:before, .wk-technology-body .wk-technology-row-2 .wk-technology-col .wk-tech-row-inner:after, .wk-technology-body .wk-technology-row-2 .wk-technology-col .wk-tech-row-inner:before {
                    position: absolute;
                    background: #fff;
                    height: 12px;
                    content: '';
                    z-index: 1;
                    width: 1px;
                    left: -1px
                }

                .wk-technology-body .wk-technology-row .wk-technology-col .wk-tech-row-inner:before, .wk-technology-body .wk-technology-row-2 .wk-technology-col .wk-tech-row-inner:before {
                    top: -2px
                }

                .wk-technology-body .wk-technology-row .wk-technology-col .wk-tech-row-inner:after, .wk-technology-body .wk-technology-row-2 .wk-technology-col .wk-tech-row-inner:after {
                    bottom: -2px
                }

            .wk-technology-body .wk-technology-row .wk-technology-col .wk-tech-col-inner, .wk-technology-body .wk-technology-row-2 .wk-technology-col .wk-tech-col-inner {
                -ms-flex: 48%;
                flex: 48%;
                max-width: 48%;
                padding: 7px 0
            }

.margin-bottom-60 {
    margin-bottom: 60px
}

.wk-innov-section img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block
}

.margin-bottom-60 {
    margin-bottom: 60px
}

.wk-brand-kit-wrapper .border-color {
    border: 1px solid #b2b5c4
}

.wk-brand-kit-wrapper .border-radius {
    border-radius: 8px
}

.wk-brand-kit-wrapper .primary-logo-box-wrapper .primary-logo-box {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(auto,590px));
    justify-content: center;
    grid-column-gap: 40px;
    grid-row-gap: 15px
}

.wk-brand-kit-wrapper .square-logo-box-wrapper .square-logo-box {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(auto,380px));
    justify-content: center;
    grid-column-gap: 40px;
    grid-row-gap: 20px
}

.wk-brand-kit-wrapper .colors-sec .color-section {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(auto,590px));
    justify-content: center;
    grid-gap: 40px
}

.wk-brand-kit-wrapper .clear-space-box {
    padding-top: 100px;
    padding-bottom: 60px
}

.wk-brand-kit-wrapper .mistakes-section-box {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(auto,380px));
    justify-content: center;
    grid-gap: 40px
}

.wk-brand-kit-wrapper .layouts-section .layouts-section-box {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(auto,590px));
    justify-content: center;
    grid-gap: 40px
}

.wk-brand-kit-wrapper .layouts-section .layouts-section-box-left {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 40px
}

.wk-brand-kit-wrapper .brand-kit-menu .menu-container {
    margin: 0;
    position: relative;
    user-select: none;
    cursor: pointer
}

    .wk-brand-kit-wrapper .brand-kit-menu .menu-container .menu-text {
        position: relative;
        display: inline-block;
        margin-right: 12px
    }

        .wk-brand-kit-wrapper .brand-kit-menu .menu-container .menu-text span:after {
            content: '';
            display: inline-block;
            background-image: url(images/wk-sprite-globald28d.png?v=1.8);
            background-repeat: no-repeat;
            width: 10px;
            height: 8px;
            margin-left: 5px;
            padding-top: 2px;
            background-position: -173px -177px
        }

.wk-brand-kit-wrapper .brand-kit-menu .select-box-list {
    width: 192px;
    position: absolute;
    display: block;
    border: 1px solid #2c3145;
    border-radius: 8px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 2;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    cursor: pointer
}

    .wk-brand-kit-wrapper .brand-kit-menu .select-box-list.open {
        width: 192px;
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        margin-top: 14px
    }

.wk-brand-kit-wrapper .brand-kit-menu .select-item {
    margin: 0;
    padding-left: 24px
}

    .wk-brand-kit-wrapper .brand-kit-menu .select-item:first-child {
        padding-top: 16px
    }

    .wk-brand-kit-wrapper .brand-kit-menu .select-item:last-child {
        padding-bottom: 16px
    }

    .wk-brand-kit-wrapper .brand-kit-menu .select-item:hover {
        cursor: pointer;
        color: #00f
    }

.section-padding-bk {
    padding: 75px 0
}

.section-mleu-hero {
    background-image: url(images/mleu/hero-image.png);
    background-size: cover;
    padding: 70px 0
}

    .section-mleu-hero .mleu-wrap {
        width: 800px;
        max-width: 100%;
        margin: auto;
        border: 30px solid #fff;
        padding: 40px;
        display: flex;
        justify-content: space-around;
        background: #f26221
    }

        .section-mleu-hero .mleu-wrap h2, .section-mleu-hero .mleu-wrap p {
            color: #fff
        }

        .section-mleu-hero .mleu-wrap h2 {
            font-size: 40px
        }

        .section-mleu-hero .mleu-wrap p {
            font-size: 22px
        }

.section-mleu-keynote.wk-content-partition {
    margin-bottom: 0
}

.section-mleu-keynote .part-one img {
    margin: 15px 0
}

.section-mleu-keynote .part-one h3 {
    font-size: 30px;
    color: #0e1b51
}

.section-mleu-keynote .part-one p {
    color: #0e1b51;
    margin: 0
}

.section-mleu-keynote .part-one a {
    font-size: 20px;
    color: #00a2ff;
    margin-top: 10px;
    display: inline-block
}

.section-mleu-speaker.wk-component {
    margin: 0
}

.section-mleu-speaker h3 {
    margin: 10px 0 30px
}

.section-mleu-speaker .mleu-speaker-wrap {
    display: grid;
    grid-template-columns: 260px 274px;
    justify-content: space-around
}

    .section-mleu-speaker .mleu-speaker-wrap p {
        margin: 0 0 10px
    }

.wk-mleu-page h3 {
    font-size: 28px;
    color: #2c3146
}

.section-mleu-expertise .mleu-expertise-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin: 60px 0
}

    .section-mleu-expertise .mleu-expertise-wrap a {
        width: 265px;
        margin: 10px 10px 30px
    }

        .section-mleu-expertise .mleu-expertise-wrap a img {
            transition: .2s cubic-bezier(.46,.03,.52,.96)
        }

        .section-mleu-expertise .mleu-expertise-wrap a:hover img {
            transform: translateY(-12px)
        }

        .section-mleu-expertise .mleu-expertise-wrap a h4 {
            font-size: 18px;
            margin-top: 18px;
            color: #2149f3
        }

.wk-innovations-list .video-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    padding: 15px;
    z-index: 101;
    overflow: auto;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: on-fade .15s;
    animation-timing-function: ease-in
}

    .wk-innovations-list .video-wrapper .video-frame {
        box-shadow: 0 0 0 0 rgba(0,0,0,.15),0 1px 10px 0 rgba(0,0,0,.1);
        width: 970px;
        background-color: #fff;
        max-width: 100%;
        position: relative;
        overflow: hidden
    }

        .wk-innovations-list .video-wrapper .video-frame .loader {
            height: 3px;
            width: 100%;
            overflow: hidden;
            background-color: #ddd;
            z-index: 500000
        }

            .wk-innovations-list .video-wrapper .video-frame .loader:before {
                display: block;
                position: absolute;
                content: "";
                left: -200px;
                width: 200px;
                height: 3px;
                background-image: -webkit-linear-gradient(135deg,#2149f3 20%,#2149f3 70%);
                animation: stripLoading .8s linear infinite
            }

    .wk-innovations-list .video-wrapper .close {
        position: absolute;
        cursor: pointer;
        box-shadow: 0 12px 24px 0 rgba(0,0,0,.08),0 0 8px 0 rgba(0,0,0,.04)
    }

        .wk-innovations-list .video-wrapper .close:after {
            content: '';
            background-image: url(images/wk-sprite-globald28d.png?v=1.8);
            width: 26px;
            height: 20px;
            background-position: -190px -340px;
            margin: 16px 12px;
            position: absolute
        }

.wk-innovations-list .fade-out {
    animation: on-fade-off .2s
}

.wk-innovations-grid {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fill,minmax(auto,363px));
    grid-gap: 60px 30px
}

    .wk-innovations-grid .wk-innovation-block .video-poster {
        position: relative;
        overflow: hidden;
        cursor: pointer;
        padding-bottom: 56.25%;
        background: linear-gradient(45deg,#1cbbd0,#3172f3)
    }

        .wk-innovations-grid .wk-innovation-block .video-poster img {
            width: 100%;
            height: 100%;
            transition: .3s;
            position: absolute;
            top: 0;
            left: 0
        }

        .wk-innovations-grid .wk-innovation-block .video-poster .icon-play {
            position: absolute;
            bottom: 9px;
            right: 10px;
            background-color: #fff;
            padding: 24px;
            border-radius: 50%;
            cursor: pointer;
            box-shadow: 0 0 0 0 #fff,0 1px 10px 0 rgba(0,0,0,.3);
            transition: .3s ease;
            z-index: 2
        }

            .wk-innovations-grid .wk-innovation-block .video-poster .icon-play:after {
                content: "";
                display: inline-block;
                vertical-align: middle;
                background-image: url(images/webkul-main-sprite8ea7.svg?v=4.9);
                width: 16px;
                height: 18px;
                background-position: 90px -160px;
                position: absolute;
                left: 15px;
                top: 14px;
                margin: 0 1px 2px 0
            }

        .wk-innovations-grid .wk-innovation-block .video-poster:hover img {
            transform: scale(1.1);
            filter: brightness(.5)
        }

        .wk-innovations-grid .wk-innovation-block .video-poster:hover .icon-play {
            transform: scale(1.15);
            bottom: calc(50% - 24px);
            right: calc(50% - 24px)
        }

    .wk-innovations-grid .wk-innovation-block .inno-name {
        font-size: 22px
    }

    .wk-innovations-grid .wk-innovation-block .inno-desc {
        font-size: 16px;
        margin-top: 8px;
        color: #64687a
    }

    .wk-innovations-grid .wk-innovation-block .magento-inno-badge {
        margin: 20px 0
    }

    .wk-innovations-grid .wk-innovation-block.wk-inno-hireus {
        background-color: #2149f3;
        color: #2c3145;
        display: grid;
        justify-items: start;
        align-items: end;
        padding: 40px
    }

.wk-top-locations .location-wrapper {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fill,minmax(auto,220px));
    grid-gap: 30px
}

    .wk-top-locations .location-wrapper .location-block {
        border-radius: 8px;
        padding: 18px;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        display: grid;
        grid-template-columns: auto auto;
        grid-gap: 10px;
        justify-content: start;
        align-items: center;
        cursor: pointer;
        transition: .2s;
        text-decoration: none
    }

        .wk-top-locations .location-wrapper .location-block [class^=country-flag] {
            border-radius: 4px;
            border: solid 2px #fff
        }

        .wk-top-locations .location-wrapper .location-block:hover {
            opacity: .9;
            transform: translateY(2px)
        }

.wk-glb-rvw-filter {
    padding: 20px;
    border-radius: 8px;
    background-color: #ebf3f5;
    display: grid;
    grid-template-columns: minmax(auto,340px) minmax(auto,340px);
    grid-gap: 9px;
    align-items: start;
    justify-content: space-between
}

    .wk-glb-rvw-filter .wk-button {
        justify-self: self-start;
        padding: 15px 16px;
        margin: 0
    }

    .wk-glb-rvw-filter .wk-filter {
        position: relative
    }

        .wk-glb-rvw-filter .wk-filter.wk-filter-industry {
            cursor: pointer;
            user-select: none
        }

        .wk-glb-rvw-filter .wk-filter .drpdwn-box {
            border: 2px solid #2c3145;
            border-radius: 4px;
            position: absolute;
            margin-top: 6px;
            width: 100%;
            background-color: #fff;
            max-height: 204px;
            overflow-y: auto;
            display: none;
            z-index: 1;
            box-shadow: 0 12px 24px 0 rgba(0,0,0,.08),0 0 8px 0 rgba(0,0,0,.04)
        }

            .wk-glb-rvw-filter .wk-filter .drpdwn-box::-webkit-scrollbar {
                width: 4px;
                background-color: #f0f0f0
            }

            .wk-glb-rvw-filter .wk-filter .drpdwn-box::-webkit-scrollbar-thumb {
                background-color: #cacaca;
                border-radius: 16px
            }

            .wk-glb-rvw-filter .wk-filter .drpdwn-box::-webkit-scrollbar-track {
                background-color: #f0f0f0
            }

            .wk-glb-rvw-filter .wk-filter .drpdwn-box .drpdwn-opt {
                padding: 10px 14px;
                margin: 0;
                font-size: 16px;
                cursor: pointer;
                display: grid;
                grid-template-columns: auto auto;
                grid-gap: 6px;
                justify-content: start;
                align-items: center;
                transition: .35s cubic-bezier(.39,.58,.57,1)
            }

                .wk-glb-rvw-filter .wk-filter .drpdwn-box .drpdwn-opt.opt-active, .wk-glb-rvw-filter .wk-filter .drpdwn-box .drpdwn-opt:hover {
                    background-color: #ebf3f5
                }

                .wk-glb-rvw-filter .wk-filter .drpdwn-box .drpdwn-opt .country-flag-sm {
                    border-radius: 2px;
                    position: relative;
                    box-shadow: 0 0 0 1px #fff,0 0 0 2px #d7dfe2
                }

            .wk-glb-rvw-filter .wk-filter .drpdwn-box:empty {
                display: none
            }

        .wk-glb-rvw-filter .wk-filter.drpdwn-active .drpdwn-box {
            display: block
        }

            .wk-glb-rvw-filter .wk-filter.drpdwn-active .drpdwn-box:empty {
                display: none
            }

        .wk-glb-rvw-filter .wk-filter.drpdwn-active .feed-input-wrap .icon.icon-arrow-dwn {
            transform: rotate(180deg);
            margin-top: 0
        }

        .wk-glb-rvw-filter .wk-filter.drpdwn-inactive .drpdwn-box {
            display: none
        }

    .wk-glb-rvw-filter .feed-input-wrap {
        padding: 12px;
        border: 2px solid;
        border-radius: 4px;
        background: #fff;
        position: relative
    }

        .wk-glb-rvw-filter .feed-input-wrap .inpt-field {
            border: none;
            width: 87%;
            display: block;
            font-size: 16px;
            text-transform: capitalize;
            display: inline-block;
            vertical-align: middle
        }

            .wk-glb-rvw-filter .feed-input-wrap .inpt-field.inpt-field-select:before {
                content: "Industry: "
            }

        .wk-glb-rvw-filter .feed-input-wrap .icon {
            background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
            background-repeat: no-repeat;
            display: inline-block;
            vertical-align: middle;
            width: 20px;
            height: 20px
        }

            .wk-glb-rvw-filter .feed-input-wrap .icon.icon-arrow-dwn {
                background-position: -170px -170px;
                float: right;
                margin-top: 3px
            }

            .wk-glb-rvw-filter .feed-input-wrap .icon.icon-search {
                background-position: -145px -170px
            }

        .wk-glb-rvw-filter .feed-input-wrap .icon-close {
            width: 24px;
            height: 24px;
            top: 10px;
            right: 12px;
            background-color: #64687a;
            border-radius: 50%;
            position: absolute;
            display: grid;
            place-content: center;
            cursor: pointer;
            visibility: hidden
        }

            .wk-glb-rvw-filter .feed-input-wrap .icon-close:hover {
                opacity: .8
            }

            .wk-glb-rvw-filter .feed-input-wrap .icon-close.on {
                visibility: visible;
                animation: on-fade .3s
            }

            .wk-glb-rvw-filter .feed-input-wrap .icon-close:after {
                content: "";
                display: inline-block;
                vertical-align: middle;
                background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
                background-repeat: no-repeat;
                background-position: -222px -34px;
                width: 12px;
                height: 12px
            }

.wk-global-review {
    margin-top: 60px
}

    .wk-global-review:before {
        content: '';
        display: block;
        margin-top: -100px;
        padding-top: 100px
    }

    .wk-global-review .wk-glb-rvw-list-outer {
        position: relative
    }

        .wk-global-review .wk-glb-rvw-list-outer .wk-loader-wrap {
            background-color: #fff;
            min-height: 280px;
            position: unset
        }

            .wk-global-review .wk-glb-rvw-list-outer .wk-loader-wrap.on + * {
                display: none
            }

    .wk-global-review .wk-review-list.--show-no-data-tmpl {
        display: grid
    }

    .wk-global-review .wk-review-list .wk-no-data {
        grid-column: 1/end;
        text-align: center;
        max-width: 680px;
        margin: auto
    }

        .wk-global-review .wk-review-list .wk-no-data img {
            margin-bottom: 24px;
            min-width: 242px;
            height: 192px;
            background: #ebf3f5
        }

        .wk-global-review .wk-review-list .wk-no-data p {
            margin: 0
        }

.wk-review-list {
    margin-top: 60px;
    column-count: 3;
    column-fill: initial;
    column-gap: 40px
}

    .wk-review-list .wk-review-box {
        border-radius: 16px;
        border: solid 1px #d7dfe2;
        background-color: #fff;
        padding: 26px 24px 24px;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
        margin-bottom: 40px
    }

        .wk-review-list .wk-review-box * {
            margin: 0
        }

        .wk-review-list .wk-review-box .loc {
            display: grid;
            grid-template-columns: auto auto;
            grid-gap: 8px;
            justify-content: start;
            align-items: center;
            font-weight: 600;
            margin-bottom: 8px
        }

            .wk-review-list .wk-review-box .loc .country-flag-sm {
                border-radius: 2px;
                position: relative;
                box-shadow: 0 0 0 1px #fff,0 0 0 2px #d7dfe2
            }

        .wk-review-list .wk-review-box .logo {
            max-height: 40px;
            margin: 10px 0;
            height: 40px
        }

        .wk-review-list .wk-review-box .indus, .wk-review-list .wk-review-box .name, .wk-review-list .wk-review-box .saying, .wk-review-list .wk-review-box .work {
            font-size: 16px
        }

        .wk-review-list .wk-review-box .indus {
            color: #64687a;
            margin-bottom: 8px
        }

        .wk-review-list .wk-review-box .name-card {
            margin-top: 20px;
            display: grid;
            grid-template-columns: auto auto;
            justify-content: start;
            grid-gap: 0 16px;
            align-self: end
        }

            .wk-review-list .wk-review-box .name-card .thumb {
                width: 64px;
                height: 64px;
                display: inline-block;
                border-radius: 8px;
                background-color: #d8d8d8
            }

            .wk-review-list .wk-review-box .name-card .name {
                align-self: end
            }

            .wk-review-list .wk-review-box .name-card .work {
                color: #64687a;
                word-break: break-word;
                align-self: center
            }

            .wk-review-list .wk-review-box .name-card .name-info {
                display: grid
            }

            .wk-review-list .wk-review-box .name-card .social-icon-wrap .social-icon:hover {
                opacity: .9
            }

.wp-block-video-icon-remove:before {
    content: none !important
}

.wp-block-video-icon-remove:after {
    content: none !important
}

.wp-block-video {
    position: relative
}

    .wp-block-video video {
        filter: brightness(.8);
        transition: .3s cubic-bezier(0,0,.2,1)
    }

    .wp-block-video:before {
        content: "";
        position: absolute;
        width: 72px;
        height: 72px;
        border-radius: 50%;
        background-color: #fff;
        z-index: 10;
        top: 50%;
        left: 50%;
        margin-top: -36px;
        margin-left: -36px;
        transition: .4s cubic-bezier(0,0,.2,1);
        box-shadow: 0 24px 56px 0;
        pointer-events: none
    }

    .wp-block-video:after {
        position: absolute;
        content: "";
        width: 15px;
        height: 28px;
        background-image: url(images/wk-sprite-globald28d.png?v=1.8);
        background-repeat: no-repeat;
        background-position: -123px -96px;
        z-index: 10;
        top: 50%;
        left: 50%;
        margin-top: -14px;
        margin-left: -5px;
        pointer-events: none
    }

    .wp-block-video:hover::before {
        transform: scale(1.15)
    }

    .wp-block-video video {
        object-fit: contain !important
    }

    .wp-block-video.wp-block-video-icon-remove video {
        filter: none !important
    }

.wk-partner-tab-wrap {
    margin-top: 35px
}

    .wk-partner-tab-wrap .wk-partner-tabs {
        display: block;
        text-align: center
    }

        .wk-partner-tab-wrap .wk-partner-tabs .wk-wrap-ptr {
            display: inline-block;
            width: 392px;
            height: 56px;
            background-color: #ebf3f5;
            border-radius: 54px;
            border: 2px solid #adc9dd
        }

            .wk-partner-tab-wrap .wk-partner-tabs .wk-wrap-ptr .wk-tab-switch {
                background: #2149f3;
                color: #fff !important;
                border-radius: 54px
            }

            .wk-partner-tab-wrap .wk-partner-tabs .wk-wrap-ptr .wk-prt-tab1, .wk-partner-tab-wrap .wk-partner-tabs .wk-wrap-ptr .wk-prt-tab2 {
                padding: 10px 30px;
                height: 44px;
                display: inline-block;
                cursor: pointer;
                color: #2c3145;
                text-decoration: none;
                font-weight: 600;
                transition: .2s ease-in-out
            }

            .wk-partner-tab-wrap .wk-partner-tabs .wk-wrap-ptr .wk-prt-tab1 {
                margin: 4px 0 4px 4px
            }

            .wk-partner-tab-wrap .wk-partner-tabs .wk-wrap-ptr .wk-prt-tab2 {
                margin: 4px 4px 4px 0
            }

    .wk-partner-tab-wrap .wk-grid-tab-agency, .wk-partner-tab-wrap .wk-grid-tab-retail {
        grid-template-columns: repeat(auto-fill,minmax(auto,380px));
        grid-gap: 20px;
        display: none;
        justify-content: center;
        margin-top: 40px;
        transition: .2s
    }

    .wk-partner-tab-wrap .tab-card {
        padding: 47px 33px 0 34px;
        background-color: #ebf3f5;
        border-radius: 16px
    }

        .wk-partner-tab-wrap .tab-card .tab-badge {
            display: block;
            width: 278px;
            height: 53px;
            margin: 0 auto;
            background-image: url(images/sprite-badge.png)
        }

        .wk-partner-tab-wrap .tab-card .badge-silver {
            background-position: 0 -52px
        }

        .wk-partner-tab-wrap .tab-card .badge-gold {
            background-position: 0 -104px
        }

        .wk-partner-tab-wrap .tab-card ul {
            margin-top: 38px
        }

            .wk-partner-tab-wrap .tab-card ul li {
                list-style-type: disc;
                list-style: inside
            }

                .wk-partner-tab-wrap .tab-card ul li:first-child {
                    font-weight: 800
                }

    .wk-partner-tab-wrap .block-active {
        display: grid !important
    }

.wk-search-bar-wrap {
    position: sticky;
    top: 65px;
    z-index: 99;
    margin-top: 60px;
    background-color: #fff;
    padding: 15px 0 15px
}

    .wk-search-bar-wrap .wk-page-search-grid {
        display: grid;
        grid-template-columns: auto
    }

        .wk-search-bar-wrap .wk-page-search-grid .wk-page-search-bar {
            padding: 12px;
            border: 2px solid #b2b5c4;
            border-radius: 4px;
            background: #fff;
            position: relative
        }

            .wk-search-bar-wrap .wk-page-search-grid .wk-page-search-bar:hover {
                border-color: #2c3145
            }

            .wk-search-bar-wrap .wk-page-search-grid .wk-page-search-bar .wk-inpt-field {
                border: none;
                width: 87%;
                display: block;
                font-size: 16px;
                text-transform: capitalize;
                display: inline-block;
                vertical-align: middle
            }

            .wk-search-bar-wrap .wk-page-search-grid .wk-page-search-bar .wk-icon {
                background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
                background-repeat: no-repeat;
                display: inline-block;
                vertical-align: middle;
                width: 20px;
                height: 20px
            }

                .wk-search-bar-wrap .wk-page-search-grid .wk-page-search-bar .wk-icon.wk-icon-search {
                    background-position: -145px -170px
                }

            .wk-search-bar-wrap .wk-page-search-grid .wk-page-search-bar .wk-icon-close {
                width: 24px;
                height: 24px;
                top: 10px;
                right: 12px;
                background-color: #64687a;
                border-radius: 50%;
                position: absolute;
                display: grid;
                place-content: center;
                cursor: pointer;
                visibility: hidden
            }

                .wk-search-bar-wrap .wk-page-search-grid .wk-page-search-bar .wk-icon-close:hover {
                    opacity: .8
                }

                .wk-search-bar-wrap .wk-page-search-grid .wk-page-search-bar .wk-icon-close.on {
                    visibility: visible;
                    animation: on-fade .3s
                }

                .wk-search-bar-wrap .wk-page-search-grid .wk-page-search-bar .wk-icon-close:after {
                    content: "";
                    display: inline-block;
                    vertical-align: middle;
                    background-image: url(images/wk-sprite-globala9f2.png?v=2.6);
                    background-repeat: no-repeat;
                    background-position: -222px -34px;
                    width: 12px;
                    height: 12px
                }

.wk-tlocation-hero-section .wk-section-grid {
    grid-template-columns: auto auto;
    justify-content: left
}

.wk-tlocation-hero-section .wk-tlocation-content .wk-tlocation-tag {
    color: #2149f3;
    font-size: 24px;
    font-weight: 800;
    margin: 0 0 9px 0
}

.wk-tlocation-hero-section .wk-tlocation-content .wk-tlocation-hero-title {
    margin: 0
}

.wk-tlocation-hero-section .wk-tlocation-content .wk-tlocation-hero-desc {
    margin: 9px 0 0 0
}

.wk-tlocation-tab-section .wk-clients-tab-panel {
    display: flex;
    gap: 20px
}

    .wk-tlocation-tab-section .wk-clients-tab-panel .tab {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        padding: 0 16px 10px 16px;
        cursor: pointer
    }

.wk-tlocation-tab-section .wk-client-tab {
    position: sticky;
    top: 66px;
    z-index: 99;
    border-bottom: 1px solid #d7dfe2;
    background-color: #fff;
    padding-top: 17px
}

.wk-tlocation-tab-section .tab-active {
    border-bottom: 2px solid #2149f3;
    transition: left cubic-bezier(.88,-.35,.565,1.35) .4s
}

.wk-tlocation-tab-section .wk-tab-line {
    margin: 0
}

.wk-tlocation-tab-section .wk-ctab-header {
    margin: 0 0 30px 0
}

.wk-tlocation-tab-section .wk-tlocation-reviews .wk-review-list {
    animation: on-fade .5s;
    -webkit-animation: on-fade .5s
}

.wk-tlocation-tab-section .wk-tlocation-sucesstories .wrapper {
    justify-content: unset;
    animation: on-fade .5s;
    -webkit-animation: on-fade .5s;
    grid-template-columns: repeat(3,1fr)
}

.wk-tlocation-tab-section .wk-tlocation-testimonial .wk-video-grid {
    animation: on-fade .5s;
    -webkit-animation: on-fade .5s;
    justify-content: unset;
    grid-template-columns: repeat(3,1fr)
}

.wk-tlocation-tab-section .wk-tlocation-clients .block-icon-gallery-wrapper {
    grid-gap: 70px 30px;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fit,221px)
}

.wk-tlocation-tab-section .wk-tlocation-clients .block-icon-gallery-widget {
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    position: relative;
    display: grid;
    justify-items: center;
    animation: on-fade .5s;
    -webkit-animation: on-fade .5s
}

    .wk-tlocation-tab-section .wk-tlocation-clients .block-icon-gallery-widget .caption {
        position: absolute;
        top: calc(100% + 6px);
        font-size: 16px;
        text-align: center
    }

.wp-block-wk-block-youtube-video.wk-block--yt-video .wk-block--yt-video-frame:after, .wp-block-wk-block-youtube-video.wk-block--yt-video .wk-block--yt-video-frame:before {
    display: none !important
}

.wk-page-content .caption-icons-pallete.caption-stick-view.item-5 {
    grid-template-columns: repeat(auto-fill,minmax(auto,192px))
}

.wk-page-content .caption-icons-pallete.caption-stick-view.item-4 {
    grid-template-columns: repeat(auto-fill,minmax(auto,240px))
}

.wk-page-content .wk-technology-section .wk-section-grid.item-5 {
    grid-template-columns: repeat(auto-fill,minmax(auto,192px))
}

.wk-page-content .wk-technology-section .wk-section-grid.item-4 {
    grid-template-columns: repeat(auto-fill,minmax(auto,240px))
}

@keyframes on-fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes on-fade-off {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes menu-open {
    0% {
        opacity: 0;
        transform: translateY(-30px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes menu-close {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(-20px)
    }
}

@keyframes menu-slide-up {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes menu-slide-down {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(20px)
    }
}

@keyframes cp-round-animate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loaderShimmer {
    0% {
        background-position: -475px 0
    }

    100% {
        background-position: 475px 0
    }
}

@keyframes loaderShimmer {
    0% {
        background-position: -475px 0
    }

    100% {
        background-position: 475px 0
    }
}

@keyframes stripLoading {
    from {
        left: -200px;
        width: 30%
    }

    50% {
        width: 30%
    }

    70% {
        width: 70%
    }

    80% {
        left: 50%
    }

    95% {
        left: 120%
    }

    to {
        left: 100%
    }
}

@keyframes shine {
    0% {
        opacity: 1
    }

    50% {
        opacity: .4
    }

    100% {
        opacity: 1
    }
}

@keyframes lazyshimmer {
    0% {
        left: -250px;
        opacity: .8
    }

    50% {
        opacity: .5
    }

    100% {
        left: 250px;
        opacity: .8
    }
}

@keyframes pop-up {
    0% {
        transform: translateY(0) scale(.7);
        opacity: 0
    }

    70% {
        transform: translateY(5px) scale(1.05);
        opacity: 1
    }

    100% {
        transform: translateY(0) scale(1);
        opacity: 1
    }
}

@keyframes rotate {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes wait-loading {
    from {
        left: -200px;
        width: 30%
    }

    50% {
        width: 30%
    }

    70% {
        width: 70%
    }

    80% {
        left: 50%
    }

    95% {
        left: 120%
    }

    to {
        left: 100%
    }
}

@-webkit-keyframes GradientFlow {
    0% {
        background-position: 0 52%
    }

    50% {
        background-position: 100% 49%
    }

    100% {
        background-position: 0 52%
    }
}

@-moz-keyframes GradientFlow {
    0% {
        background-position: 0 52%
    }

    50% {
        background-position: 100% 49%
    }

    100% {
        background-position: 0 52%
    }
}

@-o-keyframes GradientFlow {
    0% {
        background-position: 0 52%
    }

    50% {
        background-position: 100% 49%
    }

    100% {
        background-position: 0 52%
    }
}

@keyframes GradientFlow {
    0% {
        background-position: 0 52%
    }

    50% {
        background-position: 100% 49%
    }

    100% {
        background-position: 0 52%
    }
}

@keyframes snackbarfadein {
    from {
        top: -50px;
        opacity: 0
    }

    to {
        top: -34px;
        opacity: 1
    }
}

@keyframes wktloader-animate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loaderShimmer {
    0% {
        background-position: -475px 0
    }

    100% {
        background-position: 475px 0
    }
}

@keyframes loaderShimmer {
    0% {
        background-position: -475px 0
    }

    100% {
        background-position: 475px 0
    }
}

@keyframes flyInFromBottom {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes wave-animation {
    0% {
        transform: rotate(0)
    }

    10% {
        transform: rotate(14deg)
    }

    20% {
        transform: rotate(-8deg)
    }

    30% {
        transform: rotate(14deg)
    }

    40% {
        transform: rotate(-4deg)
    }

    50% {
        transform: rotate(10deg)
    }

    60% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(0)
    }
}

@keyframes marquee {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

@media (max-width:1600px) {
    .wk-hero-section.hero-secondary .canvas-inner.core-left {
        left: -160px
    }

    .wk-hero-section.hero-secondary .canvas-inner.core-right {
        right: -130px
    }

    header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-multilevel-submenu-wrap .wk-submenu-list {
        grid-template-columns: repeat(2,1fr);
        grid-gap: 10px 20px
    }
}

@media only screen and (max-width:1400px) {
    .wr-404 .wr-404-agn {
        padding: 0
    }

        .wr-404 .wr-404-agn .wr-fixed {
            width: 620px;
            max-width: 100%;
            margin: 0 auto
        }

    .wp-block-video {
        max-width: 1024px
    }
}

@media (max-width:1300px) {
    header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 {
        grid-template-columns: 330px 1fr
    }

        header #wk-super-menu .wk-multi-level-menu .wk-submenu-lvl-0 .wk-submenu-board {
            display: none
        }
}

@media only screen and (max-width:1280px) {
    .layouts-heading, .mistakes-heading {
        text-align: center
    }

    .notification-wrapper .notification-brick {
        text-align: left;
        padding-right: 60px
    }

        .notification-wrapper .notification-brick span.notification-cta {
            margin: 3px 0
        }

    .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card {
        grid-template-columns: repeat(2,1fr)
    }
}

@media only screen and (max-width:1170px) {
    .wr-404 .wr-404-lt {
        position: static;
        padding-left: 0;
        width: 100%;
        margin: 0 auto;
        height: auto
    }

        .wr-404 .wr-404-lt .wr-otr-spc {
            width: 100%;
            height: 350px;
            background-position: center center
        }

    .wr-404 .wr-404-rt {
        position: static;
        padding: 15px;
        display: block;
        height: auto
    }

    .wr-404 .wr-404-agn {
        padding: 0;
        display: block
    }

        .wr-404 .wr-404-agn .wr-fixed {
            width: 620px;
            max-width: 100%;
            margin: 0 auto
        }
}

@media only screen and (orientation:landscape) and (max-width:1170px) {
    .wr-404 .wr-404-lt .wr-otr-spc {
        height: 260px;
        background-position: center bottom
    }
}

@media (max-width:1208px) {
    .wk-hero-section.hero-secondary .canvas-inner {
        display: none
    }

    .wk-hero-section.hero-secondary .inner-canvas .hero-parts.illustration {
        max-width: 100%;
        width: 54%
    }

    .wk-hero-section.hero-secondary .inner-canvas .hero-parts.tagline {
        width: 45%;
        max-width: 100%
    }

    .wk-hero-section.hero-secondary .wrapper-core {
        padding: 70px 0
    }

    #wk-super-menu .hiring-btn-special a {
        display: none
    }

    header .wk-drop:after, header .wk-mobi-drop-2:after, header .wk-mobi-drop:after {
        margin-left: 2px
    }

    header li {
        margin: 0 8px 0 8px
    }

        header li.wk-tertiary-button a {
            padding-right: 10px !important;
            padding-left: 10px !important
        }

    header #wk-super-menu li.flank-rt {
        margin-left: 4px
    }

    header #wk-super-menu .about .wk-submenu-list {
        column-count: 3
    }
}

@media (max-width:1108px) {
    .block-badges-wrapper, .wk-fancy-links {
        grid-template-columns: repeat(2,1fr) !important
    }

    .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card .wk-openc-single-card .openc-project-logo {
        display: flex;
        margin-bottom: 10px
    }
}

@media (max-width:1024px) {
    .wk-page-content .wk-jumbotron-image-layout .block-jumbotron-wrap {
        direction: rtl;
        padding: 0 !important;
        grid-template-columns: auto;
        grid-column-gap: 0
    }

        .wk-page-content .wk-jumbotron-image-layout .block-jumbotron-wrap .jumbotron-image {
            grid-row: 2;
            z-index: 2
        }

        .wk-page-content .wk-jumbotron-image-layout .block-jumbotron-wrap::before {
            top: -15px !important
        }

        .wk-page-content .wk-jumbotron-image-layout .block-jumbotron-wrap::after {
            bottom: 25px !important
        }

        .wk-page-content .wk-jumbotron-image-layout .block-jumbotron-wrap .jumbotron-content {
            z-index: 2
        }

            .wk-page-content .wk-jumbotron-image-layout .block-jumbotron-wrap .jumbotron-content .jumbotron-title {
                text-align: center
            }

            .wk-page-content .wk-jumbotron-image-layout .block-jumbotron-wrap .jumbotron-content h2 {
                margin: auto;
                margin-top: 20px
            }

        .wk-page-content .wk-jumbotron-image-layout .block-jumbotron-wrap .wp-block-button.alignleft {
            text-align: center
        }

    .wk-page-content .block-icon-gallery-section.hire-is-brand-section .block-icon-gallery-wrapper {
        grid-template-columns: repeat(4,1fr)
    }

    .wk-page-content .wk-component.component--logo .wk-items-inlined {
        grid-template-columns: repeat(4,1fr)
    }

    .wk-jumbotron-wrap {
        flex-direction: column;
        padding: 20px 20px 0;
        text-align: center
    }

        .wk-jumbotron-wrap .wk-jumbo-content h2 {
            max-width: 100%
        }
}

@media (max-width:1023px) {
    .menu-container {
        text-align: center
    }

    .wk-footer .wk-mega-footer {
        justify-content: center;
        grid-gap: 30px
    }

    .wk-innovation-videos-section .grd-text {
        grid-template-columns: auto;
        grid-gap: 10px
    }

    .wk-innovation-videos-section .grd {
        grid-template-columns: repeat(auto-fit,minmax(auto,330px));
        grid-gap: 40px;
        margin-top: 48px
    }

        .wk-innovation-videos-section .grd .brick {
            width: 100%;
            grid-column: 1/4
        }

    header .wk-logo {
        margin-left: 0
    }

    header #wk-super-menu {
        display: none
    }

    header #wk-mobi-menu {
        display: block
    }

        header #wk-mobi-menu .mobi-nav-wrapper .link-back {
            display: none
        }

            header #wk-mobi-menu .mobi-nav-wrapper .link-back.opaque {
                display: block
            }

        header #wk-mobi-menu.mobi-nav-active.opaque #wk-hamburger-toggler::before {
            background-position: -192px -293px;
            transform: rotateZ(90deg)
        }

    header .wk-navbar {
        display: flex;
        grid-template-columns: unset
    }

        header .wk-navbar.opaque {
            width: 100%;
            flex-direction: row-reverse
        }

    header .wk-sap-mobile.opaque {
        display: none
    }

    header .wk-logo-wrap.neutral.transparent {
        display: none
    }

    header .wk-fluid {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 16px
    }

    header .wk-sap-mobile {
        display: block;
        margin: 0
    }

    header .wk-mobi-start-a-project {
        margin-top: 0
    }

    .wk-site-hero {
        grid-template-columns: 1fr;
        grid-row-gap: 70px;
        padding: 15px 15px;
        margin-top: 0
    }

    .wkmil-outer-wrapper .wkmil-halves {
        width: 100%;
        direction: block
    }

    .wkmil-outer-wrapper .wkmil-title-part {
        display: none
    }

    .wk-slider-wrap-outer .next, .wk-slider-wrap-outer .prev {
        display: none
    }

    .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks .__saying {
        width: 48%;
        margin-left: 30px
    }

    .wk-meetup-section .meetup-wodge .meetup-content .meetup-gallery .meetup-gallery-carousel .item {
        height: auto
    }

        .wk-meetup-section .meetup-wodge .meetup-content .meetup-gallery .meetup-gallery-carousel .item img {
            height: auto
        }

    .wk-altered-layout hr {
        margin-left: 0;
        margin-right: 0
    }

    .wk-altered-layout .gallery-pallete, .wk-altered-layout .special-link-pallete, .wk-altered-layout .wk-content-partition {
        margin-left: unset;
        margin-right: unset
    }

    .wk-altered-layout .special-link-pallete {
        text-align: center
    }

    .wk-altered-layout .gallery-pallete .inner-gallery {
        max-width: 550px;
        text-align: center
    }

    .wk-page-content .wk-success-story .wrapper {
        grid-template-columns: auto auto;
        margin: auto
    }

    .wk-page-content .caption-wide-view {
        grid-template-columns: repeat(2,1fr) !important
    }

    .wk-client-geo-wrap .customer-hero-mobile {
        display: block
    }

    .wk-client-geo-wrap .customer-hero-paper {
        display: none
    }

    .wk-page-services-section .wk-section-grid, .wk-services-section .wk-section-grid {
        grid-template-columns: repeat(2,1fr)
    }

    .wk-tlocation-tab-section .wk-tlocation-reviews .wk-section-grid {
        grid-template-columns: repeat(2,1fr)
    }

    .wk-tlocation-tab-section .wk-tlocation-sucesstories .wrapper {
        max-width: 100%
    }

    .skiddo .skiddo-container .skiddo-item .banner {
        min-height: 400px
    }
}

@media (max-width:991px) {
    .wk-content-partition .dir-rtl .part-one, .wk-content-partition .dir-rtl .part-two, .wk-content-partition .part-one, .wk-content-partition .part-two {
        width: 100%
    }

    .wk-content-partition .part-two {
        padding-left: 0;
        padding-right: 0 !important
    }

    .wk-content-partition h1 {
        text-align: center
    }

    .wk-content-partition img {
        display: block;
        margin: 0 auto
    }

    .wk-page-content .wk-content-partition {
        padding-top: 40px
    }

    .wk-innov-section img {
        max-width: 100%;
        width: 100%;
        height: 300px;
        object-fit: cover;
        object-position: center
    }

    .wk-innov-lab-section {
        padding: 0 0 40px
    }

        .wk-innov-lab-section .wk-innov-lab {
            width: 100%;
            display: block;
            margin: 25px 0 0
        }

            .wk-innov-lab-section .wk-innov-lab img {
                margin: 45px auto 0;
                display: block
            }

    .wk-technology-body .wk-technology-row .wk-technology-col {
        -ms-flex: 48%;
        flex: 48%;
        max-width: 48%
    }

    .wk-review-list {
        column-count: 2;
        column-gap: 15px
    }

        .wk-review-list .wk-glb-rvw-box {
            margin-bottom: 15px;
            max-width: 100%
        }

    .wk-tlocation-tab-section .wk-tlocation-testimonial .wk-video-grid {
        grid-template-columns: repeat(2,1fr)
    }

        .wk-tlocation-tab-section .wk-tlocation-testimonial .wk-video-grid .wk-videos-wrapper .wk-image-wrapper {
            max-width: 380px
        }

    .wk-opensource-contribution-section .wk-openc-wrapper {
        grid-template-columns: 1fr
    }

    .wk-page-content .list-pallet-grid {
        grid-template-columns: repeat(2,1fr)
    }

    .wk-page-content .wk-certificate-card-wrapper {
        grid-template-columns: repeat(2,1fr)
    }

    .wk-case-study-btn-wrap .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: unset !important;
        width: unset
    }
}

@media (max-width:768px) {
    .wkgrid-squeezy, .wkgrid-wide {
        padding: 0 15px
    }

    .section-padding {
        padding: 40px 0
    }

    .section-padding-0T {
        padding: 0 0 40px
    }

    .section-padding-0B {
        padding: 40px 0 0
    }

    .section-margin-down {
        margin-bottom: 40px
    }

    .margin-top {
        margin-top: 40px
    }

    .wk-home-client .wk-quote {
        margin-top: 25px
    }

    .wk-awards-section .award-lateral-view {
        grid-template-columns: auto
    }

    .wk-quote {
        padding: 0
    }

        .wk-quote:before {
            top: -20px
        }

    .wk-innovation-videos-section .grd .brick {
        grid-column: 1/3
    }

    .wk-story-section .wk-story-box {
        grid-template-columns: 1fr;
        grid-auto-rows: auto
    }

        .wk-story-section .wk-story-box .story-cover img {
            border-radius: 0;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px
        }

        .wk-story-section .wk-story-box .wk-story-content {
            padding: 15px;
            border-radius: 0;
            border-bottom-right-radius: 8px;
            border-bottom-left-radius: 8px
        }

            .wk-story-section .wk-story-box .wk-story-content .wk-quote {
                padding: 0
            }

                .wk-story-section .wk-story-box .wk-story-content .wk-quote:before {
                    display: none
                }

    .wk-story-section .wk-story-toggler {
        grid-template-columns: 1fr 1fr;
        justify-content: space-between;
        margin-top: 16px
    }

        .wk-story-section .wk-story-toggler .story-dir-nav {
            display: block
        }

        .wk-story-section .wk-story-toggler .wk-story-nav {
            display: none
        }

    #contact-modal[modal=on] {
        display: block
    }

    #contact-modal .contact-modal-inner {
        display: block;
        width: 100%;
        border-radius: 0
    }

        #contact-modal .contact-modal-inner .contact-modal-info {
            display: none
        }

        #contact-modal .contact-modal-inner .contact-modal-form {
            position: relative;
            padding: 0 15px 40px;
            width: 100%;
            border-radius: 0
        }

            #contact-modal .contact-modal-inner .contact-modal-form .wk-textfield input, #contact-modal .contact-modal-inner .contact-modal-form .wk-textfield textarea {
                width: 100%
            }

    .wk-certifications-section .certification-slabs {
        grid-template-columns: 1fr;
        grid-gap: 10px
    }

    .wk-inline-halves {
        grid-template-columns: auto;
        grid-gap: 30px
    }

    .section-mleu-keynote {
        text-align: center
    }

        .section-mleu-keynote .part-one {
            margin-bottom: 40px
        }

            .section-mleu-keynote .part-one img {
                margin-left: auto;
                margin-right: auto
            }

    .wkjob-widget-wrap .wkjob-widget-close {
        opacity: 1 !important
    }

    .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks .__profile, .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks .__saying {
        margin: auto
    }

    .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks .__profile {
        width: auto;
        display: inline-block
    }

    .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks .__saying {
        display: block;
        width: 80%;
        margin-top: 25px;
        text-align: center
    }

    .component--page-header, .wk-page-header {
        padding: 30px 0
    }

        .component--page-header .header-wrap, .wk-page-header .header-wrap {
            grid-gap: 30px
        }

            .component--page-header .header-wrap.header--view-alter, .wk-page-header .header-wrap.header--view-alter {
                grid-template-columns: 1fr;
                text-align: center
            }

        .component--page-header .header-tagline, .component--page-header .page-tagline, .wk-page-header .header-tagline, .wk-page-header .page-tagline {
            text-align: center
        }

            .component--page-header .header-tagline *, .component--page-header .page-tagline *, .wk-page-header .header-tagline *, .wk-page-header .page-tagline * {
                text-align: center
            }

            .component--page-header .header-tagline h1, .component--page-header .page-tagline h1, .wk-page-header .header-tagline h1, .wk-page-header .page-tagline h1 {
                font-size: 42px
            }

            .component--page-header .header-tagline .description, .component--page-header .header-tagline p, .component--page-header .page-tagline .description, .component--page-header .page-tagline p, .wk-page-header .header-tagline .description, .wk-page-header .header-tagline p, .wk-page-header .page-tagline .description, .wk-page-header .page-tagline p {
                font-size: 18px;
                line-height: 24px
            }

    .wk-component.block-column-layout .wkColumnGrid h1 {
        font-size: 42px
    }

    .wk-page-content .wk-component.component--page-header {
        padding: 40px 0 30px 0
    }

    .wk-contact-section .contact-details {
        display: block
    }

    .wk-contact-section .link-panel .link-tabs {
        margin: 15px 6px
    }

        .wk-contact-section .link-panel .link-tabs:nth-child(even) {
            margin: 15px 6px
        }

    .wk-contact-section .contact-details .cards {
        display: block;
        margin: 0 auto;
        float: none !important;
        min-height: auto
    }

        .wk-contact-section .contact-details .cards:nth-child(2) {
            margin-top: -35px;
            padding-top: 0
        }

    .wk-page-content [_wkgrid=full], .wk-page-content [_wkgrid=squeezy], .wk-page-content [_wkgrid=wide] {
        padding: 0 15px
    }

    .wk-page-content [_bgcolor] {
        margin: 40px 0 0
    }

    .wk-page-content [_bgcolor=default] {
        margin: 0 !important
    }

    .wk-page-content h2.wp-block-heading {
        font-size: 32px
    }

    .wk-page-content .wk-component {
        padding: 30px 0
    }

        .wk-page-content .wk-component div[_wkgrid=squeezy] h2 {
            font-size: 32px
        }

        .wk-page-content .wk-component div[_wkgrid=squeezy] p {
            font-size: 16px
        }

    .wk-page-content .card-pallete .card-image {
        display: block
    }

    .wk-page-content .card-pallete .card-content, .wk-page-content .card-pallete .card-image {
        width: 100%
    }

    .wk-page-content .card-pallete .card-content {
        margin-left: 0;
        margin-top: 10px
    }

    .wk-page-content .wk-fancy-links .link-component {
        margin: 0;
        max-width: 100%
    }

    .wk-page-content .schema-faq .schema-faq-section .schema-faq-question::before {
        width: 32px;
        height: 32px
    }

    .wk-page-content .schema-faq .schema-faq-section .schema-faq-question::after {
        top: 14px;
        right: 8px
    }

    .wk-page-content .wk-reviews-carousel .review-box {
        width: 100%
    }

        .wk-page-content .wk-reviews-carousel .review-box .nav-reviews {
            background: #0e1b51;
            display: block;
            width: 100%
        }

            .wk-page-content .wk-reviews-carousel .review-box .nav-reviews .arrows {
                display: block;
                background: #0e1b51;
                bottom: 0;
                top: unset;
                width: 71px;
                height: 71px
            }

                .wk-page-content .wk-reviews-carousel .review-box .nav-reviews .arrows.prev {
                    left: 0
                }

                .wk-page-content .wk-reviews-carousel .review-box .nav-reviews .arrows.next {
                    right: 0
                }

    .wk-page-content .block-fancy-list-section .block-fancy-list-wrapper {
        column-gap: 20px;
        column-count: 2
    }

        .wk-page-content .block-fancy-list-section .block-fancy-list-wrapper .block-fancy-list {
            margin-bottom: 20px
        }

    .wk-page-content .wkColumnGrid {
        margin: 40px 0 0
    }

    .wk-page-content .wk-success-story .story-block {
        display: block;
        margin: 30px auto
    }

    .wk-page-content .wk-component.wk-success-story h2.wp-block-heading {
        font-size: 32px;
        line-height: 42px
    }

    .wk-page-content .wk-component.wk-success-story .story-block {
        margin: 0 auto
    }

        .wk-page-content .wk-component.wk-success-story .story-block .story-content {
            margin-top: 14px
        }

            .wk-page-content .wk-component.wk-success-story .story-block .story-content .title a {
                font-size: 20px
            }

            .wk-page-content .wk-component.wk-success-story .story-block .story-content .about {
                font-size: 14px
            }

    .wk-page-content .wk-component.wk-success-story .wrapper.view-variant--fall {
        gap: 24px
    }

    .wk-page-content .wk-component.wk-success-story .wrapper {
        margin-top: 40px !important
    }

    .wk-page-content .wk-component.block-caption-icons .caption-icons-pallete .brick img {
        width: 60px;
        border-radius: 8px
    }

    .wk-page-content .wk-component.block-caption-icons .caption-icons-pallete .brick .wk-caption-title {
        font-size: 20px
    }

    .wk-page-content .wk-component.block-caption-icons .caption-icons-pallete .brick .wk-caption-info {
        font-size: 14px
    }

        .wk-page-content .wk-component.block-caption-icons .caption-icons-pallete .brick .wk-caption-info a {
            font-size: 14px
        }

    .wk-page-content .wk-component.block-caption-icons .caption-icons-pallete.caption-wide-view {
        grid-gap: 24px
    }

        .wk-page-content .wk-component.block-caption-icons .caption-icons-pallete.caption-wide-view.view-variant--lateral .brick {
            grid-template-columns: 60px auto
        }

    .wk-page-content .wk-component.block-caption-icons .caption-icons-pallete.caption-stick-view .brick .wk-caption-title {
        font-size: 16px
    }

    .wk-page-content .block-cards-section .block-cards-wrapper, .wk-page-content .block-cards-section .wk-section-grid {
        grid-gap: 24px
    }

    .wk-page-content .block-cards-section .block-card .link-title, .wk-page-content .block-cards-section .shaded-image-link .link-title {
        font-size: 18px
    }

        .wk-page-content .block-cards-section .block-card .link-title[data-label]:before, .wk-page-content .block-cards-section .shaded-image-link .link-title[data-label]:before {
            font-size: 14px
        }

    .wk-page-content .block-badges-section .block-badges-wrapper {
        grid-template-columns: 1fr 1fr !important
    }

        .wk-page-content .block-badges-section .block-badges-wrapper .wk-badge {
            grid-template-columns: 72px auto;
            border-radius: 8px;
            gap: 14px
        }

            .wk-page-content .block-badges-section .block-badges-wrapper .wk-badge .badge-image {
                width: 72px;
                height: auto
            }

    .wk-page-content .testimonial-layout-alt .testimonial-content-wrap .content {
        font-size: 18px !important;
        line-height: 24px
    }

    .customer-logo-with-list-container {
        margin: 10px auto
    }

        .customer-logo-with-list-container .logo-list-wrap {
            width: 100%;
            max-width: 360px;
            margin: 30px auto;
            display: block
        }

    .wk-meetup-section .meetup-wodge .meetup-img-wrap {
        width: 100%
    }

    .wk-meetup-section .meetup-wodge .meetup-content {
        width: 100%;
        padding-left: 0
    }

    .wk-events-listing .event-blocks .evt-info {
        margin-left: 10px;
        width: 52%
    }

        .wk-events-listing .event-blocks .evt-info .evt-meta .place {
            border: 0
        }

        .wk-events-listing .event-blocks .evt-info .evt-meta .date {
            display: block;
            margin: 5px 0
        }

    .wk-awards-page .award-listing-part {
        text-align: center
    }

        .wk-awards-page .award-listing-part .award-block .award-info {
            margin-left: 0;
            width: 100%
        }

            .wk-awards-page .award-listing-part .award-block .award-info .date {
                display: block;
                margin: 8px 0
            }

    .wk-contact-section .contact-srs-wrapper {
        display: block
    }

    .wk-contact-section .reach-us {
        width: 100%;
        display: block
    }

    .wk-contact-section .wk-srs {
        margin-left: unset;
        display: block;
        width: 100%;
        height: auto;
        position: relative;
        top: 0
    }

        .wk-contact-section .wk-srs p {
            width: 50%
        }

    .wk-technology-body .wk-technology-row .wk-technology-col {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%
    }

    .wk-inline-blocks .dir-rtl .part-one, .wk-inline-blocks .dir-rtl .part-two, .wk-inline-blocks .part-one, .wk-inline-blocks .part-two {
        width: 100%
    }

    .wk-inline-blocks .part-two {
        padding-left: 0;
        padding-right: 0 !important
    }

    .wk-inline-blocks h1 {
        text-align: center
    }

    .wk-inline-blocks img {
        display: block;
        margin: 0 auto
    }

    .wk-glb-rvw-filter {
        grid-template-columns: 1fr
    }

    .wk-jumbo-ad .wk-button {
        padding: 17px 25px 18px
    }

    .wk-jumbo-ad.jumbo-ad-bg {
        padding: 30px 15px
    }

        .wk-jumbo-ad.jumbo-ad-bg .wkgrid-squeezy {
            padding-left: 15px
        }

        .wk-jumbo-ad.jumbo-ad-bg:after, .wk-jumbo-ad.jumbo-ad-bg:before {
            display: none
        }

    .wp-block-video:after {
        content: none
    }

    .wp-block-video:before {
        content: none
    }

    .skiddo .skiddo-container .skiddo-item .skiddo-content .title {
        font-size: 20px
    }

    .skiddo .skiddo-container .skiddo-item .skiddo-content .desc {
        font-size: 18px
    }

    .wk-search-bar-wrap {
        margin-top: 0 !important
    }

    .wk-floating-noti-icon {
        right: 60px;
        top: 3px;
        z-index: 1000;
        box-shadow: unset;
        transform: scale(.75);
        background-color: transparent
    }

    .wk-page-services-section .wk-section-grid, .wk-services-section .wk-section-grid {
        grid-gap: 30px
    }

    .block-badges-section .block-badges-wrapper, .block-badges-section .wk-section-grid {
        grid-template-columns: 1fr !important;
        grid-gap: 30px
    }

    .wk-tlocation-sucesstories .wrapper {
        display: grid !important
    }

    .skiddo .skiddo-container .skiddo-item .banner {
        min-height: 320px
    }

    .skiddo .skiddo-container .skiddo-item .skiddo-content {
        top: 50%;
        transform: translateY(-50%)
    }

    .wk-page-content .wk-certificate-card-wrapper {
        grid-template-columns: repeat(1,1fr)
    }

    .wp-container-core-buttons-is-layout-1.wp-container-core-buttons-is-layout-1 {
        justify-content: center !important
    }

    .wp-container-core-buttons-layout-1.wp-container-core-buttons-layout-1 {
        justify-content: center !important
    }

    .header-wrap h3.wp-block-heading, .header-wrap h4.wp-block-heading {
        font-size: 20px
    }

    .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card {
        grid-template-columns: 1fr
    }

    .wk-case-study-btn-wrap .wp-block-columns {
        gap: 10px;
        margin-bottom: 0
    }

        .wk-case-study-btn-wrap .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
            width: 100%
        }

            .wk-case-study-btn-wrap .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column .wp-block-button__link, .wk-case-study-btn-wrap .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column .wp-block-heading {
                margin: 0
            }
}

@media (max-width:684px) {
    .wk-page-content .block-badges-section .block-badges-wrapper {
        grid-template-columns: 1fr !important
    }

        .wk-page-content .block-badges-section .block-badges-wrapper .wk-badge .badge-label {
            font-size: 16px
        }

    .wk-page-content .hire-us-badges-section {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width:582px) {
    .wk-tlocation-tab-section .wk-client-tab {
        display: none
    }

    .wk-tlocation-tab-section .wk-tlocation-testimonial .wk-video-grid {
        grid-template-columns: auto;
        justify-content: center;
        max-width: 380px;
        margin: auto
    }

        .wk-tlocation-tab-section .wk-tlocation-testimonial .wk-video-grid .wk-videos-wrapper .wk-image-wrapper {
            max-width: unset
        }

    .wk-tlocation-tab-section .wk-tlocation-sucesstories .wrapper {
        grid-template-columns: auto;
        justify-content: center;
        max-width: 380px;
        margin: auto
    }

    .wk-page-content .list-pallet-grid {
        grid-template-columns: repeat(1,1fr)
    }
}

@media (max-width:525px) {
    .h2, h2 {
        font-size: 34px
    }

    .h3, h3 {
        font-size: 20px
    }

    .wk-open-position .op-group .op-block .op-info span {
        display: block;
        margin-top: 4px
    }

    .wk-jumbo-ad[layout=lateral] .wk-jumbo-ad-wrap {
        grid-template-columns: auto;
        text-align: center
    }

    .page-notice-board .notice-board-body {
        grid-template-columns: auto;
        grid-gap: 8px 16px;
        text-align: center;
        justify-items: center
    }

    .wk-footer .wk-mega-footer {
        column-count: 2;
        display: block
    }

        .wk-footer .wk-mega-footer li {
            margin: 8px 0
        }

            .wk-footer .wk-mega-footer li:last-of-type {
                margin: 0
            }

        .wk-footer .wk-mega-footer .wk-footer-col {
            padding: 15px 0;
            border-bottom: 1px solid #d7dfe2;
            display: inline-block
        }

            .wk-footer .wk-mega-footer .wk-footer-col:last-of-type {
                border: none
            }

    .wk-innovation-videos-section .grd .brick {
        grid-column: 1/2
    }

    .wk-home-client p {
        font-size: 20px;
        line-height: 26px
    }

    .wk-home-client .inline-left {
        grid-row: 1
    }

    .wk-window-to-toggle {
        gap: 0 20px;
        overflow: hidden;
        margin-bottom: 20px
    }

        .wk-window-to-toggle.tw-open {
            height: auto;
            overflow: unset
        }

            .wk-window-to-toggle.tw-open .wk-window-toggler {
                display: block;
                background-image: none;
                bottom: -35px
            }

    .wk-site-hero {
        grid-gap: 0
    }

        .wk-site-hero .team-profile {
            display: none
        }

        .wk-site-hero .wk-site-tagline {
            font-size: 34px
        }

        .wk-site-hero .wk-hero-box-wrap:after, .wk-site-hero .wk-hero-box-wrap:before {
            display: none
        }

        .wk-site-hero .wk-hero-box-wrap .wk-hero-box {
            height: auto
        }

            .wk-site-hero .wk-hero-box-wrap .wk-hero-box .bubble {
                display: none
            }

            .wk-site-hero .wk-hero-box-wrap .wk-hero-box .wk-button {
                justify-self: auto
            }

            .wk-site-hero .wk-hero-box-wrap .wk-hero-box:after, .wk-site-hero .wk-hero-box-wrap .wk-hero-box:before {
                display: none
            }

    .playground .wk-site-hero-b {
        padding: 40px 15px 0
    }

    .playground .wk-site-hero-content-b {
        margin-top: 0
    }

        .playground .wk-site-hero-content-b p {
            font-size: 18px
        }

        .playground .wk-site-hero-content-b .wk-site-tagline-b {
            font-size: 34px
        }

        .playground .wk-site-hero-content-b .wk-button {
            font-size: 18px;
            margin: 8px 0 24px 0
        }

    .wkgrid-full h1 {
        font-size: 26px !important
    }

    .wk-technology-section .wk-section-grid {
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px
    }

        .wk-technology-section .wk-section-grid .wk-tech-brick {
            padding: 20px 10px;
            word-break: break-word
        }

    .wk-events-section .switchers {
        width: 68px;
        height: 68px;
        padding: 0
    }

        .wk-events-section .switchers:after {
            top: 16px
        }

    .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks {
        padding: 45px 0 0
    }

        .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks .__saying {
            width: 100%
        }

    .wk-contact-section .link-panel .link-tabs {
        margin: 15px
    }

        .wk-contact-section .link-panel .link-tabs:nth-child(even) {
            margin: 15px 0
        }

    .wk-contact-section .contact-details.info-full {
        display: block
    }

        .wk-contact-section .contact-details.info-full .cards {
            width: 100%
        }

            .wk-contact-section .contact-details.info-full .cards .phone .phone-drops {
                margin-bottom: 10px
            }

    .wk-events-listing .event-blocks .evt-info {
        display: block;
        margin: 15px 0 0;
        width: 100%
    }

        .wk-events-listing .event-blocks .evt-info .evt-meta .place {
            border-right: 1px solid #c1c1c1
        }

        .wk-events-listing .event-blocks .evt-info .evt-meta .date {
            display: inline;
            margin: 5px 0
        }

            .wk-events-listing .event-blocks .evt-info .evt-meta .date[event-status=true]:after {
                margin-top: 12px;
                top: -9px
            }

    .wk-awards-page .award-listing-part .award-block .award-info {
        display: block;
        margin: 15px 0 0;
        width: 100%
    }

    .section-mleu-speaker .mleu-speaker-wrap {
        grid-template-columns: 292px;
        grid-gap: 30px
    }

    .wk-page-content h2.wp-block-heading, .wk-page-content h3.wp-block-heading, .wk-page-content h4.wp-block-heading {
        font-size: 24px
    }

    .wk-page-content .wk-component {
        padding: 20px 0
    }

        .wk-page-content .wk-component.component--page-header {
            padding: 24px 0 20px 0
        }

            .wk-page-content .wk-component.component--page-header .header-tagline .title, .wk-page-content .wk-component.component--page-header .header-tagline h1, .wk-page-content .wk-component.component--page-header .page-tagline .title, .wk-page-content .wk-component.component--page-header .page-tagline h1 {
                font-size: 32px;
                line-height: 42px
            }

            .wk-page-content .wk-component.component--page-header .header-tagline .description, .wk-page-content .wk-component.component--page-header .header-tagline p, .wk-page-content .wk-component.component--page-header .page-tagline .description, .wk-page-content .wk-component.component--page-header .page-tagline p {
                font-size: 16px;
                line-height: 24px
            }

            .wk-page-content .wk-component.component--page-header .header-tagline .wk-button, .wk-page-content .wk-component.component--page-header .header-tagline .wp-block-button__link, .wk-page-content .wk-component.component--page-header .page-tagline .wk-button, .wk-page-content .wk-component.component--page-header .page-tagline .wp-block-button__link {
                padding: 14px 24px;
                border-radius: 8px;
                margin: 24px 0 0
            }

        .wk-page-content .wk-component.block-column-layout .wkColumnGrid h1 {
            font-size: 32px
        }

        .wk-page-content .wk-component.block-caption-icons .caption-icons-pallete.caption-stick-view {
            grid-template-columns: repeat(auto-fill,minmax(auto,148px));
            grid-gap: 8px 0
        }

            .wk-page-content .wk-component.block-caption-icons .caption-icons-pallete.caption-stick-view .brick .wk-caption-title {
                font-size: 16px
            }

    .wk-page-content .caption-icons-pallete {
        grid-gap: 30px;
        grid-template-columns: 1fr 1fr
    }

        .wk-page-content .caption-icons-pallete .brick .wk-caption-title {
            margin: 15px 0 0;
            font-size: 14px
        }

        .wk-page-content .caption-icons-pallete .brick .wk-caption-info {
            font-size: 14px
        }

    .wk-page-content .block-fancy-list-section .block-fancy-list-wrapper {
        column-count: 1
    }

    .wk-page-content .caption-wide-view, .wk-page-content .wk-fancy-links {
        grid-template-columns: 1fr !important
    }

    .wk-page-content .wk-success-story .wrapper {
        grid-template-columns: 1fr;
        max-width: 380px;
        grid-gap: unset
    }

    .wk-page-content .wk-component div[_wkgrid=squeezy] h2 {
        font-size: 24px
    }

    .wk-page-content .wk-component.wk-success-story h2.wp-block-heading {
        font-size: 24px;
        line-height: 32px
    }

    .wk-page-content .wk-component.wk-success-story .story-block .story-content .title a {
        font-size: 18px
    }

    .wk-page-content .wk-component.wk-success-story .wrapper {
        margin-top: 30px !important
    }

    .wk-page-content .wk-component.block-caption-icons .caption-icons-pallete .brick .wk-caption-title {
        font-size: 18px
    }

    .wk-page-content .block-column-layout .view-variant--fall .wkColumnGrid p {
        font-size: 16px
    }

    .wk-page-content .testimonial-layout-alt .testimonial-content-wrap .content {
        font-size: 16px !important
    }

    .wk-page-content .schema-faq .schema-faq-section {
        padding: 0 8px 0
    }

        .wk-page-content .schema-faq .schema-faq-section .schema-faq-question {
            padding: 13px 45px 13px 0
        }

    .wk-page-content .wk-technology-section .wk-section-grid.view-variant--fall {
        grid-gap: 12px
    }

        .wk-page-content .wk-technology-section .wk-section-grid.view-variant--fall .wk-tech-brick p {
            font-size: 16px
        }

    .wk-page-content .hire-us-badges-section {
        padding: 20px 15px;
        grid-gap: 20px 10px
    }

        .wk-page-content .hire-us-badges-section .wk-badge .badge-label {
            font-size: 12px
        }

        .wk-page-content .hire-us-badges-section .wk-badge .badge-image {
            width: 50px
        }

    .wk-page-content .wk-review-badge {
        font-size: 12px
    }

        .wk-page-content .wk-review-badge.clutch .rating, .wk-page-content .wk-review-badge.google .rating, .wk-page-content .wk-review-badge.trust-pilot .rating {
            font-size: 14px
        }

            .wk-page-content .wk-review-badge.clutch .rating span, .wk-page-content .wk-review-badge.google .rating span, .wk-page-content .wk-review-badge.trust-pilot .rating span {
                scale: .7;
                transform-origin: left;
                margin-right: -6px
            }

    .wk-page-content .block-icon-gallery-section.hire-is-brand-section .block-icon-gallery-wrapper {
        grid-template-columns: repeat(3,1fr);
        grid-gap: 10px
    }

    .wk-page-content .wk-component.component--logo .wk-items-inlined {
        grid-template-columns: repeat(3,1fr)
    }

    .wk-page-content .hireus-icon-pallet-grid {
        grid-template-columns: repeat(auto-fit,minmax(250px,auto))
    }

    .block-cards-section .block-cards-wrapper.card-lg .block-card {
        height: auto;
        padding-bottom: 74.5%;
        position: relative
    }

    .wk-review-list {
        column-count: 1
    }

    .wk-page-services-section .wk-section-grid, .wk-services-section .wk-section-grid {
        grid-template-columns: 1fr
    }

    .wk-tlocation-hero-title {
        font-size: 48px
    }

    .wk-ctab-header {
        font-size: 30px
    }

    .wk-opensource-contribution-section .wk-openc-wrapper .wk-openc-card .wk-openc-single-card {
        flex: 1 0 100%
    }

    .wk-customers-section .wk-items-inlined {
        display: grid;
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width:425px) {
    .wk-openjobs-tabs {
        display: none
    }

    .wkmil-outer-wrapper .wkmil-detail-part {
        padding: 40px 15px
    }

    .wk-award-hero-section .wk-award-placeholder {
        height: 260px
    }

    .wk-award-hero-section .wk-award-slider .owl-item img {
        height: 260px;
        object-fit: cover;
        object-position: center center
    }

    .wk-awards-page .twitter-feeds-part .twitter-card {
        max-width: 278px
    }

    .page-tagline h1 {
        font-size: 34px
    }

    .wk-hero-section.hero-secondary .inner-canvas .hero-parts.tagline h1 {
        font-size: 48px
    }

    .wk-hero-section.hero-secondary .inner-canvas .hero-parts.illustration .core-main-bg {
        display: none
    }

    .wk-hero-section.hero-secondary .inner-canvas .hero-parts.illustration .core-main-sm {
        display: block;
        margin: auto
    }

    .wk-contact-section .contact-details.info-full .cards {
        width: 100%;
        min-width: 100%
    }

        .wk-contact-section .contact-details.info-full .cards.wk-phone-address .phone-drops {
            float: none !important;
            margin: 15px 0 4px
        }

        .wk-contact-section .contact-details.info-full .cards .wk-email-phone, .wk-contact-section .contact-details.info-full .cards .wk-phone-address {
            width: 100%
        }

    .wk-contact-section .contact-details .cards {
        width: 100%;
        min-width: 100%
    }

    .wk-tech-jumbotron .jumbotron-content {
        padding: 0 15px
    }

        .wk-tech-jumbotron .jumbotron-content h1 {
            font-size: 40px
        }

    .wk-page-content .wk-reviews-carousel .review-box {
        width: 100%
    }

        .wk-page-content .wk-reviews-carousel .review-box .review-wrap .data {
            padding: 15px 15px
        }

    .wk-page-content .wk-component .block-jumbotron-wrap:after {
        bottom: -84px
    }

    .wk-page-content .wk-component .block-jumbotron-wrap:before {
        top: -125px
    }

    .wk-contact-section .wk-srs {
        height: 572px
    }

        .wk-contact-section .wk-srs p {
            width: 100%
        }

    .wk-events-listing .event-blocks .evt-info .evt-meta .date[event-status=true]:after {
        display: block;
        width: 103px;
        top: -4px;
        margin-left: 0
    }

    .wk-partner-tab-wrap .wk-partner-tabs .wk-wrap-ptr {
        width: 100%
    }

        .wk-partner-tab-wrap .wk-partner-tabs .wk-wrap-ptr .wk-prt-tab1 {
            font-size: 14px;
            float: left
        }

        .wk-partner-tab-wrap .wk-partner-tabs .wk-wrap-ptr .wk-prt-tab2 {
            font-size: 14px;
            float: right
        }

    .wk-page-content .wk-jumbotron-image-layout .block-jumbotron-wrap .jumbotron-content h2 {
        margin: auto;
        margin-top: 110px;
        text-align: left !important
    }

    .wk-page-content .wk-jumbotron-image-layout .block-jumbotron-wrap .wp-block-button.alignleft {
        text-align: left
    }

    .wk-page-content .hire-us-badges-section {
        grid-template-columns: repeat(auto-fit,250px)
    }

        .wk-page-content .hire-us-badges-section .wk-badge .badge-label {
            font-size: 16px
        }

    .wk-page-content .wk-review-badge {
        font-size: 16px
    }

        .wk-page-content .wk-review-badge .rating {
            font-size: 18px !important
        }

    .skiddo .skiddo-container .skiddo-item .banner {
        min-height: 400px
    }
}

@media (max-width:375px) {
    .wk-infrastructure .gallery {
        height: 0;
        padding-bottom: 74%
    }

    .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-card {
        margin-left: 0;
        margin-right: 0;
        height: auto;
        min-height: auto
    }

        .wk-mp-user-guide .wk-mp-platform .platform-plank .platform-card .wk-mp-btn {
            position: unset
        }

    .wk-altered-header .altered-video-cover .video-icon {
        top: 14%;
        left: 28%
    }

    .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks .__saying a.button-ghost {
        margin: 0;
        margin-left: 8px;
        padding: 12px 24px 13px 24px
    }

    .section-mleu-hero {
        padding: 60px 0
    }

        .section-mleu-hero .mleu-wrap {
            border-width: 25px;
            padding: 30px
        }

            .section-mleu-hero .mleu-wrap h2 {
                font-size: 36px
            }

            .section-mleu-hero .mleu-wrap p {
                font-size: 20px
            }

    .wk-wrap-ptr .wk-prt-tab1, .wk-wrap-ptr .wk-prt-tab2 {
        width: 137px;
        padding: 5px 30px !important
    }

    .tab-card {
        padding: 47px 6px 0 6px !important
    }
}

@media (max-width:360px) {
    #_wkheader .wk-navbar {
        grid-gap: 3px
    }

        #_wkheader .wk-navbar .wk-logo {
            transform: scale(.9)
        }

    #_wkheader .wk-sap-mobile a {
        padding: 9px 6px !important
    }
}

@media (max-width:320px) {
    #_wkheader .wk-sap-mobile a {
        display: none
    }

    .menu-container {
        font-size: 12px
    }

    .wk-events-section .event-blocks-wrapper .event-slider-wrap .event-blocks .__saying a.button-ghost {
        margin: 0;
        padding: 12px 42px 13px 42px
    }
}

body.on-webp header .wk-logo {
    background-image: url(images/webp/wk-sprite-globala9f2.webp?v=2.6);
    background-repeat: no-repeat
}

body.on-webp header .wk-menu-item .wk-menu-icon:not(.wk-menu-icon-):before {
    background-image: url(images/webp/wk-sprite-global-menu5ce3.webp?v=2.0.9)
}

body.on-webp header .wk-menu-item .wk-menu-icon-awards:before {
    background-position: 0 0
}

body.on-webp header .wk-menu-item .wk-menu-icon-certifications:before {
    background-position: -56px 0
}

body.on-webp header .wk-menu-item .wk-menu-icon-lifeatwebkul:before {
    background-position: -112px 0
}

body.on-webp header .wk-menu-item .wk-menu-icon-events:before {
    background-position: -168px 0
}

body.on-webp header .wk-menu-item .wk-menu-icon-infrastructure:before {
    background-position: -224px 0
}

body.on-webp header .wk-menu-item .wk-menu-icon-company:before {
    background-position: -280px 0
}

body.on-webp header .wk-menu-item .wk-menu-icon-inthepress:before {
    background-position: -448px -56px
}

body.on-webp header .wk-menu-item .wk-menu-icon-partners:before {
    background-position: -504px -56px
}

body.on-webp header .wk-menu-item .wk-menu-icon-testimonials:before {
    background-position: -560px -56px
}

body.on-webp header .wk-menu-item .wk-menu-icon-webkulteam:before {
    background-position: -616px -56px
}

body.on-webp header .wk-menu-item .wk-menu-icon-meetups:before {
    background-position: -673px -56px
}

body.on-webp header .wk-menu-item .wk-menu-icon-responsibility:before {
    background-position: -786px -54px
}

body.on-webp header .wk-menu-item .wk-menu-icon-blog:before {
    background-position: -729px -56px
}

body.on-webp header .wk-menu-item .wk-menu-icon-case-studies {
    background-position: -784px 1px
}

body.on-webp header .wk-menu-item .wk-menu-icon-bagisto::before {
    background-position: -1px -224px
}

body.on-webp header .wk-menu-item .wk-menu-icon-qlo-apps::before {
    background-position: -117px -228px
}

body.on-webp header .wk-menu-item .wk-menu-icon-qlo-apps-opensource::before {
    background-position: -114px -224px
}

body.on-webp header .wk-menu-item .wk-menu-icon-krayin::before {
    background-position: -170px -224px
}

body.on-webp header .wk-menu-item .wk-menu-icon-unopim::before {
    background-position: -335px -333px
}

body.on-webp header .wk-menu-item .wk-menu-icon-uvdesk::before {
    background-position: -55px -224px
}

body.on-webp header .wk-menu-item .wk-menu-icon-magento:before {
    background-position: 0 -114px
}

body.on-webp header .wk-menu-item .wk-menu-icon-odoo:before {
    background-position: -112px -112px
}

body.on-webp header .wk-menu-item .wk-menu-icon-symfony:before {
    background-position: -282px -112px
}

body.on-webp header .wk-menu-item .wk-menu-icon-opencart:before {
    background-position: -55px -114px
}

body.on-webp header .wk-menu-item .wk-menu-icon-salesforce:before {
    background-position: -168px -112px
}

body.on-webp header .wk-menu-item .wk-menu-icon-laravel:before {
    background-position: -224px -112px
}

body.on-webp header .wk-menu-item .wk-menu-icon-woocommerce:before {
    background-position: -1px -168px
}

body.on-webp header .wk-menu-item .wk-menu-icon-akeneo:before {
    background-position: -113px -168px
}

body.on-webp header .wk-menu-item .wk-menu-icon-apple:before {
    background-position: -226px -168px
}

body.on-webp header .wk-menu-item .wk-menu-icon-shopware:before {
    background-position: -57px -168px
}

body.on-webp header .wk-menu-item .wk-menu-icon-pimcore:before {
    background-position: -169px -168px
}

body.on-webp header .wk-menu-item .wk-menu-icon-android:before {
    background-position: -281px -168px
}

body.on-webp header .wk-menu-item .wk-menu-icon-cs-cart:before {
    background-position: -340px -112px
}

body.on-webp header .wk-menu-item .wk-menu-icon-prestashop:before {
    background-position: -393px -112px
}

body.on-webp header .wk-menu-item .wk-menu-icon-big-commerce:before {
    background-position: -338px -168px
}

body.on-webp header .wk-menu-item .wk-menu-icon-shopify:before {
    background-position: -393px -168px
}

body.on-webp header .wk-menu-item .wk-menu-icon-sap:before {
    background-position: -278px -224px
}

body.on-webp header .wk-menu-item .wk-menu-icon-marketplace:before {
    background-position: -279px -280px
}

body.on-webp header .wk-menu-item .wk-menu-icon-mobile-apps:before {
    background-position: -393px -281px
}

body.on-webp header .wk-menu-item .wk-menu-icon-crm:before {
    background-position: 1px -337px
}

body.on-webp header .wk-menu-item .wk-menu-icon-erp:before {
    background-position: -56px -337px
}

body.on-webp header .wk-menu-item .wk-menu-icon-genai:before {
    background-position: -112px -337px
}

body.on-webp header .wk-menu-item .wk-menu-icon-pim:before {
    background-position: -335px -280px
}

body.on-webp header .wk-menu-item .wk-menu-icon-blockchain:before {
    background-position: -167px -338px
}

body.on-webp header .wk-menu-item .wk-menu-icon-ecommerce:before {
    background-position: -281px -337px
}

body.on-webp header .wk-menu-item .wk-menu-icon-devops:before {
    background-position: -225px -336px
}

body.on-webp header #wk-super-menu .wk-submenu-off .wk-submenu-callout .callout-brick:before {
    background-image: url(images/webp/icon-ChatBubbles.webp)
}

body.on-webp #contact-modal .contact-modal-inner .contact-modal-info .talk-to-sales .item .icon:before {
    background-image: url(images/webp/wk-sprite-globala9f2.webp?v=2.6);
    background-repeat: no-repeat
}

body.on-webp #contact-modal .contact-modal-inner #modal-close {
    background-image: url(images/webp/wk-sprite-globala9f2.webp?v=2.6);
    background-repeat: no-repeat
}

body.on-webp .wk-badges-section .wk-badge .badge-icon {
    background-image: url(images/webp/wk-sprite-persuasionf9e3.webp?v=1.1)
}

body.on-webp .wk-footer .wk-mega-footer .icon:before {
    background-image: url(images/webp/wk-sprite-globala9f2.webp?v=2.6);
    background-repeat: no-repeat
}

body.on-webp .wk-footer .wk-mini-footer .footer-entity.footer-badges .logo, body.on-webp .wk-footer .wk-mini-footer .footer-entity.google .logo, body.on-webp .wk-footer .wk-mini-footer .footer-entity.trustpilot .logo {
    background-image: url(images/webp/wk-sprite-globala9f2.webp?v=2.6);
    background-repeat: no-repeat
}

body.on-webp .wk-footer .wk-mini-footer .footer-entity.google .rating span, body.on-webp .wk-footer .wk-mini-footer .footer-entity.trustpilot .rating span {
    background-image: url(images/webp/wk-sprite-rating.webp)
}

body.on-webp .wk-innovation-videos-section .wk-video .video-poster .icon-play:after {
    background-image: url(images/webp/wk-sprite-globala9f2.webp?v=2.6);
    background-repeat: no-repeat
}

body.on-webp .wk-jumbo-ad.jumbo-ad-bg {
    background-image: url(images/webp/webkul-csr.webp)
}

body.on-webp .wk-services-section .wk-tile .icon {
    background-image: url(images/webp/wk-sprite-icons6da2.webp?v=2.2)
}

body.on-webp .wk-contact-section .link-panel .link-tabs .link-tab-icon:before {
    background-image: url(images/webp/wk-sprite-globala9f2.webp?v=2.6);
    background-repeat: no-repeat
}